
:root{--navy:#262261;--cyan:#00B8DE;--cyan-dark:#008AA8;--ink:#24262B;--muted:#6D7680;--line:#E5E7EB;--soft:#F6F7F8;--soft-cyan:#EFFAFC;--white:#fff;--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Poppins,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}h1,h2,h3,p{margin:0}h1{font-size:clamp(48px,6.2vw,78px);line-height:.96;letter-spacing:-.055em;font-weight:600;color:var(--navy)}h2{font-size:clamp(34px,4.2vw,52px);line-height:1.04;letter-spacing:-.045em;font-weight:600;color:var(--navy)}h3{font-size:23px;line-height:1.18;letter-spacing:-.025em;color:var(--navy)}p{color:var(--muted)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan-dark)}.section{padding:90px 0}.section-head{max-width:780px;margin-bottom:34px}.section-head p{font-size:14px;line-height:1.7;margin-top:13px;max-width:680px}
.previewbar{background:#11131a;color:#dfe3e8;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.previewbar .wrap{min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:16px}.previewbar b{color:#fff}.header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}.header .wrap{height:68px;display:flex;align-items:center;gap:26px}.logo{height:28px;width:auto}.header-actions{margin-left:auto;display:flex;align-items:center;gap:18px}.header-actions a{font-size:12px;color:#59636e}.header-actions a:hover{color:var(--navy)}
.btn{min-height:50px;border-radius:2px;border:1px solid transparent;padding:13px 22px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:600;cursor:pointer;transition:.16s}.btn.primary{background:var(--navy);color:#fff}.btn.primary:hover{background:#343073;transform:translateY(-1px)}.btn.secondary{background:#fff;color:var(--navy);border-color:#CFD5DC}.btn.secondary:hover{border-color:var(--cyan)}.textlink{font-size:12px;font-weight:600;color:var(--navy);border-bottom:1px solid #C8CFD7;padding-bottom:2px}.textlink:hover{border-color:var(--cyan);color:var(--cyan-dark)}
.calibration{display:flex;align-items:end;gap:6px;height:18px;width:min(330px,100%);margin-bottom:22px}.calibration i{display:block;width:1px;height:8px;background:#AAB1BA}.calibration i:nth-child(5n+1){height:14px;background:var(--navy)}.calibration i.active{width:3px;height:18px;background:var(--cyan)}
.hero{border-bottom:1px solid var(--line);background:linear-gradient(112deg,#fff 0%,#fff 58%,#F2FAFC 100%);overflow:hidden}.hero-grid{min-height:650px;display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center;padding:56px 0 62px}.hero-copy .lead{font-size:18px;line-height:1.65;max-width:620px;margin-top:22px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.hero-mini{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px}.hero-mini span{font-size:10.5px;color:var(--muted);position:relative;padding-left:12px}.hero-mini span:before{content:"";position:absolute;left:0;top:50%;width:5px;height:5px;background:var(--cyan);transform:translateY(-50%)}.hero-visual{min-height:430px;position:relative;display:flex;align-items:center;justify-content:center}.product-stage{width:100%;max-width:520px;min-height:380px;border:1px solid var(--line);background:#fff;position:relative;overflow:hidden;box-shadow:0 24px 60px rgba(38,34,97,.08)}.product-stage:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,#fff 0,#E9F8FB 48%,rgba(233,248,251,0) 72%);right:-80px;top:-20px}.asset-zone{position:absolute;inset:36px;display:grid;place-items:center;text-align:center;border:1px dashed #C6D0D8;background:rgba(255,255,255,.7);padding:30px}.asset-zone b{font-size:18px;color:var(--navy)}.asset-zone span{display:block;font-size:11px;color:var(--muted);margin-top:7px;max-width:300px}.stage-label{position:absolute;left:18px;bottom:18px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--navy);font-weight:700}
.trust{border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-item{padding:20px 24px;border-right:1px solid var(--line)}.trust-item:last-child{border-right:0}.trust-item b{font-size:13px;color:var(--navy);display:block}.trust-item span{font-size:10.5px;color:var(--muted);display:block;margin-top:3px}
.finder{background:var(--soft)}.finder-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:50px;align-items:start}.finder-intro{position:sticky;top:120px}.finder-intro p{font-size:14px;line-height:1.75;margin-top:14px}.finder-intro .calibration{margin-top:28px;margin-bottom:0}.finder-box{background:#fff;border:1px solid var(--line);padding:34px 36px;box-shadow:0 18px 48px rgba(38,34,97,.045)}.step-meta{display:flex;justify-content:space-between;gap:18px;align-items:center}.step-label{font-size:11px;color:var(--muted)}.progress{height:2px;background:#E9ECEF;margin:16px 0 32px}.progress i{display:block;height:100%;background:var(--cyan);width:33%;transition:.25s}.question h3{font-size:29px;margin-bottom:18px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:9px}.answer{text-align:left;border:1px solid var(--line);background:#fff;padding:18px 18px;cursor:pointer;min-height:94px;transition:.15s}.answer:hover,.answer.selected{border-color:var(--cyan);background:var(--soft-cyan)}.answer b{display:block;font-size:14px;color:var(--navy)}.answer span{display:block;font-size:11px;color:var(--muted);margin-top:5px;line-height:1.5}.finder-nav{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.finder-nav button{border:0;background:none;color:var(--navy);font-weight:600;cursor:pointer;padding:0}.hidden{display:none!important}
.result{margin-top:26px;border:1px solid var(--line);background:#fff}.result-top{display:grid;grid-template-columns:.84fr 1.16fr}.result-visual{min-height:390px;background:linear-gradient(145deg,#F4FBFC,#fff);position:relative;display:grid;place-items:center;padding:34px;text-align:center}.result-visual .placeholder{width:76%;height:66%;border:1px dashed #C4CFD7;background:rgba(255,255,255,.7);display:grid;place-items:center;padding:20px}.result-visual b{font-size:19px;color:var(--navy)}.result-visual span{font-size:10.5px;color:var(--muted);display:block;margin-top:6px}.result-copy{padding:38px 40px}.result-line{font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--cyan-dark);text-transform:uppercase}.result h3{font-size:39px;margin-top:8px}.why{font-size:15px;line-height:1.65;color:#4D5864;margin-top:14px}.benefits{margin:22px 0;display:grid;gap:0;border-top:1px solid var(--line)}.benefit{font-size:12.5px;color:#4F5963;border-bottom:1px solid var(--line);padding:11px 0}.price-row{display:flex;align-items:end;justify-content:space-between;gap:18px;flex-wrap:wrap;padding-top:2px}.price{font-size:24px;font-weight:700;color:var(--navy)}.price small{display:block;font-size:9.5px;font-weight:400;color:var(--muted)}.warranty{font-size:11.5px;color:var(--navy);font-weight:600}.result-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.family-note{font-size:10.5px;color:var(--muted);margin-top:13px;line-height:1.55}.alt{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;border-top:1px solid var(--line);padding:18px 22px;background:#FAFAFB}.alt b{font-size:12px;color:var(--navy)}.alt p{font-size:10.5px;margin-top:3px}.alt a{font-size:11px;font-weight:600;color:var(--navy)}
.video-proof{background:#111229;color:#fff}.video-proof h2{color:#fff}.video-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:44px;align-items:center}.video-frame{min-height:350px;cursor:pointer;border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,#1C1A43,#0A0B16);display:grid;place-items:center;text-align:center;padding:34px}.play{width:68px;height:68px;border-radius:50%;background:#fff;color:var(--navy);display:grid;place-items:center;font-size:23px;margin:auto}.video-frame b{display:block;margin-top:17px}.video-frame span{display:block;font-size:10.5px;color:rgba(255,255,255,.6);margin-top:5px}.video-copy p{color:rgba(255,255,255,.7);font-size:14px;line-height:1.75;margin-top:14px}.video-copy .calibration i{background:rgba(255,255,255,.4)}.video-copy .calibration i:nth-child(5n+1){background:#fff}.video-copy .calibration i.active{background:var(--cyan)}
.use-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.use-card{padding:26px 24px;border-right:1px solid var(--line)}.use-card:last-child{border-right:0}.use-card .no{font-size:10px;font-weight:700;color:var(--cyan-dark)}.use-card h3{font-size:20px;margin-top:22px}.use-card p{font-size:11.5px;line-height:1.6;margin-top:7px}
.lines{background:var(--soft)}.line-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.line-card{border-top:3px solid var(--navy);background:#fff;padding:26px 24px;min-height:230px}.line-card .eyebrow{color:var(--navy)}.line-card h3{margin-top:14px}.line-card p{font-size:11.5px;line-height:1.6;margin-top:8px}.line-card ul{padding-left:17px;margin:15px 0 0;color:var(--muted);font-size:11px}.line-card li+li{margin-top:5px}.line-card.cyan{border-top-color:var(--cyan)}
.postpurchase{background:#fff;border-top:1px solid var(--line)}.post-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:52px;align-items:center}.post-copy p{font-size:14px;line-height:1.75;margin-top:14px}.post-steps{display:grid;gap:0;border-top:1px solid var(--line);margin-top:24px}.post-step{display:grid;grid-template-columns:42px 1fr;gap:14px;border-bottom:1px solid var(--line);padding:13px 0}.post-step b{font-size:11px;color:var(--navy)}.post-step span{font-size:10.5px;color:var(--muted)}.qr-panel{min-height:330px;background:var(--navy);color:#fff;padding:34px;display:grid;place-items:center;text-align:center}.fakeqr{width:108px;height:108px;background:repeating-linear-gradient(45deg,#fff 0 5px,#12102D 5px 10px);border:8px solid #fff;margin:16px auto}.qr-panel b{font-size:14px}.qr-panel p{font-size:10.5px;color:rgba(255,255,255,.65);margin-top:6px}
.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--navy)}details p{font-size:11.5px;line-height:1.65;margin-top:9px;max-width:800px}.brand-proof{background:var(--soft-cyan)}.brand-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end}.brand-facts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #CFE7EC}.brand-fact{padding:20px 18px 18px 0;border-bottom:1px solid #CFE7EC}.brand-fact b{display:block;font-size:12px;color:var(--navy)}.brand-fact span{font-size:10.5px;color:var(--muted)}
.final{padding:86px 0;background:#fff}.final-box{background:var(--navy);color:#fff;padding:46px 48px;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center}.final-box h2{color:#fff}.final-box p{font-size:13px;color:rgba(255,255,255,.68);margin-top:9px;max-width:700px}footer{background:#11131A;color:#AEB5BE;padding:25px 0;font-size:10px}footer .wrap{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.toast{position:fixed;left:50%;bottom:20px;z-index:100;transform:translate(-50%,18px);opacity:0;pointer-events:none;background:#11131a;color:#fff;padding:11px 16px;font-size:10.5px;transition:.18s}.toast.on{opacity:1;transform:translate(-50%,0)}
@media(max-width:940px){.hero-grid,.finder-layout,.result-top,.video-grid,.post-grid,.brand-proof-grid,.final-box{grid-template-columns:1fr}.finder-intro{position:static}.trust-grid{grid-template-columns:1fr 1fr}.trust-item:nth-child(2){border-right:0}.trust-item{border-bottom:1px solid var(--line)}.use-grid{grid-template-columns:1fr 1fr}.use-card:nth-child(2){border-right:0}.use-card{border-bottom:1px solid var(--line)}.line-grid{grid-template-columns:1fr}.final-box{padding:36px}}
@media(max-width:620px){.wrap{width:calc(100% - 28px)}.previewbar .wrap{min-height:34px}.previewbar span:last-child{display:none}.header .wrap{height:60px}.header-actions a:not(.help){display:none}.hero-grid{min-height:auto;padding:38px 0 40px;gap:26px}h1{font-size:40px}h2{font-size:32px}.hero-copy .lead{font-size:15px}.hero-actions .btn{width:100%}.hero-mini{display:none}.product-stage{min-height:290px}.asset-zone{inset:24px}.trust-grid{grid-template-columns:1fr}.trust-item{border-right:0}.section{padding:62px 0}.finder-box{padding:23px 16px}.answers{grid-template-columns:1fr}.question h3{font-size:24px}.result-copy{padding:25px 20px}.result h3{font-size:32px}.result-visual{min-height:270px}.result-actions .btn{width:100%}.alt{grid-template-columns:1fr}.use-grid{grid-template-columns:1fr}.use-card{border-right:0}.brand-facts{grid-template-columns:1fr}.final-box{padding:28px 20px}.final-box .btn{width:100%}}


/* BOARD CANDIDATE visual pass */
.product-stage{background:linear-gradient(145deg,#fff 0%,#f7fbfc 100%);box-shadow:none}
.product-stage:before{display:none}
.hero-product-img{position:absolute;inset:26px;width:calc(100% - 52px);height:calc(100% - 52px);object-fit:contain}
.result-product-img{width:100%;height:100%;object-fit:contain;padding:28px;background:linear-gradient(145deg,#fff,#f4fafb)}
.video-frame{position:relative;overflow:hidden;cursor:pointer;padding:0;min-height:390px;background:#111229}
.video-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.72)}
.video-overlay{position:relative;z-index:2;min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:34px;text-align:center}
.video-overlay b{display:block;margin-top:17px;color:#fff}
.video-overlay span{display:block;font-size:10.5px;color:rgba(255,255,255,.72);margin-top:5px}
.use-card{padding:0 22px 24px;overflow:hidden}
.use-photo{width:calc(100% + 44px);height:180px;object-fit:cover;margin:0 -22px 22px}
.line-card{padding-top:0;overflow:hidden}
.line-product{width:100%;height:180px;object-fit:contain;background:#fff;margin-bottom:8px}
.family-note{font-size:10.5px;line-height:1.55;color:#65707a;margin-top:12px}
@media(max-width:620px){
  .hero-product-img{inset:14px;width:calc(100% - 28px);height:calc(100% - 28px)}
  .use-photo{height:150px}
  .line-product{height:160px}
  .video-frame,.video-overlay{min-height:280px}
}


/* v11.2.1 START TUTAJ photo replacement */
.qr-panel{
  padding:0 !important;
  overflow:hidden;
  background:#fff !important;
  min-height:0 !important;
  align-items:stretch !important;
  justify-content:stretch !important;
}
.qr-panel>div{display:none !important}
.start-tutaj-photo{
  display:block;
  width:100%;
  height:100%;
  min-height:520px;
  object-fit:cover;
  object-position:center;
}
@media(max-width:900px){
  .start-tutaj-photo{min-height:420px}
}
@media(max-width:620px){
  .start-tutaj-photo{min-height:300px}
}


/* v11.3 COPY LOCK */
.benefit{display:flex!important;flex-direction:column;gap:4px}
.benefit b{font-size:12px;line-height:1.3;color:var(--navy)}
.benefit span{font-size:10.5px;line-height:1.5;color:#68717d}


/* v14.2 ASSET FIX: product renders are preloaded as static DOM assets */
.asset-option{display:none!important}
.asset-option.active{display:block!important}
.heroProductStack{position:absolute;inset:0}
.heroProductStack .hero-product-img{position:absolute}
.resultProductStack{width:100%;height:100%;display:grid;place-items:center}
.resultProductStack .result-product-img{width:100%;height:100%;object-fit:contain}

.sticky-cta{display:none}@media(max-width:760px){.sticky-cta{display:block;position:fixed;left:16px;right:16px;bottom:14px;z-index:50;background:var(--navy);color:#fff;text-align:center;font-weight:600;font-size:15px;padding:16px;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.18);transform:translateY(140%);transition:transform .25s}.sticky-cta.on{transform:none}}
/* v14.3 — wybór po funkcjach */
.lines{background:var(--soft)}
.lines .line-card{display:flex;flex-direction:column;padding:0 24px 26px;overflow:hidden;min-height:0}
.line-photo{width:calc(100% + 48px);height:210px;object-fit:contain;background:linear-gradient(145deg,#F4FBFC,#fff);margin:0 -24px 22px;padding:14px}
.line-card p b{color:var(--navy)}
.line-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:20px}
.line-actions .btn{min-height:44px;padding:10px 14px;font-size:12px}
@media(max-width:940px){.lines .line-grid{grid-template-columns:1fr}}
@media(max-width:620px){.line-actions .btn{width:100%}.line-photo{height:180px}}

/* v14.4 — większe zdjęcie modelu w wyniku doboru */
.result-visual{padding:18px;align-items:center}
.resultProductStack{height:auto;align-self:center}
.resultProductStack .result-product-img{width:100%;height:auto;max-height:360px;padding:0;background:none}
@media(max-width:620px){.resultProductStack .result-product-img{max-height:240px}}
@media(min-width:941px){.result-top{grid-template-columns:1fr 1fr}.result-visual{padding:10px}}
