:root { --paper:#f5f3ee; --ink:#192832; --text:#4b575c; --line:#d9d5cc; --bronze:#887050; --deep:#172630; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:105px; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif; font-size:16px; line-height:1.8; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
a:focus-visible,button:focus-visible { outline:2px solid var(--bronze); outline-offset:5px; }
.wrap { width:min(1120px,calc(100% - 80px)); margin:auto; }
.top { position:sticky; top:0; z-index:10; background:rgba(245,243,238,.98); border-top:5px solid var(--deep); border-bottom:1px solid var(--line); }
.topin { min-height:90px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.brand { position:relative; padding-left:53px; font:400 24px/1.3 Georgia,'Times New Roman',serif; letter-spacing:-.03em; }
.brand::before { content:'TN'; display:grid; place-items:center; position:absolute; top:0; left:0; width:37px; height:43px; font:400 20px Georgia,serif; border:1px solid #a99b86; color:var(--bronze); }
.brand::after { content:'KANCELARIA NEGOCJACJI'; display:block; margin-top:6px; font:600 8px/1.3 Arial,sans-serif; letter-spacing:.17em; }
.back { border:1px solid #aaa18f; padding:11px 17px; font-size:12px; }
.back:hover { background:var(--deep); color:white; }
.hero { padding:77px 0 48px; border-bottom:1px solid var(--line); position:relative; }
.eyebrow { font-size:10px; letter-spacing:.17em; text-transform:uppercase; color:var(--bronze); font-weight:600; margin:0 0 21px; }
h1,h2,h3 { font-family:Georgia,'Times New Roman',serif; font-weight:400; letter-spacing:-.035em; }
h1 { font-size:clamp(40px,5.3vw,70px); max-width:850px; line-height:1.09; margin:0 0 26px; }
h2 { font-size:clamp(31px,3.6vw,44px); line-height:1.16; margin:0 0 21px; }
h3 { font-size:24px; line-height:1.3; margin:0 0 11px; }
.lead { font-size:17px; color:var(--text); max-width:760px; line-height:1.85; }
.proof { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--line); margin-top:37px; padding-top:24px; }
.proof div { padding:6px 24px 6px 0; }
.proof div + div { padding-left:28px; border-left:1px solid var(--line); }
.proof strong { display:block; font:400 28px/1.2 Georgia,serif; color:var(--ink); }
.proof span { display:block; margin-top:10px; font-size:11px; color:var(--text); }
.section { padding:77px 0; }
.grid2 { display:grid; grid-template-columns:.8fr 1.2fr; gap:80px; }
.text p { color:var(--text); font-size:15px; margin:0 0 18px; }
.soft { background:#fffefa; border-block:1px solid var(--line); }
.list { border-top:1px solid var(--line); }
.item { padding:22px 0; border-bottom:1px solid var(--line); }
.item p { margin:0; color:var(--text); font-size:14px; }
.cta { background:var(--deep); color:#f7f3eb; padding:67px 0; }
.cta h2 { max-width:850px; }
.cta p { color:#c6d0d4; max-width:700px; font-size:14px; }
.cta .eyebrow { color:#c9b38c; }
.buttons { display:flex; align-items:center; flex-wrap:wrap; gap:14px; margin-top:28px; }
.btn { display:inline-flex; min-height:48px; align-items:center; justify-content:center; padding:12px 22px; border:1px solid #9babae; font-size:13px; }
.btn.primary { background:#f5f1e8; color:var(--deep); border-color:#f5f1e8; }
.btn:hover { background:#cfb992; color:#172630; border-color:#cfb992; }
.links { padding:30px 0; border-bottom:1px solid var(--line); }
.links .wrap { display:flex; flex-wrap:wrap; gap:12px 27px; }
.links a { color:var(--text); border-bottom:1px solid var(--line); font-size:12px; }
.links a:hover { color:var(--bronze); }
.footer { padding:25px 0; font-size:11px; color:var(--text); }
.guide-intro { display:flex; justify-content:space-between; gap:30px; align-items:center; margin-top:28px; }
.print-button { cursor:pointer; background:var(--deep); color:white; border:0; padding:14px 22px; font:600 12px Arial,sans-serif; }
.guide-items { margin:0; padding:0; list-style:none; counter-reset:question; }
.guide-items li { counter-increment:question; display:grid; grid-template-columns:55px 1fr; gap:24px; padding:26px 0; border-top:1px solid var(--line); break-inside:avoid; }
.guide-items li::before { content:counter(question,decimal-leading-zero); color:var(--bronze); font:italic 25px Georgia,serif; }
.guide-items p { margin:0; font-size:14px; color:var(--text); }
.guide-items h2 { font-size:26px; margin-bottom:8px; }
.guide-note { font-size:12px; color:var(--text); padding:24px; border:1px solid var(--line); margin-top:25px; }
@media(max-width:760px) {
  .wrap { width:calc(100% - 38px); }
  .topin { min-height:79px; gap:14px; }
  .brand { padding-left:43px; font-size:20px; }
  .brand::before { width:31px; height:39px; font-size:17px; }
  .brand::after { font-size:6px; }
  .back { font-size:10px; padding:9px; max-width:125px; }
  .hero { padding:46px 0 29px; }
  h1 { font-size:42px; }
  .lead { font-size:15px; }
  .proof { grid-template-columns:1fr; padding:0; }
  .proof div,.proof div + div { padding:19px 0; border-left:0; border-bottom:1px solid var(--line); }
  .proof div:last-child { border-bottom:0; }
  .grid2 { grid-template-columns:1fr; gap:26px; }
  .section { padding-block:51px; }
  .cta { padding-block:48px; }
  .guide-intro { flex-wrap:wrap; }
  .guide-items li { grid-template-columns:33px 1fr; gap:14px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
@media print {
  .top,.cta,.links,.footer,.print-button { display:none; }
  body { color:black; background:white; font-size:11pt; }
  .wrap { width:100%; }
  .hero { padding-block:0 12px; }
  h1 { font-size:30pt; }
  .section { padding-block:15px; }
  .guide-items li { padding-block:12px; }
  .guide-items h2 { font-size:15pt; }
  .guide-items p { font-size:10pt; }
}