/* LEAD LOOP 1.0.80 — stable desktop finishing layer.
   The five conflicting desktop patches (1.0.76–1.0.79) have been removed from enqueue.
   Approved mobile logic and base styles are preserved. */

/* Guard against inline/grid display overrides on aria-hidden tabs. */
html.ll-home-refresh-active #oxy-main.ll-refresh #mozliwosci .capability-panel[hidden] { display: none !important; visibility:hidden !important; }
html.ll-home-refresh-active #oxy-main.ll-refresh #mozliwosci .capability-panel:not([hidden]) { visibility:visible !important; }
html.ll-home-refresh-active #oxy-main.ll-refresh #mozliwosci .capability-tabs [role="tab"] { cursor:pointer; position:relative; z-index:2; pointer-events:auto; }

/* Remove all visible lines from the conversion story, on desktop AND mobile. */
html.ll-home-refresh-active #oxy-main.ll-refresh .llf-connection svg path,
html.ll-home-refresh-active #oxy-main.ll-refresh .llf-connection svg ellipse { display:none !important; }
html.ll-home-refresh-active #oxy-main.ll-refresh .llf-connection .llf-stroke,
html.ll-home-refresh-active #oxy-main.ll-refresh .llf-connection .llf-desk-path { stroke:none !important; opacity:0 !important; }
html.ll-home-refresh-active #oxy-main.ll-refresh .llf-connection svg .llf-pulse,
html.ll-home-refresh-active #oxy-main.ll-refresh .llf-connection svg .llf-desk-dot { opacity:1 !important; filter:drop-shadow(0 0 6px rgba(255,202,115,.72)); }

/* Prevent SVG/emoji glyph substitution in the "punkt wyjścia" card. */
html.ll-home-refresh-active #oxy-main.ll-refresh #problem .decision-step.final-step i { display:none !important; }

@media (min-width: 821px) {
  /* HERO: 3 explicit text lines, large Loopik, benefits across both columns. */
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero {
    min-height:100svh !important;
    height:auto !important;
    padding:118px 0 24px !important;
    display:flex !important;
    align-items:center !important;
    overflow:hidden !important;
    background:radial-gradient(ellipse at 76% 45%,rgba(142,88,25,.09),transparent 50%), #08090a !important;
    box-sizing:border-box !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero > .wrap.hero-grid {
    width:min(1430px, calc(100% - 96px)) !important;
    max-width:1430px !important;
    min-height:calc(100svh - 152px) !important;
    height:auto !important;
    display:grid !important;
    grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr) !important;
    grid-template-areas:"herotext herofigure" "herobenefits herobenefits" !important;
    column-gap:clamp(24px,3vw,60px) !important;
    row-gap:clamp(12px,2vh,24px) !important;
    align-content:center !important;
    align-items:center !important;
    padding:0 !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-grid > .hero-copy {
    grid-area:herotext !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    padding:0 !important;
    align-self:center !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-copy h1 {
    width:100% !important;
    max-width:none !important;
    font-size:clamp(45px,4.1vw,68px) !important;
    letter-spacing:-.061em !important;
    line-height:1.055 !important;
    text-wrap:unset !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    margin:0 !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-copy h1 br { display:initial !important; }
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-copy .eyebrow { margin:0 0 23px !important; }
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-copy .hero-lead {
    max-width:56ch !important;
    font-size:clamp(15px,1.15vw,18px) !important;
    line-height:1.65 !important;
    margin:28px 0 30px !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-copy .hero-proof { display:none !important; }
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-copy .actions { margin:0 !important; }
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-copy .actions .button {
    min-height:61px !important;
    padding:18px 32px !important;
    font-size:14px !important;
    line-height:1.4 !important;
    white-space:nowrap !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-grid > .hero-loopik {
    grid-area:herofigure !important;
    display:grid !important;
    place-items:center !important;
    width:calc(100% + 30px) !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 -22px 0 -8px !important;
    padding:0 !important;
    justify-self:center !important;
    align-self:center !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-loopik::before { display:none !important; }
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-loopik > img {
    display:block !important;
    width:100% !important;
    height:clamp(425px,58svh,635px) !important;
    max-height:67svh !important;
    max-width:none !important;
    object-fit:contain !important;
    object-position:center !important;
    mix-blend-mode:screen !important;
    -webkit-mask-image:radial-gradient(ellipse 76% 72% at 50% 49%,#000 59%,rgba(0,0,0,.89) 70%,transparent 100%) !important;
    mask-image:radial-gradient(ellipse 76% 72% at 50% 49%,#000 59%,rgba(0,0,0,.89) 70%,transparent 100%) !important;
    filter:drop-shadow(0 16px 35px rgba(207,142,48,.09)) !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-grid > .loopik-benefits {
    grid-area:herobenefits !important;
    width:100% !important;
    max-width:none !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    padding:14px 0 0 !important;
    margin:0 !important;
    border-top:1px solid rgba(226,184,95,.2) !important;
    transform:none !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-grid > .loopik-benefits > div {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:14px !important;
    min-width:0 !important;
    padding:7px 14px !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-grid > .loopik-benefits > div+div { border-left:1px solid rgba(226,184,95,.17) !important; }
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-grid > .loopik-benefits strong { font-size:clamp(14px,1.12vw,18px) !important; line-height:1.25 !important; }
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-grid > .loopik-benefits small { display:block !important; font-size:clamp(10px,.84vw,13px) !important; margin-top:3px !important; }

  /* Method — lift right panel without displacing left list. */
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda { padding:116px 0 38px !important; min-height:0 !important; }
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda .section-top { margin-bottom:22px !important; }
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda .method-layout { align-items:start !important; gap:40px !important; }
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda .method-panel { transform:translateY(-34px) !important; margin-bottom:-34px !important; }
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda .method-map { padding:28px 32px 18px !important; min-height:200px !important; }
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda .method-map .map-path i { display:none !important; }
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda .method-map .map-path { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:21px !important; }

  /* Realizacje: moderate reduction only; equal two-card grid. */
  html.ll-home-refresh-active #oxy-main.ll-refresh #realizacje { padding:90px 0 60px !important; }
  html.ll-home-refresh-active #oxy-main.ll-refresh #realizacje .work-heading { margin-bottom:24px !important; }
  html.ll-home-refresh-active #oxy-main.ll-refresh #realizacje .work-heading h2 { font-size:clamp(40px,3.8vw,60px) !important; line-height:1.06 !important; }
  html.ll-home-refresh-active #oxy-main.ll-refresh #realizacje .work-track { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:24px !important; width:100% !important; overflow:visible !important; transform:none !important; }
  html.ll-home-refresh-active #oxy-main.ll-refresh #realizacje .work-track > .work-card { min-width:0 !important; width:100% !important; flex:none !important; }
  html.ll-home-refresh-active #oxy-main.ll-refresh #realizacje .work-preview { height:clamp(210px,23vh,280px) !important; min-height:0 !important; aspect-ratio:auto !important; }
  html.ll-home-refresh-active #oxy-main.ll-refresh #realizacje .work-preview img { width:100% !important; height:100% !important; object-fit:cover !important; object-position:center top !important; }
  html.ll-home-refresh-active #oxy-main.ll-refresh #realizacje .work-meta { padding:19px 24px 22px !important; gap:7px !important; }
  html.ll-home-refresh-active #oxy-main.ll-refresh #realizacje .work-meta h3 { font-size:clamp(22px,2.3vw,31px) !important; }
  html.ll-home-refresh-active #oxy-main.ll-refresh #realizacje .work-meta p { font-size:13px !important; line-height:1.52 !important; }
  html.ll-home-refresh-active #oxy-main.ll-refresh #realizacje .work-cta { margin-top:20px !important; padding:18px 24px !important; }

  /* Capabilities: explicit [hidden] and original wide reference AI rendering. */
  html.ll-home-refresh-active #oxy-main.ll-refresh #mozliwosci { padding:100px 0 60px !important; }
  html.ll-home-refresh-active #oxy-main.ll-refresh #mozliwosci .capability-panel:not([hidden]) { display:grid !important; }
  html.ll-home-refresh-active #oxy-main.ll-refresh #mozliwosci .capability-tabs { position:relative !important; z-index:5 !important; display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:0 !important; }
  html.ll-home-refresh-active #oxy-main.ll-refresh #mozliwosci .capability-tabs [role="tab"] { cursor:pointer !important; pointer-events:auto !important; }
  html.ll-home-refresh-active #oxy-main.ll-refresh #cap-panel-2:not([hidden]) {
    min-height:clamp(540px,66vh,665px) !important;
    padding:34px 24px 26px !important;
    display:grid !important;
    grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr) !important;
    gap:24px !important;
    align-items:center !important;
    background:#0d0f10 !important;
    border:none !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #cap-panel-2 .capability-copy { min-width:0 !important; max-width:480px !important; align-self:center !important; z-index:2 !important; }
  html.ll-home-refresh-active #oxy-main.ll-refresh #cap-panel-2 .capability-copy h3 { font-size:clamp(35px,3.3vw,54px) !important; line-height:1.07 !important; }
  html.ll-home-refresh-active #oxy-main.ll-refresh #cap-panel-2 .capability-copy>p { font-size:clamp(14px,1.05vw,16px) !important; line-height:1.65 !important; }
  html.ll-home-refresh-active #oxy-main.ll-refresh #cap-panel-2 .ai-guide {
    position:relative !important; display:block !important; min-height:505px !important; height:clamp(505px,59vh,610px) !important;
    width:100% !important; max-width:none !important;
    overflow:hidden !important; border:0 !important; border-radius:0 !important; box-shadow:none !important;
    background-image: linear-gradient(90deg, #0d0f10 0%,rgba(13,15,16,.94) 22%,rgba(13,15,16,.4) 54%,transparent 78%), url('ai-guide-wide-v1.png') !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    isolation:isolate !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #cap-panel-2 .ai-guide::before { display:none !important; }
  html.ll-home-refresh-active #oxy-main.ll-refresh #cap-panel-2 .ai-guide::after { display:none !important; }
  html.ll-home-refresh-active #oxy-main.ll-refresh #cap-panel-2 .ai-guide > img { display:none !important; }
  html.ll-home-refresh-active #oxy-main.ll-refresh #cap-panel-2 .ai-guide-copy {
    position:absolute !important; top:50% !important; left:0 !important; right:auto !important; bottom:auto !important;
    transform:translateY(-50%) !important; width:58% !important; max-width:58% !important;
    padding:12px 0 14px 18px !important; z-index:3 !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #cap-panel-2 .ai-guide-copy > span { font-size:10px !important; letter-spacing:.13em !important; }
  html.ll-home-refresh-active #oxy-main.ll-refresh #cap-panel-2 .ai-guide-copy h4 { font-size:clamp(26px,2.6vw,38px) !important; line-height:1.11 !important; max-width:none !important; margin:16px 0 18px !important; letter-spacing:-.04em !important; }
  html.ll-home-refresh-active #oxy-main.ll-refresh #cap-panel-2 .ai-guide-copy ol { border-top:1px solid rgba(255,255,255,.16) !important; list-style:none !important; }
  html.ll-home-refresh-active #oxy-main.ll-refresh #cap-panel-2 .ai-guide-copy li { display:grid !important; grid-template-columns:24px minmax(0,1fr) !important; gap:8px !important; padding:12px 0 !important; border-bottom:1px solid rgba(255,255,255,.16) !important; }
  html.ll-home-refresh-active #oxy-main.ll-refresh #cap-panel-2 .ai-guide-copy li strong { font-size:clamp(12px,1vw,15px) !important; line-height:1.22 !important; }
  html.ll-home-refresh-active #oxy-main.ll-refresh #cap-panel-2 .ai-guide-copy li small { font-size:clamp(10px,.75vw,12px) !important; line-height:1.5 !important; margin-top:3px !important; }
  html.ll-home-refresh-active #oxy-main.ll-refresh #cap-panel-2 .ai-guide-copy li b { font-size:12px !important; }

  /* Form wizard step indicators must remain grouped. */
  html.ll-home-refresh-active #oxy-main.ll-refresh #rozmowa .ll-form-progress { display:flex !important; justify-content:center !important; align-items:center !important; gap:18px !important; width:max-content !important; max-width:100% !important; margin:0 auto 22px !important; }
  html.ll-home-refresh-active #oxy-main.ll-refresh #rozmowa .ll-form-progress > span { width:48px !important; height:48px !important; flex:0 0 48px !important; margin:0 !important; }
  html.ll-home-refresh-active #oxy-main.ll-refresh #rozmowa .ll-form { padding:24px !important; box-sizing:border-box !important; }
}

@media (min-width:821px) and (max-width:1100px) {
 html.ll-home-refresh-active #oxy-main.ll-refresh .hero { padding-top:100px !important; }
 html.ll-home-refresh-active #oxy-main.ll-refresh .hero-copy h1 { font-size:clamp(39px,4.3vw,52px) !important; }
 html.ll-home-refresh-active #oxy-main.ll-refresh .hero-loopik > img { height:clamp(360px,49svh,500px) !important; }
 html.ll-home-refresh-active #oxy-main.ll-refresh #cap-panel-2 .ai-guide-copy { width:63% !important; max-width:63% !important; }
}

@media (max-width:820px) {
 /* Keep the approved mobile design; only fix capability visibility and funnel lines. */
 html.ll-home-refresh-active #oxy-main.ll-refresh .llf-connection svg path,
 html.ll-home-refresh-active #oxy-main.ll-refresh .llf-connection svg ellipse { display:none !important; }
 html.ll-home-refresh-active #oxy-main.ll-refresh #mozliwosci .capability-panel[hidden] { display:none !important; }
}

/* Browser-verified fine adjustments after the first visual pass. */
@media (min-width:821px){
 html.ll-home-refresh-active #oxy-main.ll-refresh .hero-loopik > img {
   -webkit-mask-image:radial-gradient(ellipse 69% 67% at 50% 49%,#000 47%,rgba(0,0,0,.75) 64%,transparent 94%) !important;
   mask-image:radial-gradient(ellipse 69% 67% at 50% 49%,#000 47%,rgba(0,0,0,.75) 64%,transparent 94%) !important;
 }
 html.ll-home-refresh-active #oxy-main.ll-refresh #metoda .section-top>.lead {
   transform:translateY(-36px) !important;
 }
 html.ll-home-refresh-active #oxy-main.ll-refresh #mozliwosci {
   padding:76px 0 26px !important;
 }
 html.ll-home-refresh-active #oxy-main.ll-refresh #mozliwosci .section-top {
   margin-bottom:20px !important;
 }
 html.ll-home-refresh-active #oxy-main.ll-refresh #cap-panel-2:not([hidden]) {
   min-height:470px !important;
   padding:16px 24px 16px !important;
 }
 html.ll-home-refresh-active #oxy-main.ll-refresh #cap-panel-2 .ai-guide {
   min-height:460px !important;
   height:clamp(460px,52vh,510px) !important;
 }
 html.ll-home-refresh-active #oxy-main.ll-refresh #rozmowa .ll-form-progress > span {
   display:grid !important;
   place-items:center !important;
   position:relative !important;
   top:auto !important;left:auto !important;right:auto !important;
   text-align:center !important;
   font-size:13px !important;
   line-height:1 !important;
   vertical-align:middle !important;
 }
}