*{ box-sizing:border-box; margin:0; padding:0; }
  html{ -webkit-font-smoothing:antialiased; }
  body{ background:var(--paper); color:var(--ink); font-family:'Inter',system-ui,sans-serif; font-size:16px; line-height:1.5; }
  a{ color:var(--indigo); text-decoration:none; }
  a:hover{ color:var(--purple); }
  h1,h2,h3,h4{ font-family:'Spectral',Georgia,serif; font-weight:500; letter-spacing:-.01em; line-height:1.12; }
  .mono{ font-family:var(--mono); }
  .wrap{ max-width:1200px; margin:0 auto; padding:0 40px; }

  /* Przycisk transakcyjny (beni); nagłówek serwisu stylują .nav* z /styles.css */
  .pbtn{ display:inline-flex; align-items:center; justify-content:center; font-family:'Inter',sans-serif; font-weight:600; font-size:.94rem; padding:11px 20px; border:1px solid var(--beni); background:var(--beni); color:#fff; cursor:pointer; transition:background .15s,border-color .15s; white-space:nowrap; }
  .pbtn:hover{ background:#98302c; border-color:#98302c; color:#fff; }

  /* SECTION TINTS */
  .s-near{ background:var(--near); }
  .s-paper{ background:var(--paper); }
  .s-sand{ background:var(--sand); }
  .s-kachi{ background:var(--kachi); }

  /* FOOTER */
  footer{ background:var(--paper); border-top:1px solid var(--line); }
  .foot{ display:flex; align-items:center; flex-wrap:wrap; gap:10px 22px; padding:34px 0; font-size:.9rem; color:var(--muted); }
  .foot a{ color:var(--muted); }
  .foot a:hover{ color:var(--indigo); }
  .foot .dot{ color:var(--line); }

  @media (max-width: 960px){
    .wrap{ padding:0 22px; }
  }

  /* BREADCRUMB */
  .breadcrumb{ border-bottom:1px solid var(--line); background:var(--near); }
  .breadcrumb .wrap{ display:flex; align-items:center; justify-content:space-between; height:52px; }
  .crumbs{ font-family:var(--mono); font-size:.8rem; letter-spacing:.04em; color:var(--muted); }
  .crumbs a{ color:var(--muted); }
  .crumbs a:hover{ color:var(--indigo); }
  .crumbs .cur{ color:var(--ink); }
  .back-all{ font-size:.86rem; font-weight:500; color:var(--indigo); }

  /* PRODUCT HEAD */
  .prodhead{ padding:64px 0 44px; max-width:760px; }
  .prodhead .cat{ font-family:var(--mono); font-size:.78rem; letter-spacing:.2em; text-transform:uppercase; color:var(--muted); margin-bottom:20px; }
  .prodhead h1{ font-size:3rem; }
  .prodhead .lead{ margin-top:20px; font-size:1.18rem; line-height:1.6; color:var(--muted); }

  /* LAYOUT 2-COL */
  .layout{ display:grid; grid-template-columns:1fr 380px; gap:64px; padding:56px 0 64px; align-items:start; }
  .block{ margin-bottom:44px; }
  .block:last-child{ margin-bottom:0; }
  .block__h{ font-family:var(--mono); font-size:.74rem; letter-spacing:.16em; text-transform:uppercase; color:var(--indigo); padding-bottom:12px; border-bottom:1px solid var(--line); margin-bottom:22px; }
  .filelist{ list-style:none; }
  .filelist li{ display:flex; gap:16px; padding:15px 0; border-bottom:1px solid var(--line); align-items:baseline; }
  .filelist li .fno{ font-family:var(--mono); font-size:.8rem; color:var(--indigo); flex:none; width:28px; }
  .filelist li .ftitle{ font-weight:600; font-size:1rem; }
  .filelist li .fdesc{ color:var(--muted); font-size:.94rem; display:block; margin-top:3px; font-weight:400; }
  .prose p{ color:var(--ink); font-size:1.02rem; line-height:1.65; margin-bottom:14px; }
  .prose p:last-child{ margin-bottom:0; }
  .who{ list-style:none; }
  .who li{ position:relative; padding-left:22px; font-size:1rem; line-height:1.5; margin-bottom:12px; color:var(--ink); }
  .who li::before{ content:""; position:absolute; left:0; top:9px; width:8px; height:8px; background:var(--indigo); }

  /* PROOF */
  .proof{ padding:76px 0; }
  .proof h2{ font-size:2.2rem; margin-bottom:8px; }
  .proof .sub{ color:var(--muted); font-size:1.05rem; margin-bottom:40px; max-width:60ch; }
  .proof__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
  .pcard{ border:1px solid var(--line); background:var(--white); padding:28px 26px; }
  .pcard .tag{ display:block; font-family:var(--mono); font-size:.68rem; letter-spacing:.12em; text-transform:uppercase; color:var(--indigo); margin-bottom:18px; }
  .pcard h3{ font-size:1.28rem; margin-bottom:10px; }
  .pcard p{ color:var(--muted); font-size:.95rem; line-height:1.6; }
  .plist{ list-style:none; }
  .plist li{ position:relative; padding-left:18px; color:var(--muted); font-size:.95rem; line-height:1.5; margin-bottom:9px; }
  .plist li::before{ content:""; position:absolute; left:0; top:9px; width:6px; height:6px; background:var(--indigo); }

  /* BUY BOX */
  .buybox{ position:sticky; top:96px; border:1px solid var(--ink); padding:30px 28px; background:var(--white); }
  .buybox .price{ font-family:var(--mono); font-size:2.6rem; color:var(--beni); font-weight:500; line-height:1; }
  .buybox .price small{ display:block; font-size:.76rem; color:var(--muted); font-weight:400; margin-top:8px; letter-spacing:.02em; }
  .buybox .buy-desc{ font-size:.94rem; color:var(--muted); line-height:1.5; margin:20px 0 22px; padding-bottom:22px; border-bottom:1px solid var(--line); }
  .buybox .pbtn{ width:100%; padding:15px; font-size:1rem; }
  .crosssell{ margin-top:16px; padding-top:16px; border-top:1px solid var(--line); font-size:.9rem; line-height:1.5; color:var(--ink); }
  .crosssell .amt{ font-family:var(--mono); }
  .crosssell a{ font-weight:600; color:var(--beni); }
  .crosssell a:hover{ color:#98302c; }
  .buybox .fine{ margin-top:22px; padding-top:20px; border-top:1px solid var(--line); list-style:none; }
  .buybox .fine li{ font-size:.82rem; color:var(--muted); line-height:1.5; margin-bottom:7px; display:flex; gap:9px; }
  .buybox .fine li::before{ content:"·"; color:var(--indigo); }

  /* WYNIK (podgląd rezultatu) */
  .result{ padding:76px 0; }
  .sec-h{ font-family:var(--mono); font-size:.74rem; letter-spacing:.18em; text-transform:uppercase; color:var(--muted); margin-bottom:14px; }
  .result h2{ font-size:2.2rem; margin-bottom:8px; }
  .result .sub{ color:var(--muted); font-size:1.05rem; margin-bottom:40px; max-width:60ch; }
  .mock{ border:1px solid var(--line); background:var(--white); max-width:820px; }
  .mock__bar{ display:flex; align-items:center; gap:10px; padding:14px 20px; border-bottom:1px solid var(--line); }
  .mock__bar .dot{ width:10px; height:10px; background:var(--sand); border:1px solid var(--line); }
  .mock__bar .t{ font-family:var(--mono); font-size:.78rem; color:var(--muted); margin-left:6px; }
  .mock__body{ display:grid; grid-template-columns:260px 1fr; }
  .mock__score{ padding:34px 30px; border-right:1px solid var(--line); }
  .mock__score .lbl{ font-family:var(--mono); font-size:.7rem; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); }
  .mock__score .num{ font-family:'Spectral',serif; font-weight:600; font-size:4.6rem; line-height:1; color:var(--indigo); margin:12px 0 4px; }
  .mock__score .num span{ font-size:1.6rem; color:var(--muted); }
  .mock__score .verdict{ font-size:.95rem; color:var(--ink); line-height:1.5; margin-top:10px; }
  .mock__rows{ padding:26px 30px; }
  .mrow{ margin-bottom:18px; }
  .mrow:last-child{ margin-bottom:0; }
  .mrow .rt{ display:flex; justify-content:space-between; font-size:.9rem; margin-bottom:7px; }
  .mrow .rt .rl{ color:var(--ink); }
  .mrow .rt .rv{ font-family:var(--mono); color:var(--muted); }
  .mrow .track{ height:6px; background:var(--sand); }
  .mrow .fill{ height:6px; background:var(--indigo); }
  .mock__note{ font-family:var(--mono); font-size:.72rem; color:var(--muted); padding:14px 20px; border-top:1px solid var(--line); }

  /* Porty wizualizacji produktowych do tokenów designu */
  .mock__chat{ padding:24px; display:flex; flex-direction:column; gap:16px; }
  .mock__q{ align-self:flex-end; max-width:82%; background:var(--sand); border:1px solid var(--line); padding:12px 16px; font-size:.94rem; }
  .mock__a{ font-size:.94rem; line-height:1.6; color:var(--ink); }
  .mock__a .src{ font-family:var(--mono); font-size:.72rem; color:var(--muted); display:block; margin-bottom:10px; }
  .mock__a ol{ margin:12px 0 0; padding-left:20px; }
  .mock__a ol li{ margin-bottom:6px; }
  .mock__file{ display:flex; gap:14px; align-items:center; border:1px solid var(--line); padding:15px 16px; background:var(--near); margin-top:10px; }
  .mock__file .fmt{ font-family:var(--mono); font-size:.68rem; letter-spacing:.1em; color:#fff; background:var(--indigo); padding:5px 9px; flex:none; }
  .mock__file b{ font-size:.94rem; display:block; }
  .mock__file span{ font-size:.85rem; color:var(--muted); }
  .ladder{ display:flex; align-items:flex-end; gap:10px; height:190px; max-width:660px; margin-top:30px; }
  .ladder .bar{ flex:1; background:var(--sand); border:1px solid var(--line); border-bottom:0; position:relative; }
  .ladder .bar.hot{ background:var(--indigo); border-color:var(--indigo); }
  .ladder .bar.top{ background:var(--white); border:2px dashed var(--indigo); border-bottom:0; }
  .ladder .tag{ position:absolute; top:-26px; left:50%; transform:translateX(-50%); white-space:nowrap; font-family:var(--mono); font-size:.62rem; letter-spacing:.06em; text-transform:uppercase; padding:3px 8px; background:var(--white); border:1px solid var(--line); color:var(--muted); }
  .ladder .tag.hot{ background:var(--indigo); border-color:var(--indigo); color:#fff; }
  .ladder-lbls{ display:flex; gap:10px; margin-top:8px; max-width:660px; }
  .ladder-lbls .lt{ flex:1; text-align:center; font-size:.68rem; color:var(--muted); line-height:1.35; }
  .ladder-lbls .lt b{ color:var(--ink); font-family:'Spectral',Georgia,serif; }
  .funnel{ display:flex; flex-direction:column; align-items:center; gap:8px; max-width:520px; }
  .funnel .seg{ display:flex; justify-content:space-between; align-items:center; padding:13px 20px; color:#fff; background:var(--indigo); font-size:.85rem; font-weight:600; }
  .funnel .seg .n{ font-family:var(--mono); font-size:1.05rem; font-weight:500; }
  .funnel .seg.final{ background:var(--kachi); }
  .tl{ display:flex; gap:12px; max-width:840px; flex-wrap:wrap; }
  .tl .node{ flex:1; min-width:210px; border:1px solid var(--line); background:var(--white); padding:18px; }
  .tl .node.now{ border-color:var(--indigo); }
  .tl .node .d{ font-family:var(--mono); font-weight:500; font-size:1rem; color:var(--indigo); }
  .tl .node.later .d{ color:var(--muted); }
  .tl .node .t{ font-size:.85rem; margin-top:5px; line-height:1.45; color:var(--ink); }
  .tl .tag{ display:inline-block; margin-top:12px; font-family:var(--mono); font-size:.62rem; letter-spacing:.06em; text-transform:uppercase; padding:4px 9px; border:1px solid var(--line); color:var(--muted); }
  .tl .node.now .tag{ background:var(--indigo); border-color:var(--indigo); color:#fff; }

  /* PLIKI (karty formatów) */
  .files{ padding:76px 0; }
  .files h2{ font-size:2.2rem; margin-bottom:8px; }
  .files .sub{ color:var(--muted); font-size:1.05rem; margin-bottom:40px; max-width:52ch; }
  .files__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
  .fcard{ border:1px solid var(--line); background:var(--white); padding:28px 26px; display:flex; flex-direction:column; }
  .fcard .fmt{ display:inline-block; font-family:var(--mono); font-size:.68rem; letter-spacing:.1em; text-transform:uppercase; color:var(--indigo); border:1px solid var(--line); padding:5px 9px; margin-bottom:22px; align-self:flex-start; }
  .fcard h3{ font-size:1.28rem; margin-bottom:10px; }
  .fcard p{ color:var(--muted); font-size:.94rem; line-height:1.55; }

  /* CZEGO NIE OBIECUJEMY */
  .honest{ padding:76px 0; }
  .honest__grid{ display:grid; grid-template-columns:.8fr 1.2fr; gap:56px; align-items:start; }
  .honest h2{ font-size:2.2rem; }
  .honest__intro{ color:var(--muted); font-size:1.02rem; line-height:1.6; margin-top:16px; }
  .honest__list{ list-style:none; border-top:1px solid var(--line); }
  .honest__list li{ padding:22px 0; border-bottom:1px solid var(--line); }
  .honest__list li .ht{ font-family:'Spectral',serif; font-size:1.2rem; color:var(--ink); margin-bottom:7px; }
  .honest__list li .hd{ color:var(--muted); font-size:.98rem; line-height:1.6; }

  /* FAQ */
  .faq{ padding:72px 0; }
  .faq h2{ font-size:2.2rem; margin-bottom:34px; }
  .faq__item{ border-top:1px solid var(--line); }
  .faq__list .faq__item:last-child{ border-bottom:1px solid var(--line); }
  .faq__q{ width:100%; text-align:left; background:none; border:0; cursor:pointer; padding:24px 0; display:flex; align-items:center; justify-content:space-between; gap:20px; font-family:'Spectral',serif; font-size:1.3rem; font-weight:500; color:var(--ink); }
  .faq__q .sign{ font-family:'Inter',sans-serif; font-size:1.5rem; color:var(--indigo); flex:none; line-height:1; transition:transform .2s; }
  .faq__item[open] .faq__q .sign{ transform:rotate(45deg); }
  .faq__a{ padding:0 0 26px; color:var(--muted); font-size:1.02rem; line-height:1.65; max-width:70ch; }
  details > summary{ list-style:none; }
  details > summary::-webkit-details-marker{ display:none; }

  @media (max-width: 960px){
    .prodhead{ padding:44px 0 12px; }
    .prodhead h1{ font-size:2.2rem; }
    .layout{ grid-template-columns:1fr; gap:20px; padding:32px 0; }
    .layout aside{ order:-1; }
    .buybox{ position:static; }
    .proof__grid{ grid-template-columns:1fr; }
    .mock__body{ grid-template-columns:1fr; }
    .mock__score{ border-right:0; border-bottom:1px solid var(--line); }
    .files__grid{ grid-template-columns:1fr; }
    .honest__grid{ grid-template-columns:1fr; gap:24px; }
    .breadcrumb .wrap{ height:auto; padding-top:12px; padding-bottom:12px; flex-direction:row; gap:14px; flex-wrap:wrap; }
    .ladder{ height:150px; }
    .ladder .tag{ display:none; }
  }