*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'DM Sans',sans-serif;background:#FAF7F0;color:#1A1612;overflow-x:visible;}

:root{
  --h:#C8982E;--hl:#E8C96A;--hd:#8B6914;
  --dk:#1A1612;--dk2:#2D2318;
  --cr:#FAF7F0;--cr2:#F0EBE0;
  --bd:#EDE4D4;--mt:#9B8E83;--mt2:#6B5D52;
  --gr:#4A7C59;--nav:72px;
}

/* ══ NAV ══ */
.nav{height:var(--nav);background:white;border-bottom:1px solid var(--bd);display:flex;align-items:center;justify-content:space-between;padding:0 3rem;position:sticky;top:0;z-index:100;}
.nav__logo{font-family:'Playfair Display',serif;font-size:.95rem;font-weight:700;line-height:1.2;color:var(--dk);text-decoration:none;}
.nav__logo em{color:var(--h);font-style:normal;}
.nav__links{display:flex;gap:2rem;}
.nav__links a{font-size:13px;font-weight:500;color:var(--mt2);text-decoration:none;transition:color .2s;}
.nav__links a:hover,.nav__links a.active{color:var(--h);}
.nav__icons{display:flex;gap:1.25rem;align-items:center;}
.nav__icon{background:none;border:none;cursor:pointer;color:var(--mt2);display:flex;transition:color .2s;}
.nav__icon:hover{color:var(--h);}

/* ══════════════════════════════════════
   SEKCJA 1 — HERO MANIFESTO
══════════════════════════════════════ */
.manifesto{
  min-height:calc(100vh - var(--nav));
  display:grid;
  grid-template-columns:1fr 1fr;
  position:relative;
  overflow:hidden;
}

/* Lewa — ciemna z tekstem */
.manifesto__dark{
  background:var(--dk);
  padding:5rem 4rem 5rem 6rem;
  display:flex;flex-direction:column;
  justify-content:center;
  position:relative;overflow:hidden;
}

/* Honeycomb pattern */
.manifesto__dark::before{
  content:'';position:absolute;inset:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='58'%3E%3Cpolygon points='25,2 48,14 48,44 25,56 2,44 2,14' fill='none' stroke='%23C8982E' stroke-width='0.7'/%3E%3C/svg%3E");
  background-size:50px 58px;opacity:0.06;pointer-events:none;
}

.manifesto__eyebrow{
  font-size:9px;font-weight:700;
  letter-spacing:2.5px;text-transform:uppercase;
  color:var(--h);display:flex;align-items:center;
  gap:8px;margin-bottom:20px;position:relative;
}
.manifesto__eyebrow::before{
  content:'';width:20px;height:1px;background:var(--h);
}

.manifesto__quote{
  font-family:'Playfair Display',serif;
  font-size:clamp(2rem,3.5vw,3.25rem);
  font-weight:700;color:white;
  line-height:1.12;letter-spacing:-.3px;
  margin-bottom:28px;position:relative;
}
.manifesto__quote em{
  color:var(--h);font-style:italic;
}
.manifesto__quote .o-nas-heading-last{
  color:var(--h);
  font-style:italic;
}

/* Wielki cudzysłów dekoracyjny */
.manifesto__quote::before{
  content:'"';
  font-family:'Playfair Display',serif;
  font-size:8rem;color:rgba(200,152,46,0.12);
  position:absolute;top:-2rem;left:-1.5rem;
  line-height:1;pointer-events:none;
  font-style:italic;
}

.manifesto__text{
  font-size:16px;color:rgba(255,255,255,0.65);
  line-height:1.8;margin-bottom:36px;
  max-width:440px;position:relative;
}

/* Stats row na ciemnym tle */
.manifesto__stats{
  display:flex;gap:2.5rem;
  padding-top:28px;
  border-top:1px solid rgba(255,255,255,0.1);
  position:relative;
}
.manifesto__stat-num{
  font-family:'Playfair Display',serif;
  font-size:2.25rem;font-weight:700;
  color:var(--h);line-height:1;display:block;
  margin-bottom:4px;
}
.manifesto__stat-lbl{
  font-size:12px;color:rgba(255,255,255,0.45);
  line-height:1.4;
}

/* Prawa — zdjęcie + floating elements */
.manifesto__img{
  position:relative;overflow:hidden;
  background:var(--cr2);
}

.manifesto__img-main{
  width:100%;height:100%;
  object-fit:cover;display:block;
}

/* Placeholder zdjęcia */
.manifesto__img-ph{
  width:100%;height:100%;
  background:linear-gradient(145deg,#EDD8A0,#C89840 35%,#6A3808);
  display:flex;align-items:center;justify-content:center;
}

/* Wstążka deko */
.manifesto__ribbon{
  position:absolute;top:2rem;right:2rem;
  opacity:.4;z-index:2;
}

/* ══════════════════════════════════════
   SEKCJA 2 — NASZA HISTORIA
══════════════════════════════════════ */
.historia{
  padding:7rem 0;
  background:white;
  position:relative;overflow:hidden;
}
.historia::after{
  content:'';position:absolute;
  bottom:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--bd) 20%,var(--bd) 80%,transparent);
}

.container{max-width:1200px;margin:0 auto;padding:0 3rem;}

.historia__inner{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6rem;align-items:center;
}

/* Lewa — zdjęcie ze stackiem */
.historia__imgs{
  position:relative;
}

.historia__img-main{
  width:100%;aspect-ratio:3/4;
  border-radius:20px;overflow:hidden;
  position:relative;
}
.historia__img-main-ph{
  width:100%;height:100%;
  background:linear-gradient(145deg,#FAF7F0,#EDE4D4 40%,#D4C8B0);
  display:flex;align-items:center;justify-content:center;
}

/* Drugie zdjęcie zachodzące */
.historia__img-secondary{
  position:absolute;
  bottom:-2.5rem;right:-2.5rem;
  width:55%;aspect-ratio:1;
  border-radius:16px;overflow:hidden;
  border:4px solid white;
  box-shadow:0 12px 40px rgba(26,22,18,.12);
}
.historia__img-secondary-ph{
  width:100%;height:100%;
  background:linear-gradient(145deg,#C89840,#8B6914 50%,#4A2C0A);
  display:flex;align-items:center;justify-content:center;
}

/* Rok założenia */
.historia__year{
  position:absolute;top:2rem;left:-1.5rem;
  background:var(--h);color:white;
  font-family:'Playfair Display',serif;
  font-size:1.1rem;font-weight:700;
  padding:.75rem 1.25rem;border-radius:10px;
  writing-mode:vertical-rl;
  text-orientation:mixed;
  letter-spacing:2px;
}

/* Prawa — historia tekst */
.historia__content{}

.historia__content .eyebrow{
  font-size:9px;font-weight:700;
  letter-spacing:2.5px;text-transform:uppercase;
  color:var(--h);display:flex;align-items:center;
  gap:8px;margin-bottom:16px;
}
.historia__content .eyebrow::before{
  content:'';width:20px;height:1px;background:var(--h);
}

.historia__content h2{
  font-family:'Playfair Display',serif;
  font-size:clamp(2rem,3vw,2.75rem);
  font-weight:700;color:var(--dk);
  line-height:1.12;margin-bottom:20px;
}
.historia__content h2 em,
.historia__content h2 .o-nas-heading-last{color:var(--h);font-style:italic;}

.historia__content p{
  font-size:15.5px;color:var(--mt2);
  line-height:1.8;margin-bottom:16px;
}
.historia__content p:last-of-type{margin-bottom:28px;}

/* Podpis założycielki */
.historia__signature{
  display:flex;align-items:center;gap:14px;
  padding:1.25rem 1.5rem;
  background:var(--cr);border:1px solid var(--bd);
  border-radius:14px;
}
.historia__avatar{
  width:52px;height:52px;border-radius:50%;
  background:linear-gradient(135deg,var(--h),var(--hl));
  display:flex;align-items:center;justify-content:center;
  font-family:'Playfair Display',serif;
  font-size:1.2rem;font-weight:700;color:white;
  flex-shrink:0;
}
.historia__sig-name{
  font-size:14px;font-weight:700;color:var(--dk);
  display:block;margin-bottom:2px;
}
.historia__sig-role{font-size:12px;color:var(--mt);}

.section-head{
  text-align:center;margin-bottom:4rem;position:relative;
}
.section-head .eyebrow{
  font-size:9px;font-weight:700;
  letter-spacing:2.5px;text-transform:uppercase;
  color:var(--h);display:flex;align-items:center;
  justify-content:center;gap:8px;margin-bottom:14px;
}
.section-head .eyebrow::before{
  content:'';width:20px;height:1px;background:var(--h);
}
.section-head .eyebrow::after{
  content:'';width:20px;height:1px;background:var(--h);
}
.section-head h2{
  font-family:'Playfair Display',serif;
  font-size:clamp(2rem,3vw,3rem);
  font-weight:700;color:var(--dk);
  line-height:1.1;margin-bottom:14px;
}
.section-head h2 em{color:var(--h);font-style:italic;}
.section-head p{
  font-size:16px;color:var(--mt2);
  line-height:1.75;max-width:560px;margin:0 auto;
}

/* ══════════════════════════════════════
   SEKCJA 3 — PROCES TWORZENIA
══════════════════════════════════════ */
.proces{
  padding:7rem 0;
  background:var(--dk);
  position:relative;overflow:hidden;
}
.proces::before{
  content:'';position:absolute;inset:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='58'%3E%3Cpolygon points='25,2 48,14 48,44 25,56 2,44 2,14' fill='none' stroke='%23C8982E' stroke-width='0.7'/%3E%3C/svg%3E");
  background-size:50px 58px;opacity:0.05;pointer-events:none;
}

.proces .section-head h2{color:white;}
.proces .section-head h2 .o-nas-heading-last{
  color:var(--h);
  font-style:italic;
}
.proces .section-head p{color:rgba(255,255,255,.55);}
.proces .section-head .eyebrow{color:var(--h);}

.proces__steps{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:2rem;position:relative;
}

/* Łącząca linia */
.proces__steps::before{
  content:'';position:absolute;
  top:32px;left:12%;right:12%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(200,152,46,.3),transparent);
  z-index:0;
}

.proces__step{
  text-align:center;position:relative;z-index:1;
}
.proces__step-num{
  width:64px;height:64px;border-radius:50%;
  background:rgba(200,152,46,0.12);
  border:1px solid rgba(200,152,46,0.25);
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 1.25rem;
  transition:background .3s,border-color .3s;
}
.proces__step:hover .proces__step-num{
  background:rgba(200,152,46,0.2);
  border-color:rgba(200,152,46,0.5);
}
.proces__step-num svg{stroke:var(--h);}

.proces__step-title{
  font-size:14px;font-weight:700;
  color:white;margin-bottom:8px;
}
.proces__step-desc{
  font-size:12.5px;color:rgba(255,255,255,.45);
  line-height:1.65;
}

/* ══════════════════════════════════════
   SEKCJA 4 — CERTYFIKATY / ZAUFANIE
══════════════════════════════════════ */
.trust{
  padding:5rem 0;
  background:white;
  border-top:1px solid var(--bd);
  border-bottom:1px solid var(--bd);
}

.trust__inner{
  display:grid;
  grid-template-columns:1fr 2fr;
  gap:5rem;align-items:center;
}

.trust__left h2{
  font-family:'Playfair Display',serif;
  font-size:2rem;font-weight:700;
  color:var(--dk);margin-bottom:12px;
  line-height:1.2;
}
.trust__left h2 em,
.trust__left h2 .o-nas-heading-last{color:var(--h);font-style:italic;}
.trust__left p{font-size:14px;color:var(--mt);line-height:1.7;}

.trust__items{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.25rem;
}

.trust__item{
  padding:1.5rem;
  background:var(--cr);border:1px solid var(--bd);
  border-radius:14px;text-align:center;
  transition:border-color .2s;
}
.trust__item:hover{border-color:rgba(200,152,46,.3);}

.trust__item-icon{
  width:44px;height:44px;border-radius:50%;
  background:rgba(200,152,46,.1);
  border:1px solid rgba(200,152,46,.2);
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 12px;
}
.trust__item-icon svg{stroke:var(--h);}

.trust__item-title{
  font-size:13px;font-weight:700;color:var(--dk);
  margin-bottom:4px;
}
.trust__item-desc{font-size:11.5px;color:var(--mt);}

/* ══════════════════════════════════════
   CTA KOŃCOWE
══════════════════════════════════════ */
.cta-end{
  padding:7rem 0;
  background:var(--cr);
  text-align:center;
  position:relative;overflow:hidden;
}
.cta-end::before{
  content:'';position:absolute;inset:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='58'%3E%3Cpolygon points='25,2 48,14 48,44 25,56 2,44 2,14' fill='none' stroke='%23C8982E' stroke-width='0.7'/%3E%3C/svg%3E");
  background-size:50px 58px;opacity:0.04;pointer-events:none;
}

.cta-end__inner{position:relative;}

.cta-end__bee{
  display:inline-flex;margin-bottom:1.5rem;
  animation:bee-float 4s ease-in-out infinite;
}
@keyframes bee-float{
  0%,100%{transform:translateY(0) rotate(-3deg);}
  50%{transform:translateY(-12px) rotate(3deg);}
}

.cta-end h2{
  font-family:'Playfair Display',serif;
  font-size:clamp(2rem,3.5vw,3.25rem);
  font-weight:700;color:var(--dk);
  margin-bottom:16px;line-height:1.1;
}
.cta-end h2 em,
.cta-end h2 .o-nas-heading-last{color:var(--h);font-style:italic;}

.cta-end p{
  font-size:16px;color:var(--mt2);
  line-height:1.75;max-width:500px;
  margin:0 auto 36px;
}

.cta-end__btns{
  display:flex;gap:12px;
  justify-content:center;flex-wrap:wrap;
}

.btn-primary{
  display:inline-flex;align-items:center;gap:8px;
  padding:16px 34px;background:var(--dk);color:white;
  font-family:'DM Sans',sans-serif;font-size:14px;font-weight:700;
  border-radius:12px;text-decoration:none;
  transition:background .2s,transform .15s,box-shadow .2s;
}
.btn-primary:hover{background:var(--dk2);transform:translateY(-1px);box-shadow:0 8px 24px rgba(26,22,18,.2);}
.btn-primary svg{stroke:white;}

.btn-honey{
  display:inline-flex;align-items:center;gap:8px;
  padding:16px 34px;background:var(--h);color:var(--dk);
  font-family:'DM Sans',sans-serif;font-size:14px;font-weight:700;
  border-radius:12px;text-decoration:none;
  transition:background .2s,transform .15s;
}
.btn-honey:hover{background:var(--hl);transform:translateY(-1px);}
.btn-honey svg{stroke:var(--dk);}

/* Img placeholder shared */
.img-ph{
  width:100%;height:100%;
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  gap:10px;color:rgba(200,152,46,.4);
}
.img-ph svg{stroke:rgba(200,152,46,.35);}
.img-ph span{font-size:11px;font-weight:500;letter-spacing:.5px;}

/* ══ RESPONSIVE ══ */
@media(max-width:1100px){
  .manifesto{grid-template-columns:1fr;}
  .manifesto__dark{min-height:60vh;padding:4rem 3rem;}
  .manifesto__img{min-height:480px;}
  .historia__inner{grid-template-columns:1fr;gap:3rem;}
  .historia__imgs{height:400px;}
  .historia__img-secondary{right:0;bottom:-2rem;}
  .proces__steps{grid-template-columns:1fr 1fr;}
  .proces__steps::before{display:none;}
  .trust__inner{grid-template-columns:1fr;}
}
@media(max-width:768px){
  .nav__links{display:none;}
  .nav{padding:0 1.5rem;}
  .container{padding:0 1.5rem;}
  .manifesto__dark{padding:3rem 1.5rem;}
  .manifesto__stats{flex-wrap:wrap;gap:1.5rem;}
  .trust__items{grid-template-columns:1fr 1fr;}
  .cta-end{padding:5rem 0;}
  .historia{padding:4rem 0;}
  .proces,.trust,.cta-end{padding:4rem 0;}
}