.elementor-2887 .elementor-element.elementor-element-31b2adb{width:var( --container-widget-width, 100.705% );max-width:100.705%;--container-widget-width:100.705%;--container-widget-flex-grow:0;}/* Start custom CSS for html, class: .elementor-element-31b2adb */@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,440;0,9..144,500;0,9..144,600;1,9..144,440;1,9..144,500&display=swap');

.rresp-hero, .rresp-intro, .rresp-topic, .rresp-compare, .rresp-fit,
.rresp-faq, .rresp-disclaimer, .rresp-cta{
  --deep:#0F1510; --cream:#f4f6ec; --accent:#f2601c;
  font-family:"Sora",system-ui,sans-serif;
}
.rresp-hero *, .rresp-intro *, .rresp-topic *, .rresp-compare *, .rresp-fit *,
.rresp-faq *, .rresp-disclaimer *, .rresp-cta *{ box-sizing:border-box; }

.rresp-eyebrow{ font-family:"IBM Plex Mono",monospace; font-size:12px; letter-spacing:.16em; text-transform:uppercase;
  color:var(--accent); margin:0 0 18px; }
.rresp-h2{ font-family:"Fraunces",serif; font-optical-sizing:auto; font-weight:500; color:var(--cream);
  font-size:clamp(27px,3.4vw,38px); line-height:1.18; letter-spacing:-.01em; margin:0 0 20px; }
.rresp-h2 em{ font-style:italic; color:var(--accent); }
.rresp-p{ font-size:15.5px; line-height:1.8; color:rgba(244,246,236,.7); font-weight:300; margin:0 0 18px; }
.rresp-p:last-child{ margin-bottom:0; }
.rresp-p strong{ color:var(--cream); font-weight:600; }
.rresp-p em{ font-style:italic; color:var(--accent); }

/* ============== SCROLL-REVEAL (wspólne dla całej strony) ============== */
.rresp-reveal{ opacity:0; transform:translateY(26px); transition:opacity .7s ease, transform .7s cubic-bezier(.2,.7,.3,1); }
.rresp-reveal.is-visible{ opacity:1; transform:none; }
.rresp-fit-col.rresp-reveal:nth-child(2){ transition-delay:.12s; }
.rresp-faq-item.rresp-reveal:nth-child(2){ transition-delay:.06s; }
.rresp-faq-item.rresp-reveal:nth-child(3){ transition-delay:.12s; }
.rresp-faq-item.rresp-reveal:nth-child(4){ transition-delay:.18s; }
.rresp-faq-item.rresp-reveal:nth-child(5){ transition-delay:.24s; }

/* ============== PASEK POSTĘPU CZYTANIA ============== */
.rresp-progress{ position:fixed; top:0; left:0; height:3px; width:0%; z-index:9999;
  background:linear-gradient(90deg, var(--accent), #ffb27a); transition:width .1s linear; pointer-events:none; }

/* ============== HERO ============== */
.rresp-hero{ position:relative; overflow:hidden; background:var(--deep); color:var(--cream); padding:130px 0 80px; }
.rresp-hero-decor{ position:absolute; top:50%; left:50%; width:min(560px,80vw); height:min(560px,80vw);
  transform:translate(-50%,-50%); pointer-events:none; z-index:0; }
.rresp-hero-shell{ position:relative; z-index:1; max-width:820px; margin:0 auto; padding:0 32px; text-align:center; }

.rresp-breadcrumb{ font-family:"IBM Plex Mono",monospace; font-size:11.5px; letter-spacing:.04em;
  color:rgba(244,246,236,.42); margin:0 0 32px; }
.rresp-breadcrumb a{ color:rgba(244,246,236,.62); text-decoration:none; transition:color .2s ease; }
.rresp-breadcrumb a:hover{ color:var(--accent); }
.rresp-breadcrumb span{ margin:0 8px; opacity:.5; }

.rresp-hero .rresp-eyebrow{ text-align:center; }
.rresp-h1{ font-family:"Fraunces",serif; font-optical-sizing:auto; font-weight:500; color:var(--cream);
  font-size:clamp(32px,4.6vw,52px); line-height:1.14; letter-spacing:-.015em; margin:0 0 24px; }
.rresp-h1 em{ font-style:italic; color:var(--accent); }
.rresp-lead{ font-size:17px; line-height:1.65; color:rgba(244,246,236,.68); max-width:60ch; margin:0 auto 34px;
  font-weight:300; }

.rresp-meta{ display:flex; align-items:center; justify-content:center; gap:12px; font-family:"IBM Plex Mono",monospace;
  font-size:11.5px; letter-spacing:.04em; text-transform:uppercase; color:rgba(244,246,236,.45); }
.rresp-meta-dot{ width:4px; height:4px; border-radius:50%; background:rgba(244,246,236,.35); }

/* ============== WSTĘP ============== */
.rresp-intro{ background:var(--deep); color:var(--cream); padding:0 0 90px; }
.rresp-intro-shell{ max-width:1360px; margin:0 auto; padding:0 32px; }
.rresp-intro-text{ font-size:18px; line-height:1.8; color:rgba(244,246,236,.85); font-weight:300; margin:0; }
.rresp-intro-text strong{ color:var(--accent); font-weight:600; }

/* ============== SEKCJE TEMATYCZNE (palenie / wapowanie / respirowanie) ============== */
.rresp-topic{ position:relative; overflow:hidden; background:var(--deep); color:var(--cream); padding:64px 0;
  border-top:1px solid rgba(244,246,236,.08); }
.rresp-topic::before{ content:""; position:absolute; top:-140px; right:-140px; width:340px; height:340px; border-radius:50%;
  background:radial-gradient(circle, rgba(242,96,28,.10), rgba(242,96,28,0) 70%); pointer-events:none; z-index:0; }
.rresp-topic--alt{ background:#0c110d; }
.rresp-topic-shell{ position:relative; z-index:1; max-width:900px; margin:0 auto; padding:0 32px; display:grid;
  grid-template-columns:80px 1fr; gap:32px; }
.rresp-topic-marker{ display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
.rresp-topic-icon{ width:40px; height:40px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  background:rgba(244,246,236,.06); color:rgba(244,246,236,.55); border:1px solid rgba(244,246,236,.1); }
.rresp-topic-icon svg{ width:19px; height:19px; }
.rresp-topic-icon--accent{ background:rgba(242,96,28,.14); color:var(--accent); border-color:rgba(242,96,28,.3); }
.rresp-topic-num{ font-family:"Fraunces",serif; font-style:italic; font-weight:500; font-size:34px;
  color:rgba(244,246,236,.16); line-height:1; }

@media (max-width:700px){
  .rresp-topic{ padding:52px 0; }
  .rresp-topic-shell{ grid-template-columns:1fr; gap:16px; padding:0 24px; }
  .rresp-topic-marker{ flex-direction:row; align-items:center; }
  .rresp-topic-num{ font-size:24px; }
}

/* ============== TABELA PORÓWNAWCZA ============== */
.rresp-compare{ background:#0c110d; color:var(--cream); padding:100px 0; border-top:1px solid rgba(244,246,236,.08); }
.rresp-compare-shell{ max-width:900px; margin:0 auto; padding:0 32px; text-align:center; }
.rresp-compare .rresp-h2{ margin:0 0 44px; }

.rresp-table{ display:flex; flex-direction:column; border:1px solid rgba(244,246,236,.12); border-radius:16px;
  overflow:hidden; text-align:left; }
.rresp-table-row{ display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; transition:background .25s ease; }
.rresp-table-row:not(:last-child){ border-bottom:1px solid rgba(244,246,236,.1); }
.rresp-table-row--head{ background:rgba(244,246,236,.04); }
.rresp-table-row:not(.rresp-table-row--head):hover{ background:rgba(244,246,236,.03); }
.rresp-table-cell{ padding:16px 18px; font-size:13.5px; color:rgba(244,246,236,.75); display:flex; align-items:center; gap:8px; }
.rresp-table-row--head .rresp-table-cell{ font-family:"IBM Plex Mono",monospace; font-size:11px; font-weight:600;
  letter-spacing:.06em; text-transform:uppercase; color:rgba(244,246,236,.5); }
.rresp-table-cell--label{ font-family:"IBM Plex Mono",monospace; font-size:11.5px; letter-spacing:.03em;
  color:rgba(244,246,236,.5); }
.rresp-table-cell--accent{ background:rgba(242,96,28,.08); color:var(--cream); font-weight:600; }
.rresp-table-row--head .rresp-table-cell--accent{ color:var(--accent); background:rgba(242,96,28,.12); }

.rresp-table-icon{ flex:none; display:inline-flex; align-items:center; justify-content:center; }
.rresp-table-icon--head{ width:16px; height:16px; opacity:.8; }
.rresp-table-icon--head svg{ width:100%; height:100%; }
.rresp-table-row--head .rresp-table-cell--accent .rresp-table-icon--head{ opacity:1; }
.rresp-table-icon--dot{ width:6px; height:6px; border-radius:50%; background:rgba(244,246,236,.28); }
.rresp-table-icon--check{ width:15px; height:15px; color:rgba(244,246,236,.55); }
.rresp-table-icon--check svg{ width:100%; height:100%; }
.rresp-table-icon--check.rresp-table-icon--accent{ color:var(--accent); }

.rresp-table-note{ font-size:12.5px; line-height:1.6; color:rgba(244,246,236,.4); max-width:60ch; margin:22px auto 0; }

@media (max-width:640px){
  .rresp-compare{ padding:70px 0; }
  .rresp-table-cell{ padding:12px 10px; font-size:12px; gap:5px; }
  .rresp-table-row--head .rresp-table-cell{ font-size:9.5px; }
  .rresp-table-cell--label{ font-size:10px; }
  .rresp-table-icon--head{ width:13px; height:13px; }
  .rresp-table-icon--check{ width:12px; height:12px; }
}

/* ============== DLA KOGO ============== */
.rresp-fit{ background:var(--deep); color:var(--cream); padding:100px 0; border-top:1px solid rgba(244,246,236,.08); }
.rresp-fit-shell{ max-width:1080px; margin:0 auto; padding:0 32px; display:grid;
  grid-template-columns:1fr 1fr; gap:56px; }
.rresp-fit-h3{ font-family:"Fraunces",serif; font-optical-sizing:auto; font-weight:500; font-size:20px;
  color:var(--cream); margin:0 0 18px; }
.rresp-fit-list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; }
.rresp-fit-list li{ display:flex; align-items:flex-start; gap:13px; padding:12px 14px; border-radius:12px;
  background:rgba(244,246,236,.025); border:1px solid rgba(244,246,236,.06);
  font-size:14.5px; line-height:1.6; color:rgba(244,246,236,.68); font-weight:300;
  transition:background .25s ease, border-color .25s ease, transform .25s ease; }
.rresp-fit-list li:hover{ transform:translateX(3px); background:rgba(244,246,236,.05); border-color:rgba(244,246,236,.14); }
.rresp-fit-icon{ flex:none; width:22px; height:22px; margin-top:1px; display:flex; align-items:center; justify-content:center; }
.rresp-fit-icon svg{ width:100%; height:100%; }
.rresp-fit-icon--yes{ color:var(--accent); }
.rresp-fit-icon--no{ color:rgba(244,246,236,.4); }
.rresp-fit-list--no li:hover{ border-color:rgba(244,246,236,.1); }

@media (max-width:800px){
  .rresp-fit{ padding:70px 0; }
  .rresp-fit-shell{ grid-template-columns:1fr; gap:44px; padding:0 24px; }
}

/* ============== FAQ ============== */
.rresp-faq{ background:#0c110d; color:var(--cream); padding:100px 0; border-top:1px solid rgba(244,246,236,.08); }
.rresp-faq-shell{ max-width:760px; margin:0 auto; padding:0 32px; }
.rresp-faq .rresp-eyebrow, .rresp-faq .rresp-h2{ text-align:center; }
.rresp-faq-shell > .rresp-eyebrow{ display:block; text-align:center; }
.rresp-faq-shell > .rresp-h2{ text-align:center; margin:0 0 48px; }

.rresp-faq-list{ display:flex; flex-direction:column; gap:2px; }
.rresp-faq-item{ background:rgba(244,246,236,.03); border:1px solid rgba(244,246,236,.09); border-radius:14px;
  padding:22px 26px; transition:background .25s ease, border-color .25s ease, transform .25s ease; }
.rresp-faq-item:hover{ background:rgba(244,246,236,.045); border-color:rgba(244,246,236,.16); }
.rresp-faq-item + .rresp-faq-item{ margin-top:10px; }
.rresp-faq-item summary{ cursor:pointer; list-style:none; font-family:"Fraunces",serif; font-weight:500;
  font-size:16.5px; color:var(--cream); display:flex; align-items:center; justify-content:space-between; gap:16px; }
.rresp-faq-item summary::-webkit-details-marker{ display:none; }
.rresp-faq-item summary::after{ content:"+"; font-family:"IBM Plex Mono",monospace; font-size:20px; font-weight:400;
  color:var(--accent); flex:none; transition:transform .25s ease; }
.rresp-faq-item[open] summary::after{ content:"–"; }
.rresp-faq-body{ padding-top:14px; }
.rresp-faq-body p{ font-size:14.5px; line-height:1.7; color:rgba(244,246,236,.65); margin:0; font-weight:300; }

@media (max-width:640px){
  .rresp-faq{ padding:70px 0; }
  .rresp-faq-item{ padding:18px 20px; }
  .rresp-faq-item summary{ font-size:15px; }
}

/* ============== DISCLAIMER + WSPARCIE ============== */
.rresp-disclaimer{ background:var(--deep); color:var(--cream); padding:70px 0; border-top:1px solid rgba(244,246,236,.08); }
.rresp-disclaimer-shell{ max-width:820px; margin:0 auto; padding:0 32px; display:flex; gap:22px;
  background:rgba(244,246,236,.03); border:1px solid rgba(244,246,236,.1); border-radius:18px; padding:32px; }
.rresp-disclaimer-icon{ flex:none; width:42px; height:42px; border-radius:50%; display:flex; align-items:center;
  justify-content:center; background:rgba(242,96,28,.12); color:var(--accent); }
.rresp-disclaimer-icon svg{ width:22px; height:22px; }
.rresp-disclaimer-h3{ font-family:"Fraunces",serif; font-optical-sizing:auto; font-weight:500; font-size:17px;
  color:var(--cream); margin:0 0 10px; }
.rresp-disclaimer-text p{ font-size:13.5px; line-height:1.7; color:rgba(244,246,236,.62); margin:0 0 12px; font-weight:300; }
.rresp-disclaimer-text p:last-child{ margin-bottom:0; }
.rresp-disclaimer-phone{ font-family:"IBM Plex Mono",monospace !important; font-size:14px !important; color:var(--cream) !important; }
.rresp-disclaimer-phone a{ color:var(--accent) !important; text-decoration:none; font-weight:600; }
.rresp-disclaimer-phone a:hover{ text-decoration:underline; }
.rresp-disclaimer-note{ font-size:12px !important; color:rgba(244,246,236,.42) !important; }

@media (max-width:640px){
  .rresp-disclaimer{ padding:50px 0; }
  .rresp-disclaimer-shell{ padding:0 24px; flex-direction:column; gap:16px; }
  .rresp-disclaimer-shell > div.rresp-disclaimer-text{ padding:0; }
}
@media (max-width:640px){
  .rresp-disclaimer-shell{ padding:26px 22px; margin:0 24px; max-width:none; width:calc(100% - 48px); }
}

/* ============== CTA ============== */
.rresp-cta{ position:relative; background:var(--deep); color:var(--cream); padding:120px 0; overflow:hidden;
  text-align:center; border-top:1px solid rgba(244,246,236,.08); }
.rresp-cta::before{ content:""; position:absolute; top:-20%; left:50%; transform:translateX(-50%); width:800px; height:800px;
  background:radial-gradient(circle, rgba(242,96,28,.12), rgba(242,96,28,0) 70%); pointer-events:none; }
.rresp-cta::after{ content:""; position:absolute; bottom:-30%; left:15%; width:380px; height:380px;
  background:radial-gradient(circle, rgba(244,246,236,.05), rgba(244,246,236,0) 70%); pointer-events:none; }
.rresp-cta-shell{ position:relative; z-index:1; max-width:680px; margin:0 auto; padding:0 32px; }
.rresp-cta-eyebrow{ font-family:"IBM Plex Mono",monospace; font-size:12px; letter-spacing:.16em; text-transform:uppercase;
  color:var(--accent); margin:0 0 20px; }
.rresp-cta-h2{ font-family:"Fraunces",serif; font-optical-sizing:auto; font-weight:500; color:var(--cream);
  font-size:clamp(28px,4vw,42px); line-height:1.18; letter-spacing:-.01em; margin:0 0 20px; }
.rresp-cta-sub{ font-size:15px; line-height:1.7; color:rgba(244,246,236,.62); font-weight:300; margin:0 0 38px; }

.rresp-cta-actions{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:16px; }
.rresp-cta-btn{ position:relative; overflow:hidden; display:inline-flex; align-items:center; gap:9px;
  font-family:"IBM Plex Mono",monospace; font-weight:700; font-size:12.5px; letter-spacing:.05em; text-transform:uppercase;
  padding:17px 28px; border-radius:999px; text-decoration:none; transition:transform .25s ease, box-shadow .25s ease, background .25s ease; }
.rresp-cta-btn::after{ content:""; position:absolute; top:0; left:-60%; width:40%; height:100%;
  background:linear-gradient(120deg, transparent, rgba(255,255,255,.35), transparent); transform:skewX(-20deg);
  transition:left .55s ease; pointer-events:none; }
.rresp-cta-btn:hover::after{ left:130%; }
.rresp-cta-btn--primary{ background:var(--accent); color:#101711; }
.rresp-cta-btn--primary:hover{ transform:translateY(-2px); box-shadow:0 14px 30px rgba(242,96,28,.35); }
.rresp-cta-btn--ghost{ background:transparent; color:var(--cream); border:1.5px solid rgba(244,246,236,.3); padding:15.5px 26px; }
.rresp-cta-btn--ghost:hover{ background:rgba(244,246,236,.08); }

@media (max-width:560px){
  .rresp-cta{ padding:80px 0; }
  .rresp-cta-actions{ flex-direction:column; align-items:stretch; }
  .rresp-cta-btn{ justify-content:center; }
}

@media (prefers-reduced-motion: reduce){
  .rresp-cta-btn, .rresp-breadcrumb a, .rresp-fit-list li, .rresp-faq-item, .rresp-table-row{ transition:none; }
  .rresp-cta-btn::after{ display:none; }
  .rresp-reveal{ opacity:1; transform:none; transition:none; }
}/* End custom CSS */