/* Way of the Trader — public site styles (source of truth: wott_full_preview.html) */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url('/assets/fonts/inter-var-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ── Tokens ─────────────────────────────────────────────────────────── */
:root{
  --bg:#0A0E17; --panel:#101623; --panel-2:#161E2E; --line:#1E2939;
  --ink:#E8EDF2; --ink-soft:#8A99AB;
  --amber:#F0B860; --amber-deep:#B26A00;
  --gain:#2FBF71; --loss:#E5484D;
  --body:'Inter',-apple-system,'Segoe UI',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
.num{font-variant-numeric:tabular-nums}
.lbl{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--amber);outline-offset:2px;border-radius:4px}

/* ── Nav ────────────────────────────────────────────────────────────── */
nav{border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(10,14,23,.92);backdrop-filter:blur(8px);z-index:50}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:16px;padding-bottom:16px}
.logo{font-weight:900;font-size:22px;letter-spacing:-.5px;text-transform:uppercase;display:flex;align-items:center;gap:10px}
.logo .lvl{display:inline-block;width:26px;border-top:2px dashed var(--amber)}
.nav-links{display:flex;align-items:center;gap:26px;font-size:12.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}
.nav-links a{color:var(--ink-soft);padding-bottom:4px;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}
.nav-links a:hover{color:var(--ink)}
.nav-links a.active{color:var(--ink);border-color:var(--amber)}
.btn-yt{border:1px solid var(--line);border-radius:6px;padding:9px 16px;font-size:12.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;transition:border-color .2s,background .2s}
.btn-yt:hover{border-color:var(--amber);background:var(--panel)}
.burger{display:none;font-size:22px;color:var(--ink-soft);background:none;border:none;cursor:pointer}
.mobile-nav{display:none;border-top:1px solid var(--line);padding-top:10px;padding-bottom:16px}
.mobile-nav.open{display:block}
.mobile-nav a{display:block;padding:10px 0;font-size:13px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--ink-soft)}
.mobile-nav a.active,.mobile-nav a:hover{color:var(--ink)}

/* ── Stats bar ──────────────────────────────────────────────────────── */
.stats{border-bottom:1px solid var(--line);background:var(--panel)}
.stats-in{display:flex;align-items:center;gap:30px;padding-top:11px;padding-bottom:11px;overflow-x:auto;white-space:nowrap}
.stats .k{font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--ink-soft);margin-right:8px}
.stats .v{font-size:13.5px;font-weight:800;color:var(--ink)}
.stats .pos{color:var(--gain)}
.stats .neg{color:var(--loss)}
.stats .src{margin-left:auto;font-size:11px;color:var(--ink-soft)}

/* ── Hero / cards ───────────────────────────────────────────────────── */
.hero{padding:32px 0 8px}
.hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;min-height:480px}
.photo-card{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(145deg,var(--panel-2),var(--bg));display:flex;flex-direction:column;justify-content:flex-end;transition:border-color .25s}
.photo-card:hover{border-color:rgba(240,184,96,.5)}
.photo-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s}
.photo-card:hover img{transform:scale(1.05)}
.photo-card .fade{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,14,23,.92) 0%,rgba(10,14,23,.55) 32%,rgba(10,14,23,.08) 60%,transparent 80%)}
.photo-card .content{position:relative;padding:30px}
.hero-main{min-height:440px}
.hero-main .content{padding:36px}
.eyebrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--amber);margin-bottom:12px}
.badge{font-size:11.5px;font-weight:800;padding:3px 10px;border-radius:4px;letter-spacing:.3px}
.badge.neg{color:var(--loss);border:1px solid rgba(229,72,77,.45);background:rgba(10,14,23,.55)}
.badge.pos{color:var(--gain);border:1px solid rgba(47,191,113,.45);background:rgba(10,14,23,.55)}
.badge.flat{color:var(--ink-soft);border:1px solid var(--line);background:rgba(10,14,23,.55)}
.badge.draft{color:var(--amber);border:1px dashed rgba(240,184,96,.65);background:rgba(240,184,96,.08);text-transform:uppercase}
.hero-main h1{font-weight:900;font-size:38px;line-height:1.12;letter-spacing:-1px;max-width:640px;margin-bottom:12px;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.hero-main p{color:#C4CEDA;max-width:560px;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.hero-main:hover h1{color:var(--amber)}
.hero-side{display:grid;grid-template-rows:1fr 1fr;gap:16px}
.hero-side h3{font-weight:900;font-size:20px;line-height:1.25;letter-spacing:-.4px;text-shadow:0 2px 8px rgba(0,0,0,.55)}
.hero-side .photo-card:hover h3{color:var(--amber)}

.main-grid{display:grid;grid-template-columns:8fr 4fr;gap:40px;padding-top:44px;padding-bottom:20px}
.feed-head{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px dashed rgba(240,184,96,.35);padding-bottom:14px;margin-bottom:28px}
.feed-head h2{font-weight:900;font-size:24px;letter-spacing:-.5px;text-transform:uppercase}
.feed-head a{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--ink-soft)}
.feed-head a:hover{color:var(--amber)}

.card{display:flex;gap:22px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:18px;transition:border-color .25s,background .25s}
.card:hover{background:var(--panel-2);border-color:rgba(240,184,96,.5)}
.thumb{flex:0 0 200px;height:140px;border-radius:8px;overflow:hidden;position:relative;background:linear-gradient(145deg,var(--panel-2),var(--bg))}
.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.card:hover .thumb img{transform:scale(1.08)}
.card-body{display:flex;flex-direction:column;justify-content:center;gap:8px;min-width:0}
.meta{display:flex;align-items:center;gap:12px}
.meta .cat{color:var(--amber)}
.meta .date{color:var(--ink-soft);font-weight:600;letter-spacing:.5px;font-size:11.5px}
.card-body h3{font-size:19px;font-weight:800;line-height:1.3;letter-spacing:-.2px}
.card:hover h3{color:var(--amber)}
.card-body p{color:var(--ink-soft);font-size:13.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.more{display:block;margin:28px auto 0;background:none;border:1px solid var(--line);color:var(--ink);font-family:var(--body);font-weight:700;font-size:12.5px;letter-spacing:1.5px;text-transform:uppercase;padding:14px 40px;border-radius:8px;cursor:pointer;transition:border-color .2s,background .2s;text-align:center;max-width:320px}
.more:hover{border-color:var(--amber);background:var(--panel)}
.pager{display:flex;justify-content:center;gap:10px;margin:28px 0 0}

/* ── Sidebar ────────────────────────────────────────────────────────── */
aside{display:flex;flex-direction:column;gap:22px}
.sticky{position:sticky;top:86px;display:flex;flex-direction:column;gap:22px}
.box{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:26px}
.box h4{font-weight:900;font-size:18px;letter-spacing:-.3px;text-transform:uppercase;margin-bottom:8px}
.box p{color:var(--ink-soft);font-size:13.5px;margin-bottom:16px}
.box .note{font-size:11px;color:var(--ink-soft);margin:12px 0 0}
.box.newsletter{border-color:rgba(240,184,96,.55);box-shadow:0 0 0 1px rgba(240,184,96,.12),0 12px 40px -18px rgba(240,184,96,.25)}
.box.newsletter h4{color:var(--amber)}
.box .thumb-wide{height:110px;border-radius:8px;overflow:hidden;margin-bottom:16px;background:linear-gradient(145deg,var(--panel-2),var(--bg))}
.box .thumb-wide img{width:100%;height:100%;object-fit:cover;opacity:.85}
input[type=email],input[type=text],textarea,select{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:6px;color:var(--ink);font-family:var(--body);font-size:14px;padding:13px 14px}
input::placeholder,textarea::placeholder{color:var(--ink-soft)}
input:focus,textarea:focus,select:focus{border-color:var(--amber);outline:none}
.box input[type=email]{margin-bottom:10px}
.btn-primary{display:inline-block;background:var(--amber);color:#161104;border:none;border-radius:6px;font-family:var(--body);font-weight:800;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;padding:14px 28px;cursor:pointer;transition:filter .2s;text-align:center}
.btn-primary:hover{filter:brightness(1.08)}
.btn-primary.w{width:100%}
.btn-ghost{display:block;width:100%;text-align:center;border:1px solid var(--line);border-radius:6px;font-weight:700;font-size:13px;letter-spacing:1px;text-transform:uppercase;padding:13px;transition:border-color .2s,background .2s;cursor:pointer;background:none;color:var(--ink);font-family:var(--body)}
.btn-ghost:hover{border-color:var(--amber);background:var(--bg)}
.tag-aff{display:inline-block;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-soft);border:1px solid var(--line);border-radius:4px;padding:3px 8px;margin-bottom:12px}

/* Hero split: 2/3 grafika + 1/3 tytuł/opis obok (bez nakładania tekstu) */
.hero-split{display:grid;grid-template-columns:2fr 1fr;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:border-color .25s,background .25s}
.hero-split:hover{border-color:rgba(240,184,96,.5);background:var(--panel-2)}
.hs-media{position:relative;min-height:360px;background:linear-gradient(145deg,var(--panel-2),var(--bg))}
.hs-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hs-body{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:34px 30px;border-left:1px solid var(--line)}
.hs-body h1{font-weight:900;font-size:26px;line-height:1.2;letter-spacing:-.6px}
.hero-split:hover .hs-body h1{color:var(--amber)}
.hs-body p{color:var(--ink-soft);font-size:14px}
.hs-cta{color:var(--amber);margin-top:6px}
@media(max-width:1023px){
  .hero-split{grid-template-columns:1fr}
  .hs-media{min-height:0;aspect-ratio:16/9}
  .hs-body{border-left:none;border-top:1px solid var(--line);padding:24px 22px}
  .hs-body h1{font-size:22px}
}

/* ── Page headers ───────────────────────────────────────────────────── */
.page-head{padding:46px 0 10px}
.page-head .lbl{color:var(--amber);margin-bottom:10px;display:block}
.page-head h1{font-weight:900;font-size:36px;letter-spacing:-1px;line-height:1.1;margin-bottom:12px}
.page-head .sub{color:var(--ink-soft);max-width:660px;font-size:16px}

/* ── Article ────────────────────────────────────────────────────────── */
.art-hero{height:380px;border-radius:12px;overflow:hidden;border:1px solid var(--line);margin:26px 0;background:linear-gradient(145deg,var(--panel-2),var(--bg))}
.art-hero img{width:100%;height:100%;object-fit:cover}
.prose{max-width:100%}
.prose p{color:#C4CEDA;margin-bottom:18px;font-size:15.5px}
.prose ul,.prose ol{color:#C4CEDA;margin:0 0 18px 22px;font-size:15.5px}
.prose li{margin-bottom:6px}
.prose a{color:var(--amber)}
.prose a:hover{text-decoration:underline}
.prose h2{font-weight:900;font-size:22px;letter-spacing:-.4px;margin:30px 0 12px}
.prose h3{font-weight:800;font-size:18px;letter-spacing:-.3px;margin:24px 0 10px}
.prose code{background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:1px 6px;font-size:13px}
.prose pre{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:16px;overflow-x:auto;margin-bottom:18px}
.prose pre code{background:none;border:none;padding:0}
.prose img{border-radius:8px;border:1px solid var(--line);margin:18px 0}
.prose blockquote{border-left:3px solid var(--amber);background:var(--panel);border-radius:0 8px 8px 0;padding:16px 20px;color:var(--ink);font-weight:600;margin:22px 0}
.prose blockquote p{color:var(--ink);margin:0}
.prose hr{border:none;border-top:1px dashed var(--line);margin:26px 0}
.video-embed{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--line);margin:22px 0;background:var(--panel);aspect-ratio:16/9}
.video-embed img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-embed .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;border:2px solid var(--amber);display:grid;place-items:center;color:var(--amber);font-size:20px;background:rgba(10,14,23,.7);cursor:pointer}
.author{display:flex;gap:18px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px 24px;margin-top:34px}
.author .ava{flex:0 0 56px;height:56px;border-radius:50%;overflow:hidden;border:2px solid var(--amber);background:linear-gradient(145deg,var(--panel-2),var(--bg));display:grid;place-items:center;color:var(--amber);font-weight:900;font-size:20px}
.author .ava img{width:100%;height:100%;object-fit:cover}
.author b{display:block;font-weight:800}
.author span{color:var(--ink-soft);font-size:13px}
.author a{color:var(--amber)}

/* ── Tools ──────────────────────────────────────────────────────────── */
.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:26px 0 10px}
.tool-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:border-color .25s,background .25s;display:flex;flex-direction:column}
.tool-card:hover{border-color:rgba(240,184,96,.5);background:var(--panel-2)}
.tool-card.soon{cursor:default;opacity:.75}
.tool-card.soon:hover{border-color:var(--line);background:var(--panel)}
.tool-card.soon:hover h3{color:var(--ink)}
.tool-card .shot{height:150px;background:linear-gradient(145deg,var(--panel-2),var(--bg));overflow:hidden}
.tool-card .shot img{width:100%;height:100%;object-fit:cover}
.tool-card .body{padding:20px;display:flex;flex-direction:column;gap:8px;flex:1}
.tool-card h3{font-weight:800;font-size:17px;line-height:1.3}
.tool-card:hover h3{color:var(--amber)}
.tool-card p{color:var(--ink-soft);font-size:13px}
.tool-card .ver{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--ink-soft);margin-top:auto}

/* ── Education hub: wiersze tematów + banda newslettera ─────────────── */
.topic-rows{display:flex;flex-direction:column;gap:16px;margin:26px 0 10px}
.topic-row{display:grid;grid-template-columns:200px 1fr auto;gap:24px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px;transition:border-color .25s,background .25s}
a.topic-row:hover{background:var(--panel-2);border-color:rgba(240,184,96,.5)}
a.topic-row:hover .tr-body h2{color:var(--amber)}
a.topic-row:hover .tr-count .n{color:var(--amber)}
.topic-row.soon{opacity:.75}
.tr-media{width:200px;height:110px;border-radius:8px;overflow:hidden;background:linear-gradient(145deg,var(--panel-2),var(--bg));display:grid;place-items:center}
.tr-media img{width:100%;height:100%;object-fit:cover}
.tr-no{font-weight:900;font-size:44px;color:transparent;-webkit-text-stroke:1.5px var(--amber-deep)}
a.topic-row:hover .tr-no{-webkit-text-stroke:1.5px var(--amber)}
.tr-body h2{font-weight:900;font-size:21px;letter-spacing:-.4px;margin-bottom:6px}
.tr-body p{color:var(--ink-soft);font-size:14px;max-width:560px}
.tr-count{text-align:center;padding:0 18px;display:flex;flex-direction:column;gap:2px;align-items:center}
.tr-count .n{font-weight:900;font-size:34px;letter-spacing:-.5px;line-height:1;transition:color .2s}
.tr-count .lbl{color:var(--ink-soft)}
/* Wpis edukacyjny: nawigacja prev/next w ścieżce */
.lesson-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lesson-link{display:flex;flex-direction:column;gap:6px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px 18px;transition:border-color .25s,background .25s}
.lesson-link:hover{background:var(--panel-2);border-color:rgba(240,184,96,.5)}
.lesson-link .lbl{color:var(--ink-soft)}
.lesson-link b{font-weight:800;font-size:15px;line-height:1.35}
.lesson-link:hover b{color:var(--amber)}
.lesson-link.next{text-align:right;align-items:flex-end}
.lesson-link.prev:only-child{grid-column:1}
.lesson-link.next:only-child{grid-column:2}
@media(max-width:719px){.lesson-nav{grid-template-columns:1fr}.lesson-link.next:only-child{grid-column:1}}

/* Strona tematu: siatka kart 3-kolumnowa (karty pionowe) */
.edu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:26px 0 10px}
.edu-grid .card{flex-direction:column;margin-bottom:0;gap:14px}
.edu-grid .thumb{flex:none;width:100%;height:150px}
.edu-grid .card-body{justify-content:flex-start}
.edu-grid .card-body h3{font-size:17px}
@media(max-width:1023px){.edu-grid{grid-template-columns:1fr 1fr}}
@media(max-width:719px){.edu-grid{grid-template-columns:1fr}}
.nl-band{background:var(--panel);border:1px solid rgba(240,184,96,.55);border-radius:12px;box-shadow:0 0 0 1px rgba(240,184,96,.12),0 12px 40px -18px rgba(240,184,96,.25);padding:30px;margin:40px 0 20px}
.nl-band-in{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}
.nl-band h4{font-weight:900;font-size:18px;letter-spacing:-.3px;text-transform:uppercase;color:var(--amber);margin-bottom:6px}
.nl-band p{color:var(--ink-soft);font-size:13.5px;max-width:560px}
.nl-band form{display:flex;gap:10px;min-width:340px}
.nl-band input[type=email]{margin-bottom:0}
@media(max-width:1023px){
  .topic-row{grid-template-columns:150px 1fr auto}
  .tr-media{width:150px;height:90px}
}
@media(max-width:719px){
  .topic-row{grid-template-columns:1fr;gap:14px}
  .tr-media{width:100%;height:140px}
  .tr-count{flex-direction:row;gap:10px;padding:0;justify-content:flex-start}
  .tr-count .n{font-size:24px}
  .nl-band-in{grid-template-columns:1fr}
  .nl-band form{min-width:0;flex-direction:column}
}

/* ── Book review components (Education/Books) ───────────────────────── */
.prose .pull{border-left:3px solid var(--amber);background:var(--panel);border-radius:0 8px 8px 0;padding:16px 20px;color:var(--ink);font-weight:600;margin:22px 0;font-size:16px}
.bookmeta{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:22px 24px;margin:22px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.bookmeta .k{font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--ink-soft);margin-bottom:4px}
.bookmeta .v{font-weight:800;font-size:14px}
.bookmeta .v.a{color:var(--amber)}
.sys{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0 8px}
.sys-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:22px;transition:border-color .25s}
.sys-card:hover{border-color:rgba(240,184,96,.5)}
.sys-card .no{font-weight:900;font-size:28px;color:transparent;-webkit-text-stroke:1.5px var(--amber-deep);margin-bottom:10px}
.sys-card h3{font-weight:800;font-size:15px;line-height:1.3;margin:0 0 8px}
.sys-card p{color:var(--ink-soft);font-size:12.5px;margin:0}
.crit-box h3.good{color:var(--gain);text-transform:uppercase;letter-spacing:.6px;font-size:15px}
.crit-box h3.bad{color:var(--loss);text-transform:uppercase;letter-spacing:.6px;font-size:15px}
.verdict{border:1px solid rgba(240,184,96,.55);box-shadow:0 0 0 1px rgba(240,184,96,.12),0 12px 40px -18px rgba(240,184,96,.25);background:var(--panel);border-radius:12px;padding:26px 28px;margin:28px 0}
.verdict .top{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:14px}
.verdict h3{font-weight:900;font-size:19px;letter-spacing:-.3px;text-transform:uppercase;color:var(--amber);margin:0}
.verdict .score{font-weight:900;font-size:34px;letter-spacing:-1px}
.verdict .score small{font-size:16px;color:var(--ink-soft);font-weight:700}
.scorebar{height:6px;border-radius:3px;background:var(--line);overflow:hidden;margin-bottom:16px}
.scorebar i{display:block;height:100%;background:linear-gradient(90deg,var(--amber-deep),var(--amber))}
.verdict p{color:#C4CEDA;font-size:14.5px;margin-bottom:10px}
.verdict .rows{border-top:1px dashed var(--line);margin-top:14px;padding-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.verdict .rows .k{font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--ink-soft);margin-bottom:4px}
.verdict .rows .v{font-size:13.5px;color:#C4CEDA}
.buy{display:flex;align-items:center;gap:14px;margin-top:18px;flex-wrap:wrap}
.aff-note{font-size:11px;color:var(--ink-soft)}
@media(max-width:1023px){.bookmeta{grid-template-columns:1fr 1fr}.sys{grid-template-columns:1fr}}
@media(max-width:719px){.verdict .rows{grid-template-columns:1fr}}

/* ── Tool page components (rich body + gallery + changelog) ─────────── */
.t-eyebrow{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--amber);margin:34px 0 8px}
.prose .t-eyebrow+h2{margin-top:0}
.t-diagram{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:26px 22px 18px;margin:26px 0 10px}
.t-master{border:1px solid rgba(240,184,96,.55);background:rgba(240,184,96,.08);border-radius:8px;padding:12px 16px;display:flex;flex-wrap:wrap;gap:8px 18px;align-items:baseline;max-width:460px;margin:0 auto}
.t-dlabel{font-size:10.5px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--amber)}
.t-dpos{font-variant-numeric:tabular-nums;font-size:14.5px;font-weight:700}
.t-arrows{text-align:center;color:var(--ink-soft);font-size:13px;padding:10px 0;letter-spacing:.35em}
.t-followers{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.t-f{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:10px 12px}
.t-f .name{font-size:12px;color:var(--ink-soft);font-weight:700;margin-bottom:6px}
.t-chips{display:flex;gap:6px;flex-wrap:wrap}
.t-chip{font-variant-numeric:tabular-nums;font-size:11.5px;font-weight:700;border-radius:5px;padding:2px 7px;white-space:nowrap}
.t-chip.sl{background:rgba(229,72,77,.12);color:var(--loss)}
.t-chip.tp{background:rgba(47,191,113,.12);color:var(--gain)}
.t-caption{text-align:center;color:var(--ink-soft);font-size:13px;margin:14px 0 0}
ol.t-steps{list-style:none;counter-reset:step;margin:20px 0 0;padding:0;display:flex;flex-direction:column;gap:18px}
ol.t-steps li{counter-increment:step;display:grid;grid-template-columns:44px 1fr;gap:14px}
ol.t-steps li::before{content:"0" counter(step);font-weight:900;font-size:20px;color:transparent;-webkit-text-stroke:1.5px var(--amber);border-top:2px dashed var(--amber);padding-top:6px;height:fit-content}
ol.t-steps h3{margin:0 0 4px;font-size:16px;font-weight:800}
ol.t-steps p{margin:0;color:var(--ink-soft);font-size:14.5px}
.t-safety{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.t-scard{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px 18px}
.t-scard .tag{font-size:10.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--amber);display:block;margin-bottom:8px}
.t-scard h3{margin:0 0 6px;font-size:15px;font-weight:800}
.t-scard p{margin:0;color:var(--ink-soft);font-size:13.5px}
.t-pills{display:flex;flex-wrap:wrap;gap:10px 14px;margin:16px 0 6px}
.t-pill{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink-soft)}
.t-pill .p{font-size:12px;font-weight:800;border-radius:999px;padding:3px 12px}
.t-pill .p.ok{background:rgba(47,191,113,.12);color:var(--gain)}
.t-pill .p.pend{background:rgba(240,184,96,.12);color:var(--amber)}
.t-pill .p.bad{background:rgba(229,72,77,.12);color:var(--loss)}
.t-pill .p.off{background:var(--panel-2);color:var(--ink-soft);border:1px solid var(--line)}
ul.t-features{columns:2;column-gap:40px;padding-left:20px;margin:16px 0 0}
ul.t-features li{margin-bottom:9px;break-inside:avoid;font-size:14.5px;color:#C4CEDA}
.t-twocol{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:6px}
.t-kbd{font-size:.88em;background:var(--panel-2);border:1px solid var(--line);border-radius:4px;padding:1px 6px;white-space:nowrap}
.t-note{color:var(--ink-soft);font-size:13.5px}
.t-gallery{display:flex;flex-direction:column;gap:14px}
.t-gallery a{display:block;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:var(--panel);transition:border-color .25s;cursor:zoom-in}
.t-gallery a:hover{border-color:rgba(240,184,96,.5)}
.t-gallery img{width:100%;height:160px;object-fit:contain;background:var(--panel-2);display:block}
.t-gallery .cap{display:block;font-size:12px;color:var(--ink-soft);padding:8px 12px;border-top:1px solid var(--line)}
/* Lightbox */
.lb{position:fixed;inset:0;background:rgba(10,14,23,.94);z-index:200;display:none;align-items:center;justify-content:center;padding:34px}
.lb.open{display:flex}
.lb img{max-width:min(1200px,92vw);max-height:84vh;width:auto;height:auto;border-radius:8px;border:1px solid var(--line);box-shadow:0 24px 80px -20px rgba(0,0,0,.8)}
.lb .lb-cap{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);color:var(--ink-soft);font-size:13px;max-width:80vw;text-align:center}
.lb button{position:absolute;background:rgba(16,22,35,.8);border:1px solid var(--line);color:var(--ink);width:44px;height:44px;border-radius:50%;font-size:18px;cursor:pointer;display:grid;place-items:center;transition:border-color .2s}
.lb button:hover{border-color:var(--amber)}
.lb .lb-close{top:20px;right:20px}
.lb .lb-prev{left:16px;top:50%;transform:translateY(-50%)}
.lb .lb-next{right:16px;top:50%;transform:translateY(-50%)}
.lb .lb-count{position:absolute;top:28px;left:50%;transform:translateX(-50%);color:var(--ink-soft);font-size:12px;font-weight:700;letter-spacing:1px}
@media(max-width:719px){.lb{padding:14px}.lb .lb-prev{left:6px}.lb .lb-next{right:6px}}
.t-gallery-head{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-soft);margin-bottom:4px}
.changelog{margin-top:10px}
.cl-entry{border-left:2px dashed var(--line);padding:0 0 22px 22px;position:relative}
.cl-entry:last-child{padding-bottom:4px}
.cl-entry::before{content:"";position:absolute;left:-6px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--bg);border:2px solid var(--amber)}
.cl-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.cl-ver{font-weight:900;font-size:16px}
.cl-date{color:var(--ink-soft);font-size:12px;font-weight:600;letter-spacing:.5px}
.cl-entry .cl-body{color:#C4CEDA;font-size:14.5px}
.cl-entry .cl-body ul{margin:6px 0 0 20px}
.cl-entry .cl-body li{margin-bottom:4px}
@media(max-width:719px){
  .t-safety{grid-template-columns:1fr}
  .t-twocol{grid-template-columns:1fr}
  ul.t-features{columns:1}
}

/* ── Prop firms ─────────────────────────────────────────────────────── */
.ptable-wrap{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:8px 20px 14px;margin:26px 0;overflow-x:auto}
.ptable{width:100%;border-collapse:collapse;font-size:13.5px;min-width:640px}
.ptable th{font-size:10.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--ink-soft);text-align:left;padding:14px 12px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
.ptable td{padding:14px 12px;border-bottom:1px solid var(--line)}
.ptable tr:last-child td{border-bottom:none}
.ptable td.n{font-weight:700}
.ptable tr.hl td{background:rgba(240,184,96,.06)}
.ptable .mine{display:inline-block;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--amber);border:1px solid rgba(240,184,96,.5);border-radius:4px;padding:2px 8px;margin-left:8px}
.ptable .tested{display:inline-block;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--ink-soft);border:1px solid var(--line);border-radius:4px;padding:2px 8px;margin-left:8px}
.ptable .promo{display:inline-block;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--gain);border:1px solid rgba(47,191,113,.5);border-radius:4px;padding:2px 8px;margin-left:8px}
.ptable a.go{color:var(--amber);font-weight:700;font-size:12.5px;white-space:nowrap}
.pfirms .firm-name{display:block;font-weight:700}
.pfirms .subline{display:block;color:var(--ink-soft);font-size:12.5px;font-weight:400;margin-top:3px}
.pfirms tr.sep td{text-align:center;color:var(--ink-soft);font-size:12px;font-style:italic;padding:10px 12px;background:rgba(30,41,57,.25)}
.pfirms .btn-check{font-size:11.5px;padding:10px 16px;letter-spacing:1px;white-space:nowrap}
.pfirms td.cta{text-align:right}
.aff-code{display:inline-block;font-size:11px;font-weight:400;letter-spacing:.5px;color:var(--ink);background:none;border:1px solid var(--line);border-radius:4px;padding:5px 10px;margin-top:8px;cursor:pointer;font-family:var(--body);white-space:nowrap;transition:border-color .2s}
.aff-code:hover{border-color:var(--amber)}
.aff-code .muted{color:var(--ink-soft)}
.aff-code b{font-weight:800;letter-spacing:1px}
.aff-code.copied{color:var(--gain);border-color:rgba(47,191,113,.5)}
@media(max-width:719px){
  .pfirms{display:block;min-width:0}
  .pfirms tbody{display:block}
  .pfirms tr:first-child{display:none}
  .pfirms tr{display:block;border:1px solid var(--line);border-radius:10px;margin:12px 0;padding:6px 2px;background:var(--bg)}
  .pfirms tr.hl{border-color:rgba(240,184,96,.5);background:rgba(240,184,96,.05)}
  .pfirms tr.sep{border:none;background:none;padding:0}
  .pfirms td{display:block;border-bottom:none;padding:8px 14px}
  .pfirms td[data-label="Payouts"]::before,.pfirms td[data-label="My status"]::before{content:attr(data-label);display:block;font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--ink-soft)}
  .pfirms td[data-label="Payouts"]:empty,.pfirms td:empty{display:none}
  .pfirms td.cta{text-align:left;padding-bottom:14px}
  .pfirms .btn-check{display:block;width:100%;text-align:center}
  .pfirms .aff-code{display:block;width:100%;text-align:center}
}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:10px 0 20px}
.crit-box{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px}
.crit-box h3{font-weight:800;font-size:16px;margin-bottom:10px}
.crit-box ul{list-style:none}
.crit-box li{color:var(--ink-soft);font-size:13.5px;padding:7px 0 7px 20px;position:relative;border-bottom:1px dashed var(--line)}
.crit-box li:last-child{border-bottom:none}
.crit-box li::before{content:"";position:absolute;left:0;top:16px;width:10px;border-top:2px dashed var(--amber)}

/* ── About ──────────────────────────────────────────────────────────── */
.about-grid{display:grid;grid-template-columns:5fr 7fr;gap:36px;align-items:start;padding-top:36px;padding-bottom:6px}
.about-photo{border-radius:12px;overflow:hidden;border:1px solid var(--line);height:420px;background:linear-gradient(145deg,var(--panel-2),var(--bg))}
.about-photo img{width:100%;height:100%;object-fit:cover}
.about-txt h1{font-weight:900;font-size:34px;letter-spacing:-1px;line-height:1.12;margin-bottom:16px}
.about-txt p{color:#C4CEDA;margin-bottom:14px}
.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}
.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px;text-align:center}
.stat-card .big{font-weight:900;font-size:26px;letter-spacing:-.5px}
.stat-card .big.pos{color:var(--gain)}
.stat-card .cap{font-size:10.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--ink-soft);margin-top:4px}
.rule-list{margin:8px 0 20px}
.rule-list li{list-style:none;color:#C4CEDA;padding:9px 0 9px 24px;position:relative;border-bottom:1px dashed var(--line)}
.rule-list li::before{content:"";position:absolute;left:0;top:19px;width:13px;border-top:2px dashed var(--amber)}
.rule-list li:last-child{border-bottom:none}

/* ── Contact / forms ────────────────────────────────────────────────── */
.field{margin-bottom:16px}
.field label{display:block;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--ink-soft);margin-bottom:7px}
.field .err{color:var(--loss);font-size:12px;margin-top:5px}
textarea{min-height:150px;resize:vertical}
.contact-side .box{margin-bottom:22px}
.contact-side .mail{font-weight:800;font-size:16px;color:var(--amber);margin-bottom:4px}
.flash{background:rgba(47,191,113,.1);border:1px solid rgba(47,191,113,.4);color:var(--gain);border-radius:8px;padding:14px 18px;margin:20px 0;font-weight:600}
.hp{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}

/* ── Privacy policy / strony legal ──────────────────────────────────── */
html{scroll-behavior:smooth}
.updated{display:inline-block;margin-top:14px;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--ink-soft);border:1px solid var(--line);border-radius:4px;padding:4px 10px}
.toc{list-style:none;counter-reset:toc}
.toc li{border-bottom:1px dashed var(--line)}
.toc li:last-child{border-bottom:none}
.toc a{display:block;padding:8px 2px;font-size:13px;font-weight:600;color:var(--ink-soft);transition:color .15s}
.toc a:hover{color:var(--amber)}
.toc a::before{counter-increment:toc;content:counter(toc,decimal-leading-zero);font-weight:800;font-size:11px;color:var(--amber-deep);margin-right:10px}
.prose h2 .no{color:transparent;-webkit-text-stroke:1px var(--amber-deep);margin-right:10px;font-size:20px}
.prose h2{scroll-margin-top:90px}
.prose a.link{color:var(--amber);border-bottom:1px dashed rgba(240,184,96,.4)}
.prose a.link:hover{border-bottom-style:solid}
.pp-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:22px 24px;margin:0 0 16px}
.pp-card h3{font-weight:800;font-size:16.5px;letter-spacing:-.2px;margin-bottom:12px}
.pp-meta{display:grid;grid-template-columns:110px 1fr;gap:6px 14px;margin-bottom:12px;font-size:13px}
.pp-meta .k{font-size:10.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--ink-soft);padding-top:2px}
.pp-meta .v{color:var(--ink)}
.pp-card p{color:var(--ink-soft);font-size:13.5px;margin-bottom:10px}
.pp-card p:last-child{margin-bottom:0}
.tbl-wrap{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:6px 18px 10px;margin:14px 0 20px;overflow-x:auto}
.tbl-wrap table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:520px}
.tbl-wrap th{font-size:10.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--ink-soft);text-align:left;padding:13px 12px 9px;border-bottom:1px solid var(--line);white-space:nowrap}
.tbl-wrap td{padding:12px;border-bottom:1px solid var(--line);color:#C4CEDA;vertical-align:top}
.tbl-wrap tr:last-child td{border-bottom:none}
.tbl-wrap td.n{font-weight:700;color:var(--ink);white-space:nowrap}
.ph{background:rgba(240,184,96,.12);border:1px dashed rgba(240,184,96,.55);border-radius:4px;padding:1px 7px;color:var(--amber);font-weight:600;font-size:.93em;white-space:nowrap}
.tldr{border-color:rgba(240,184,96,.55);box-shadow:0 0 0 1px rgba(240,184,96,.12);margin:22px 0 6px}
.tldr h4{color:var(--amber)}
.tldr ul{list-style:none}
.tldr li{color:#C4CEDA;font-size:13.5px;padding:7px 0 7px 22px;position:relative;border-bottom:1px dashed var(--line)}
.tldr li:last-child{border-bottom:none}
.tldr li::before{content:"";position:absolute;left:0;top:16px;width:12px;border-top:2px dashed var(--amber)}

/* ── Footer ─────────────────────────────────────────────────────────── */
footer{border-top:1px solid var(--line);margin-top:48px;padding:36px 0 44px;text-align:center}
footer .brand{font-weight:900;font-size:16px;letter-spacing:-.3px;text-transform:uppercase;margin-bottom:10px}
footer p{color:var(--ink-soft);font-size:12px;max-width:720px;margin:0 auto 6px}
footer nav{border:none;position:static;background:none}
footer .links{display:flex;justify-content:center;gap:18px;margin-top:12px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
footer .links a{color:var(--ink-soft)}
footer .links a:hover{color:var(--amber)}

/* ── Responsive ─────────────────────────────────────────────────────── */
@media(max-width:1023px){
  .nav-links{display:none}
  .burger{display:block}
  .hero-grid{grid-template-columns:1fr;min-height:0}
  .hero-side{grid-template-rows:none;grid-template-columns:1fr 1fr}
  .hero-side .photo-card{min-height:220px}
  .main-grid{grid-template-columns:1fr}
  .sticky{position:static}
  .tool-grid{grid-template-columns:1fr 1fr}
  .about-grid{grid-template-columns:1fr}
  .about-photo{height:320px}
  .grid2{grid-template-columns:1fr}
}
@media(max-width:719px){
  .hero-side{grid-template-columns:1fr}
  .hero-main{min-height:360px}
  .hero-main h1{font-size:29px}
  .card{flex-direction:column}
  .thumb{flex:none;width:100%;height:170px}
  .stats .src{display:none}
  .tool-grid{grid-template-columns:1fr}
  .about-stats{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important}
}