/* LOGOS Homepage 2026 — desktop polish 2.1
   Visual-only layer for larger screens. */

@media (min-width:861px){
  body.home-2026{
    background:
      radial-gradient(circle at 8% 18%,rgba(116,20,138,.035),transparent 20%),
      radial-gradient(circle at 94% 38%,rgba(239,168,20,.03),transparent 18%),
      #f8f5f9;
  }

  /* Floating premium navigation shell */
  .home-2026 .site-header{
    padding:9px 0;
    background:rgba(248,245,249,.72);
    border-bottom:0;
    backdrop-filter:blur(24px) saturate(155%);
  }
  .home-2026 .site-header .nav-wrap{
    min-height:72px;
    padding:0 18px;
    border:1px solid rgba(74,19,87,.09);
    border-radius:22px;
    background:rgba(255,255,255,.86);
    box-shadow:0 14px 42px rgba(39,0,53,.065),inset 0 1px 0 rgba(255,255,255,.9);
  }
  .home-2026 .brand__logo{width:158px;height:64px}
  .home-2026 .main-nav{gap:21px}

  /* Hero as a distinct product surface */
  .home-2026 .hero{
    margin:0 18px;
    border-radius:42px;
    overflow:hidden;
  }
  .home-2026 .hero__grid{
    min-height:690px;
    padding-top:78px;
    padding-bottom:88px;
  }
  .home-2026 .hero__content{padding-left:12px}
  .home-2026 .logos-advisor{
    border:1px solid rgba(255,255,255,.28);
    box-shadow:0 44px 130px rgba(15,0,24,.42),0 0 0 1px rgba(255,255,255,.06);
  }

  /* Editorial section headings break the repetitive centered rhythm */
  .home-2026 #dla-kogo .section-heading,
  .home-2026 #oferta .section-heading,
  .home-2026 #lokalizacje .section-heading,
  .home-2026 .trust-section .section-heading,
  .home-2026 .knowledge-teaser .section-heading{
    max-width:none;
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(360px,.72fr);
    align-items:end;
    column-gap:78px;
    row-gap:13px;
    text-align:left;
  }
  .home-2026 #dla-kogo .section-heading .eyebrow,
  .home-2026 #oferta .section-heading .eyebrow,
  .home-2026 #lokalizacje .section-heading .eyebrow,
  .home-2026 .trust-section .section-heading .eyebrow,
  .home-2026 .knowledge-teaser .section-heading .eyebrow{grid-column:1/-1;width:max-content}
  .home-2026 #dla-kogo .section-heading h2,
  .home-2026 #oferta .section-heading h2,
  .home-2026 #lokalizacje .section-heading h2,
  .home-2026 .trust-section .section-heading h2,
  .home-2026 .knowledge-teaser .section-heading h2{grid-column:1;margin:0}
  .home-2026 #dla-kogo .section-heading p:not(.eyebrow),
  .home-2026 #oferta .section-heading p:not(.eyebrow),
  .home-2026 #lokalizacje .section-heading p:not(.eyebrow),
  .home-2026 .trust-section .section-heading p:not(.eyebrow),
  .home-2026 .knowledge-teaser .section-heading p:not(.eyebrow){
    grid-column:2;
    margin:0 0 7px;
    max-width:520px;
    font-size:1rem;
  }

  /* Deeper bento cards */
  .home-2026 #dla-kogo .audience-card,
  .home-2026 #oferta .service-card{
    isolation:isolate;
    overflow:hidden;
  }
  .home-2026 #dla-kogo .audience-card:after,
  .home-2026 #oferta .service-card:after{
    content:"";
    position:absolute;
    z-index:-1;
    width:190px;
    height:190px;
    right:-92px;
    bottom:-105px;
    border-radius:50%;
    border:1px solid rgba(108,25,127,.08);
    box-shadow:0 0 0 28px rgba(108,25,127,.018);
    pointer-events:none;
  }
  .home-2026 #dla-kogo .audience-card:nth-child(3):after,
  .home-2026 #oferta .service-card--featured:after{
    border-color:rgba(255,255,255,.11);
    box-shadow:0 0 0 30px rgba(255,255,255,.018);
  }
  .home-2026 #dla-kogo .audience-card:nth-child(1){background:linear-gradient(145deg,#fff,#fff9ec)}
  .home-2026 #dla-kogo .audience-card:nth-child(4){background:linear-gradient(145deg,#fff,#fbf5fc)}
  .home-2026 #oferta .service-card:nth-child(2){background:linear-gradient(145deg,#fff,#f8f2fa)}
  .home-2026 #oferta .service-card:nth-child(4){background:linear-gradient(145deg,#fffaf0,#fff)}

  /* NGO feels like an immersive product module */
  .home-2026 #ngo,
  .home-2026 .section--benefits,
  .home-2026 .contact{
    margin-inline:28px;
    border-radius:48px;
  }
  .home-2026 #ngo .split-grid{align-items:center}
  .home-2026 #ngo .ngo-panel{transform:translateY(10px)}

  /* Locations: stronger city cards */
  .home-2026 #lokalizacje .audience-card:nth-child(1),
  .home-2026 #lokalizacje .audience-card:nth-child(2){
    position:relative;
    overflow:hidden;
  }
  .home-2026 #lokalizacje .audience-card:nth-child(1):after,
  .home-2026 #lokalizacje .audience-card:nth-child(2):after{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    right:-80px;
    top:-75px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(116,20,138,.055),transparent 68%);
    pointer-events:none;
  }
  .home-2026 #lokalizacje .audience-card h3{font-size:1.65rem}

  /* Process gets a more intentional staggered product-roadmap look */
  .home-2026 #jak-dzialamy .steps article:nth-child(2),
  .home-2026 #jak-dzialamy .steps article:nth-child(4){transform:translateY(18px)}
  .home-2026 #jak-dzialamy .steps article:nth-child(2):hover,
  .home-2026 #jak-dzialamy .steps article:nth-child(4):hover{transform:translateY(12px)}

  /* KonektoSmart / technology — larger app-like console */
  .home-2026 #nowoczesna-wspolpraca .communication-shell{
    padding:64px;
    border-radius:40px;
    box-shadow:0 34px 100px rgba(42,0,58,.115);
  }
  .home-2026 #nowoczesna-wspolpraca .communication-feature-grid{gap:14px}
  .home-2026 #nowoczesna-wspolpraca .communication-feature{padding:25px}

  /* Dynamically inserted switch-office and trust modules */
  .home-2026 .switch-office{
    margin:20px 18px 0;
    border-radius:44px;
    overflow:hidden;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.82);
  }
  .home-2026 .switch-office__grid{align-items:center}
  .home-2026 .switch-step{border:1px solid rgba(77,14,91,.09)}
  .home-2026 .logos-checklist{
    margin-inline:18px;
    border-radius:44px;
    overflow:hidden;
  }
  .home-2026 .trust-section{
    position:relative;
    overflow:hidden;
    background:
      radial-gradient(circle at 8% 85%,rgba(116,20,138,.055),transparent 22%),
      radial-gradient(circle at 92% 14%,rgba(239,168,20,.055),transparent 20%),
      #fff;
  }
  .home-2026 .trust-grid{grid-template-columns:1.2fr repeat(3,1fr)}
  .home-2026 .trust-card:first-child{
    transform:translateY(-16px);
    box-shadow:0 28px 72px rgba(59,6,74,.17);
  }
  .home-2026 .trust-card:first-child:hover{transform:translateY(-22px)}

  /* About: transform plain logo block into a brand signature panel */
  .home-2026 #o-nas .about-visual{
    min-height:560px;
    background:
      radial-gradient(circle at 25% 18%,rgba(255,214,113,.92) 0 10%,transparent 10.5%),
      radial-gradient(circle at 80% 78%,rgba(255,255,255,.12) 0 13%,transparent 13.5%),
      linear-gradient(145deg,#2f003f,#651079 58%,#972ca7);
  }
  .home-2026 #o-nas .about-visual:before{
    width:240px;
    height:240px;
    right:-70px;
    bottom:-78px;
    box-shadow:0 0 0 46px rgba(255,255,255,.025),0 0 0 92px rgba(255,255,255,.015);
  }
  .home-2026 #o-nas .about-visual__logo-image{width:min(68%,330px)}
  .home-2026 #o-nas .about-grid>div:last-child{padding-right:28px}

  /* Knowledge and FAQ: calmer editorial ending before CTA */
  .home-2026 .knowledge-teaser .knowledge-card{border-top:1px solid rgba(79,16,94,.08)}
  .home-2026 #faq .faq-wrap{max-width:1120px}
  .home-2026 #faq .section-heading{
    max-width:800px;
    margin-inline:auto;
    text-align:center;
  }
  .home-2026 #faq .section-heading p:not(.eyebrow){margin-inline:auto}
  .home-2026 #faq .faq-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;align-items:start}
  .home-2026 #faq .faq-list details{margin:0;background:#fff}

  /* Closing CTA feels like its own product scene */
  .home-2026 .contact-grid{align-items:center}
  .home-2026 .contact-form{transform:translateY(7px)}
  .home-2026 .footer-grid{grid-template-columns:1.4fr .8fr .8fr}
}

@media (min-width:861px) and (max-width:1100px){
  .home-2026 .site-header .nav-wrap{border-radius:18px}
  .home-2026 .hero{margin-inline:10px;border-radius:32px}
  .home-2026 #dla-kogo .section-heading,
  .home-2026 #oferta .section-heading,
  .home-2026 #lokalizacje .section-heading,
  .home-2026 .trust-section .section-heading,
  .home-2026 .knowledge-teaser .section-heading{
    grid-template-columns:1fr;
    row-gap:14px;
  }
  .home-2026 #dla-kogo .section-heading h2,
  .home-2026 #oferta .section-heading h2,
  .home-2026 #lokalizacje .section-heading h2,
  .home-2026 .trust-section .section-heading h2,
  .home-2026 .knowledge-teaser .section-heading h2,
  .home-2026 #dla-kogo .section-heading p:not(.eyebrow),
  .home-2026 #oferta .section-heading p:not(.eyebrow),
  .home-2026 #lokalizacje .section-heading p:not(.eyebrow),
  .home-2026 .trust-section .section-heading p:not(.eyebrow),
  .home-2026 .knowledge-teaser .section-heading p:not(.eyebrow){grid-column:1}
  .home-2026 #jak-dzialamy .steps article:nth-child(2),
  .home-2026 #jak-dzialamy .steps article:nth-child(4){transform:none}
  .home-2026 #faq .faq-list{grid-template-columns:1fr}
}