:root{
    --orange:#E85B27;
    --orange-deep:#C4470F;
    --orange-tint:#FBEAE0;
    --ink:#15130F;
    --white:#FFFFFF;
    --gray-50:#F4F5F6;
    --gray-100:#EAECEE;
    --gray-300:#D2D6DA;
    --gray-500:#888E96;
    --gray-700:#585D64;
    --card-grad-top:#AEB4BD;
    --card-grad-bottom:#6B7178;
    --max:1120px;
    --gutter:32px;
  }

  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:auto;}
  body{
    font-family:'Manrope', -apple-system, 'Segoe UI', sans-serif;
    color:var(--ink);
    background:var(--white);
    -webkit-font-smoothing:antialiased;
    line-height:1.5;
  }
  img{max-width:100%; display:block;}
  a{color:inherit; text-decoration:none;}
  ul{list-style:none;}

  .wrap{max-width:var(--max); margin:0 auto; padding:0 var(--gutter);}

  h1,h2,h3{font-weight:800; letter-spacing:-0.01em; line-height:1.1;}

  .eyebrow{
    display:block;
    font-size:13px;
    font-weight:700;
    letter-spacing:0.08em;
    text-transform:uppercase;
    color:var(--orange);
    margin-bottom:16px;
  }
  .eyebrow.on-orange{color:rgba(255,255,255,0.85);}
  .eyebrow.on-dark-gray{color:var(--orange);}

  .section{padding:96px 0;}
  .section-tight{padding:80px 0;}

  .lede{
    font-size:19px;
    color:var(--gray-700);
    max-width:640px;
    line-height:1.6;
  }
  .lede.center{margin-left:auto; margin-right:auto; text-align:center;}

  .btn{
    display:inline-block;
    padding:16px 30px;
    border-radius:100px;
    font-weight:700;
    font-size:16px;
    border:2px solid transparent;
    cursor:pointer;
  }
  .btn-light{background:var(--white); color:var(--ink);}
  .btn-light:hover{background:var(--ink); color:var(--white);}
  .btn-dark{background:var(--ink); color:var(--white);}
  .btn-dark:hover{background:var(--orange); color:var(--white);}
  .btn-outline{background:transparent; color:var(--ink); border-color:var(--ink);}
  .btn-outline:hover{background:var(--ink); color:var(--white);}

  /* NAV */
  .nav{
    position:sticky; top:0; z-index:50;
    background:rgba(255,255,255,0.94);
    border-bottom:1px solid var(--gray-100);
    backdrop-filter:saturate(180%) blur(6px);
  }
  .nav .wrap{
    display:flex; align-items:center; justify-content:space-between;
    height:76px;
  }
  .nav-logo{font-weight:800; font-size:18px; letter-spacing:-0.01em;}
  .nav-links{display:flex; align-items:center; gap:36px;}
  .nav-links a{font-weight:600; font-size:15px; color:var(--ink);}
  .nav-links a:hover{color:var(--orange);}
  .nav-links a.nav-cta{
    background:var(--ink); color:var(--white);
    padding:11px 22px; border-radius:100px; font-weight:700; font-size:14px;
  }
  .nav-links a.nav-cta:hover{background:var(--orange); color:var(--white);}
  .nav-toggle{
    display:none;
    width:44px; height:44px;
    border:none; background:transparent;
    cursor:pointer; padding:0;
    flex-direction:column; align-items:center; justify-content:center;
    gap:5px;
  }
  .nav-toggle span{
    display:block; width:22px; height:2px;
    background:var(--ink); border-radius:2px;
  }

  /* HERO */
  .hero{
    background:var(--orange);
    color:var(--white);
    padding:88px 0 64px 0;
    overflow:hidden;
  }
  .hero .wrap{
    display:grid;
    grid-template-columns:1.1fr 0.9fr;
    align-items:center;
    gap:24px;
  }
  .hero-copy h1{
    font-size:34px;
    margin-bottom:26px;
    max-width:600px;
    line-height:1.22;
    letter-spacing:-0.01em;
  }
  .hero-copy p{
    font-size:19px;
    max-width:460px;
    color:rgba(255,255,255,0.92);
    margin-bottom:48px;
    line-height:1.55;
  }
  .hero-photo{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:flex-end;
    height:100%;
  }
  .hero-photo .disc{
    width:420px; height:420px;
    background:var(--white);
    border-radius:50%;
    display:flex; align-items:flex-end; justify-content:center;
    overflow:hidden;
  }
  .hero-photo img{
    width:420px;
    object-fit:cover;
    object-position:top center;
  }

  /* PROBLEM (6 cards) */
  .problem{background:var(--gray-50);}
  .problem-head{max-width:720px; margin:0 auto 56px; text-align:center;}
  .problem-head h2{font-size:34px; margin-bottom:20px;}
  .problem-intro{font-size:17px; color:var(--gray-700); line-height:1.7;}
  .problem-intro strong{color:var(--ink); font-weight:700;}

  .card-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:20px;
    margin-top:48px;
  }
  .p-card{
    background:linear-gradient(180deg, var(--card-grad-top) 0%, var(--card-grad-bottom) 100%);
    border-radius:14px;
    padding:30px 26px;
    color:var(--white);
    min-height:150px;
  }
  .p-card h3{font-size:17px; font-weight:700; margin-bottom:10px; line-height:1.35;}
  .p-card p{font-size:14.5px; color:rgba(255,255,255,0.88); line-height:1.55;}

  .problem-close{
    max-width:680px; margin:56px auto 0; text-align:center;
    font-size:19px; font-weight:700; color:var(--ink);
    line-height:1.5;
  }

  /* APPROACH */
  .approach{background:var(--white);}
  .approach .wrap{max-width:760px; text-align:center;}
  .approach h2{font-size:32px; margin-bottom:28px;}
  .approach p{font-size:18px; color:var(--gray-700); margin-bottom:20px; line-height:1.65;}
  .approach .factors{
    display:inline-flex; flex-wrap:wrap; justify-content:center; gap:10px 0;
    font-size:18px; color:var(--ink); font-weight:600; margin:8px 0 24px;
  }
  .approach .factors span:not(:last-child)::after{
    content:"·"; color:var(--orange); margin:0 12px; font-weight:800;
  }
  .approach .kicker{
    font-size:19px; font-weight:700; color:var(--ink); margin-top:12px;
  }

  /* AREAS (4, no icons) */
  .areas{background:var(--gray-50);}
  .areas-head{max-width:680px; margin:0 auto 48px; text-align:center;}
  .areas-head h2{font-size:32px; margin-bottom:18px;}
  .areas-head p{font-size:17px; color:var(--gray-700); line-height:1.6;}
  .areas-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
    margin-top:40px;
  }
  .a-card{
    background:var(--white);
    border:1px solid var(--gray-300);
    border-radius:14px;
    padding:32px 30px;
  }
  .a-card h3{font-size:19px; font-weight:800; margin-bottom:10px;}
  .a-card p{font-size:15px; color:var(--gray-700); line-height:1.6;}

  /* SALES SYSTEM DIAGNOSIS (3, icons, orange accent) */
  .ssd{background:var(--ink); color:var(--white);}
  .ssd-head{max-width:680px; margin:0 auto 56px; text-align:center;}
  .ssd-head h2{font-size:32px; margin-bottom:18px; color:var(--white);}
  .ssd-head p{font-size:17px; color:rgba(255,255,255,0.75); line-height:1.65;}
  .ssd-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:32px;
    margin-top:16px;
  }
  .s-card{text-align:left;}
  .s-icon{
    width:56px; height:56px;
    border-radius:50%;
    background:rgba(232,91,39,0.16);
    display:flex; align-items:center; justify-content:center;
    margin-bottom:22px;
  }
  .s-icon svg{width:26px; height:26px; stroke:var(--orange); fill:none; stroke-width:1.6;}
  .s-card h3{font-size:19px; font-weight:800; margin-bottom:10px; color:var(--white);}
  .s-card p{font-size:14.5px; color:rgba(255,255,255,0.68); line-height:1.6;}

  /* PROCESS (numbered, no cards) */
  .process{background:var(--white);}
  .process-head{max-width:680px; margin:0 auto 56px; text-align:center;}
  .process-head h2{font-size:32px; margin-bottom:18px;}
  .process-head p{font-size:17px; color:var(--gray-700); line-height:1.6;}
  .process-row{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:40px;
  }
  .proc-step{position:relative; padding-top:8px;}
  .proc-num{
    font-size:44px; font-weight:800; color:var(--orange);
    line-height:1; margin-bottom:18px;
    font-variant-numeric:tabular-nums;
  }
  .proc-step h3{font-size:18px; font-weight:800; margin-bottom:8px;}
  .proc-step p{font-size:15px; color:var(--gray-700); line-height:1.6;}
  .proc-divider{
    display:none;
  }

  /* RESULTS (4 cards, 2x2, outlined - distinct from problem cards) */
  .results{background:var(--gray-50);}
  .results-head{max-width:680px; margin:0 auto 48px; text-align:center;}
  .results-head h2{font-size:32px;}
  .results-grid{
    display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:40px;
  }
  .r-card{
    background:var(--white);
    border-radius:14px;
    padding:32px 30px;
    border:1px solid var(--gray-300);
  }
  .r-card h3{font-size:18px; font-weight:800; margin-bottom:10px;}
  .r-card p{font-size:15px; color:var(--gray-700); line-height:1.6;}
  .results-kicker{
    max-width:640px; margin:44px auto 0; text-align:center;
    font-size:19px; font-weight:700;
  }

  /* FIT (dla kogo, 2 columns) */
  .fit{background:var(--white);}
  .fit-head{max-width:680px; margin:0 auto 48px; text-align:center;}
  .fit-head h2{font-size:32px;}
  .fit-grid{
    display:grid; grid-template-columns:1fr 1fr; gap:56px;
    margin-top:8px;
  }
  .fit-col h3{
    font-size:15px; font-weight:700; text-transform:uppercase; letter-spacing:0.04em;
    color:var(--orange); margin-bottom:22px;
  }
  .fit-col ul li{
    font-size:16px; color:var(--ink); padding:14px 0 14px 22px;
    border-top:1px solid var(--gray-100);
    position:relative; line-height:1.5;
  }
  .fit-col ul li:first-child{border-top:none;}
  .fit-col ul li::before{
    content:"";
    position:absolute; left:0; top:22px;
    width:6px; height:6px; border-radius:50%;
    background:var(--orange);
  }

  /* ABOUT */
  .about{background:var(--gray-50);}
  .about-grid{
    display:grid; grid-template-columns:0.9fr 1.1fr; gap:64px; align-items:start;
  }
  .about-stats{display:flex; flex-direction:column; gap:22px; padding-top:6px;}
  .stat-year{font-size:38px; font-weight:800; color:var(--orange); line-height:1;}
  .stat-word{font-size:21px; font-weight:800; color:var(--ink); line-height:1.25; margin-top:5px;}
  .stat-desc{font-size:14px; color:var(--gray-700); margin-top:5px; line-height:1.5; max-width:300px;}
  .about-text h2{font-size:30px; margin-bottom:22px;}
  .about-text p{font-size:16px; color:var(--gray-700); line-height:1.7; margin-bottom:16px;}
  .about-scope{
    margin-top:24px;
    font-size:15.5px;
    color:var(--ink);
    font-weight:600;
    line-height:2.1;
    letter-spacing:0.01em;
  }
  .about-scope .sep{color:var(--orange); font-weight:400;}

  /* TESTIMONIALS */
  .testimonials{background:var(--white);}
  .testimonials-head{max-width:680px; margin:0 auto 48px; text-align:center;}
  .testimonials-head h2{font-size:32px;}
  .t-grid{
    display:grid; grid-template-columns:1fr; max-width:680px; margin:0 auto;
    gap:24px; align-items:start;
  }
  .t-card{
    background:var(--gray-50);
    border-radius:16px;
    padding:44px 48px;
  }
  .t-quote{font-size:18px; line-height:1.7; color:var(--ink); margin-bottom:26px;}
  .t-author{font-size:14.5px; color:var(--gray-700);}
  .t-author strong{color:var(--ink); font-weight:700;}

  /* CTA */
  .cta{background:var(--orange); color:var(--white); text-align:center;}
  .cta .wrap{max-width:680px;}
  .cta h2{font-size:34px; margin-bottom:22px; color:var(--white);}
  .cta p{font-size:17px; color:rgba(255,255,255,0.92); margin-bottom:16px; line-height:1.6;}
  .cta-actions{margin-top:30px;}
  .cta-contact{margin-top:24px; font-size:15px; color:rgba(255,255,255,0.85); overflow-wrap:break-word;}

  /* BLOG */
  .blog{background:var(--white);}
  .blog-head{
    display:flex; align-items:baseline; justify-content:space-between;
    margin-bottom:40px;
  }
  .blog-head h2{font-size:30px;}
  .b-grid{
    display:grid; grid-template-columns:repeat(3,1fr); gap:24px;
  }
  .b-card{
    border:1px solid var(--gray-100);
    border-radius:14px;
    overflow:hidden;
  }
  .b-card .b-img{
    width:100%; aspect-ratio:1/1; object-fit:contain; background:var(--gray-50);
  }
  .b-body{padding:24px;}
  .b-body h3{font-size:16.5px; font-weight:800; margin-bottom:10px; line-height:1.4;}
  .b-body p{font-size:14.5px; color:var(--gray-700); line-height:1.6; margin-bottom:16px;}
  .b-more{font-size:14px; font-weight:700; color:var(--orange);}
  .b-more:hover{color:var(--orange-deep);}

  /* FOOTER */
  footer{background:var(--ink); color:rgba(255,255,255,0.6); padding:44px 0;}
  footer .wrap{
    display:flex; justify-content:space-between; align-items:center; font-size:14px;
  }
  footer strong{color:var(--white);}

  /* POST VIEW */
  .post-view{padding:64px 0 96px;}
  .post-back{
    display:inline-block; font-size:14px; font-weight:700; color:var(--orange);
    margin-bottom:32px;
  }
  .post-view .wrap-narrow{max-width:720px; margin:0 auto; padding:0 var(--gutter);}
  .post-hero-img{
    width:100%; border-radius:16px; margin-bottom:40px; aspect-ratio:1/1; object-fit:contain;
    background:var(--gray-50);
  }
  .post-meta{font-size:14px; color:var(--gray-500); margin-bottom:14px;}
  .post-view h1{font-size:34px; margin-bottom:36px; max-width:640px;}
  .post-body p{font-size:17px; line-height:1.8; color:var(--ink); margin-bottom:20px;}
  .post-body p.lead-line{font-weight:700;}

  [hidden]{display:none !important;}

  /* RESPONSIVE */
  @media (max-width: 900px){
    .section{padding:64px 0;}
    .hero{padding-top:32px;}
    .hero .wrap{grid-template-columns:1fr; gap:8px;}
    .hero-copy h1{font-size:34px; max-width:100%;}
    .hero-copy p{max-width:100%;}
    .hero-photo{order:-1; margin-bottom:12px;}
    .hero-photo .disc{width:260px; height:260px;}
    .hero-photo img{width:260px;}
    .nav .wrap{position:relative;}
    .nav-links{
      display:none;
      position:absolute;
      top:76px; left:0; right:0;
      flex-direction:column; align-items:stretch;
      gap:0;
      background:var(--white);
      border-bottom:1px solid var(--gray-100);
      padding:8px var(--gutter) 20px;
    }
    .nav-links.is-open{display:flex;}
    .nav-links a{
      padding:14px 0;
      border-top:1px solid var(--gray-100);
    }
    .nav-links a:first-child{border-top:none;}
    .nav-links a.nav-cta{
      display:block;
      text-align:center;
      margin-top:14px;
      padding:14px 22px;
    }
    .nav-toggle{display:flex;}
    .card-grid{grid-template-columns:1fr 1fr;}
    .areas-grid{grid-template-columns:1fr;}
    .ssd-grid{grid-template-columns:1fr; gap:36px;}
    .process-row{grid-template-columns:1fr; gap:32px;}
    .results-grid{grid-template-columns:1fr;}
    .fit-grid{grid-template-columns:1fr; gap:36px;}
    .about-grid{grid-template-columns:1fr; gap:36px;}
    .about-stats{flex-direction:row; flex-wrap:wrap; gap:24px;}
    .b-grid{grid-template-columns:1fr;}
    .t-grid{grid-template-columns:1fr;}
    .t-card{padding:30px 26px;}
    footer .wrap{flex-direction:column; gap:10px; text-align:center;}
  }
  @media (max-width:560px){
    .card-grid{grid-template-columns:1fr;}
  }
  @media (max-width:480px){
    :root{--gutter:20px;}
    .hero-copy h1{font-size:26px; line-height:1.3;}
    .hero-photo .disc{width:200px; height:200px;}
    .hero-photo img{width:200px;}
    .t-card{padding:24px 20px;}
  }
  @media (max-width:340px){
    .t-quote{font-size:16px; line-height:1.6;}
  }