/* ŁUCZNIK LANDING 16.0 — wygląd według identyfikacji „Tradycja napędza precyzję”
   Biel jako baza · granat #262261 prowadzi · cyan #00B8DE jako jeden punkt · Poppins Regular/SemiBold · podziałka */
:root{--navy:#262261;--cyan:#00B8DE;--ink:#262261;--text:#59616c;--muted:#7a818b;--line:#E5E7EB;--soft:#F5F6F7;--soft-cyan:#F5F6F7}
body{color:var(--text);background:#fff}
p{color:var(--text)}
h1,h2,h3{color:var(--navy);font-weight:600}
h1{font-size:clamp(46px,5.2vw,74px);line-height:1.02;letter-spacing:-.03em}
h2{font-size:clamp(32px,3.6vw,48px);line-height:1.08;letter-spacing:-.025em}
h3{letter-spacing:-.015em}

/* podpisy sekcji: „02 / CO CHCESZ USZYĆ?” — szary, rozstrzelony; numer w granacie */
.eyebrow{color:#6b727c;font-weight:500;font-size:11px;letter-spacing:.18em}
.eyebrow .no{color:var(--navy);font-weight:600;margin-right:2px}
.section-head{max-width:820px}

/* nagłówek strony */
.header{background:#fff;border-bottom:1px solid var(--line)}
.head-link{font-weight:500}

/* HERO: biel, bez gradientów */
.hero{background:#fff}
.hero-copy .lead{color:var(--text)}

/* PODZIAŁKA — regularne kreski, jeden cyanowy wskaźnik */
.scale{position:relative;height:22px;width:min(320px,100%);margin:26px 0 0}
.scale .ticks{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:flex-end}
.scale .ticks i{display:block;width:1.5px;height:10px;background:var(--navy);opacity:.9}
.scale .ind{position:absolute;bottom:0;width:3px;height:22px;background:var(--cyan);transform:translateX(-1px);transition:left .7s cubic-bezier(.2,.8,.2,1)}
.scale.sm{height:16px;width:180px;margin:0}
.scale.sm .ticks i{height:7px}
.scale.sm .ind{height:16px}
.scale.light .ticks i{background:#fff;opacity:.55}
@media(prefers-reduced-motion:reduce){.scale .ind{transition:none}}
/* stary pasek postępu zastępujemy podziałką */
.progress{display:none}
.step-scale{width:100%;max-width:none;margin:14px 0 4px}
.calibration{display:none}

/* przyciski: granat, prosto */
.btn{border-radius:2px;font-weight:600}
.btn.primary{background:var(--navy)}
.btn.secondary,.btn.ghost{background:#fff;color:var(--navy);border:1px solid var(--navy)}
.btn.secondary:hover,.btn.ghost:hover{background:var(--soft)}
.textlink{color:var(--navy);border-bottom:1px solid var(--navy)}
.textlink:hover{color:var(--navy);border-bottom-color:var(--cyan)}

/* „Co chcesz uszyć?” w hero — kafle z cienką linią u góry jak kolumny w identyfikacji */
.need-chip{border:1px solid var(--line);border-top:2px solid var(--navy);border-radius:0;background:#fff}
.need-chip:hover{background:#fff;border-color:var(--line);border-top-color:var(--cyan)}
.need-chip:after{color:var(--navy)}

/* pas zaufania */
.trust{border-color:var(--line)}
.trust-item{border-top:2px solid var(--navy)}
.trust-item b{color:var(--navy);font-weight:600}

/* odpowiedzi w doborach */
.answer{border:1px solid var(--line);border-radius:0;background:#fff;transition:border-color .15s}
.answer:hover{border-color:var(--navy)}
.answer.selected{border-color:var(--navy);box-shadow:inset 3px 0 0 var(--cyan)}
.answer b{color:var(--navy);font-weight:600}
.finder{background:var(--soft)}
.finder-box,.pw-box{border:0;border-top:2px solid var(--navy);box-shadow:none;border-radius:0}
.step-label,#pwStep{color:var(--muted)}
.result{border:1px solid var(--line);border-top:2px solid var(--navy)}
.result-line,.pw-copy .result-line{color:#6b727c;letter-spacing:.16em;font-weight:500}
.result-visual,.pw-img{background:var(--soft)}
.benefits{border-top:1px solid var(--line)}
.alt{background:var(--soft)}

/* porównanie modeli: kolumny z linią u góry; cyan tylko jako wskaźnik przy START */
.compare{background:#fff}
.m-col{border-top:2px solid var(--navy);box-shadow:none!important;background:#fff;position:relative;padding-left:0;padding-right:0}
.m-col.start,.m-col.creative,.m-col.master{border-top-color:var(--navy)}
.m-col.start:before{content:"";position:absolute;left:0;top:-8px;width:3px;height:14px;background:var(--cyan)}
.m-label{color:#6b727c;font-weight:500;letter-spacing:.14em}
.m-col.creative .m-label,.m-col.master .m-label{color:#6b727c}
.m-img{background:var(--soft);padding:10px}
.m-col ul{color:var(--text)}
.m-col .m-actions .btn{border-color:var(--navy)}
.m-note{color:var(--muted)}

/* efekty */
.effects{background:#fff}
.fx h3{font-weight:600}

/* Z BLISKA — jasne tło zamiast ciemnego */
.closeup{background:var(--soft)}
.closeup h2{color:var(--navy)}.closeup .section-head p{color:var(--text)}.closeup .eyebrow{color:#6b727c}

/* pudełko i kroki */
.steps{border-top:2px solid var(--navy)}
.steps li:before{color:var(--navy)}
.steps li:first-child:before{color:var(--cyan)}

/* opinie */
.reviews{background:var(--soft)}
.rv-list blockquote{border-top:2px solid var(--navy);font-weight:500}

/* pytania */
.faq-list details{border-color:var(--line)}
.faq-list summary{color:var(--navy);font-weight:500}

/* zakończenie: granat prowadzi */
.final-box{background:var(--navy);border-radius:0}
.final-box h2{color:#fff}
.final-box p{color:#c9cbe0}
.final .eyebrow{color:#c9cbe0!important}

/* stopka z warstwą historii */
footer{background:#fff;color:var(--muted);border-top:1px solid var(--line)}
footer span{color:var(--muted)}

/* OPISY BRAKUJĄCYCH ZDJĘĆ — warstwa robocza: neutralna szarość, żeby cyan został jedynym akcentem marki */
.brief,.hero-frame{border:1.5px dashed #b8bec6;background:repeating-linear-gradient(135deg,#F7F8F9 0 14px,#F1F3F5 14px 28px)}
.brief-head b{background:var(--navy);color:#fff}
.brief-tag{color:#6b727c}
.brief-more summary{color:var(--navy)}
.closeup .brief{background:repeating-linear-gradient(135deg,#F7F8F9 0 14px,#EEF0F2 14px 28px);border-color:#b8bec6;color:var(--text)}
.closeup .brief-title,.closeup .brief dt{color:var(--navy)}
.closeup .brief-head b{background:var(--navy);color:#fff}
.closeup .brief-rule{background:#FFF7ED;color:#9a3412}
.product-slot-label{color:var(--navy);border:1px solid var(--line)}
.m-miss{color:#6b727c}
.chip.on{background:var(--navy);border-color:var(--navy)}

/* pasek wersji */
.previewbar{background:#1b1d24}
.previewbar a{color:#9fe6f5}

.hero-brief{border:1px solid var(--line)}
.color-brief{border-color:#b8bec6}