/* ============================================================
   VIAM — Quiet Luxury Design System
   ============================================================ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}
:root{
  --gold:#A8803F;--gold-l:#C9A86E;
  --charcoal:#1A1714;--charcoal-mid:#2C2620;--footer:#0D0B09;
  --cream:#F7F4ED;--ecru:#F0EBE0;--parchment:#E2D8C2;
  --wg:#5E5347;--wgl:#9E9384;
  --green:#3FB873;--red:200,40,40;
  --ease:cubic-bezier(.16,1,.3,1);
}
html{scroll-behavior:smooth}
html,body{cursor:auto}
body{font-family:'Hanken Grotesk',sans-serif;font-size:17px;line-height:1.7;background:var(--cream);color:var(--charcoal);overflow-x:hidden}
::selection{background:rgba(168,128,63,.3)}
#cur-dot,#cur-ring{display:none}
body::after{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:9980}

h1,h2,h3{font-family:'Fraunces',serif;font-optical-sizing:auto}
h1{font-weight:600;text-transform:uppercase;letter-spacing:.08em}
h2{font-weight:500;letter-spacing:-.01em;line-height:1.15}
.wrap{max-width:1280px;margin:0 auto;padding:0 clamp(1.2rem,4vw,3rem)}

.section-label{display:inline-flex;align-items:center;gap:.85rem;font-family:'Hanken Grotesk',sans-serif;font-size:11px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;border:none;border-radius:0;padding:0;color:var(--gold)}.section-label::before{content:"";display:inline-block;width:30px;height:1px;background:var(--gold);opacity:.85;flex:0 0 auto}
.star{display:inline-block;width:9px;height:9px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c1 7 5 11 12 12-7 1-11 5-12 12-1-7-5-11-12-12C7 11 11 7 12 0z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c1 7 5 11 12 12-7 1-11 5-12 12-1-7-5-11-12-12C7 11 11 7 12 0z'/%3E%3C/svg%3E") center/contain no-repeat}
.gold-line{width:52px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:1.6rem 0}
.gold-rule{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(168,128,63,.25),transparent)}

.btn-gold{display:inline-flex;align-items:center;justify-content:center;font-family:'Hanken Grotesk',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.4em;text-transform:uppercase;text-decoration:none;color:var(--charcoal);background:linear-gradient(90deg,var(--gold),var(--gold-l),var(--gold));background-size:200% 100%;border:none;border-radius:6px;padding:1.15rem 2.6rem 1.15rem 3rem;transition:background-position .5s var(--ease),transform .35s var(--ease),box-shadow .35s var(--ease)}
.btn-gold:hover{background-position:100% 0;transform:translateY(-2px);box-shadow:0 14px 34px rgba(168,128,63,.3)}
.btn-outline-gold{display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--gold);background:transparent;border:1px solid var(--gold);border-radius:6px;padding:1.1rem 2.4rem;transition:.35s var(--ease)}
.btn-outline-gold:hover{background:var(--gold);color:var(--charcoal)}

/* cursor / progress / preloader */
#cur-dot{position:fixed;width:5px;height:5px;border-radius:50%;background:var(--gold);z-index:9999;pointer-events:none;transform:translate(-50%,-50%)}
#cur-ring{position:fixed;width:34px;height:34px;border-radius:50%;border:1px solid rgba(168,128,63,.6);z-index:9999;pointer-events:none;transform:translate(-50%,-50%);transition:width .3s,height .3s,border-color .3s}
#cur-ring.on{width:56px;height:56px;border-color:var(--gold)}
@media(hover:none){#cur-dot,#cur-ring{display:none}}
#sprog{position:fixed;top:0;left:0;height:1px;width:0;background:linear-gradient(90deg,var(--gold),var(--gold-l));z-index:9995}
#pre{position:fixed;inset:0;z-index:10000;background:var(--charcoal);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6rem;transition:transform .5s var(--ease)}
#pre.done{transform:translateY(-100%)}
#pre .lg{font-family:'Fraunces',serif;font-weight:600;text-transform:uppercase;letter-spacing:.34em;font-size:clamp(2rem,6vw,3.6rem);color:var(--cream);overflow:hidden;display:flex}
#pre .lg i{font-style:normal;display:inline-block;transform:translateY(120%);animation:preUp .8s var(--ease) forwards}
#pre .lg i:nth-child(2){animation-delay:.07s}#pre .lg i:nth-child(3){animation-delay:.14s}#pre .lg i:nth-child(4){animation-delay:.21s}#pre .lg i:nth-child(5){animation-delay:.28s}
#pre .lg b{color:var(--gold-l);font-weight:600}
@keyframes preUp{to{transform:translateY(0)}}
#pre .bar{width:min(220px,50vw);height:1px;background:rgba(168,128,63,.2);overflow:hidden}
#pre .bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--gold),var(--gold-l));transform:scaleX(0);transform-origin:left;animation:preBar 1.4s var(--ease) .3s forwards}
@keyframes preBar{to{transform:scaleX(1)}}
#pre .sub{font-size:9px;font-weight:700;letter-spacing:.45em;text-transform:uppercase;color:var(--wgl);opacity:0;animation:preFade .6s ease .6s forwards}
@keyframes preFade{to{opacity:1}}

/* reveal */
.rv{opacity:0;transform:translateY(30px);transition:opacity .85s var(--ease),transform .85s var(--ease)}
.rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:.1s}.rv.d2{transition-delay:.2s}.rv.d3{transition-delay:.3s}

.bg-dots{background-image:radial-gradient(rgba(168,128,63,.12) 1px,transparent 1px);background-size:34px 34px}
.bg-dots-light{background-image:radial-gradient(rgba(168,128,63,.14) 1px,transparent 1px);background-size:34px 34px}

/* photo-section: zdjęcie marketingowe w tle */
.photo-bg{position:relative;overflow:hidden}
.photo-bg .pbg{position:absolute;inset:0;z-index:0}
.photo-bg .pbg img{width:100%;height:115%;object-fit:cover;filter:grayscale(.6);opacity:.22;will-change:transform}
.photo-bg .pbg::after{content:'';position:absolute;inset:0}
.photo-bg.dark .pbg::after{background:linear-gradient(180deg,var(--charcoal) 0%,rgba(26,23,20,.72) 45%,var(--charcoal) 100%)}
.photo-bg.light .pbg img{opacity:.12}
.photo-bg.light .pbg::after{background:linear-gradient(180deg,var(--ecru) 0%,rgba(245,240,232,.82) 45%,var(--ecru) 100%)}
.photo-bg>.wrap{position:relative;z-index:1}

/* NAV + MEGA MENU */
nav.viam-nav{position:fixed;top:0;left:0;right:0;z-index:900;transition:.4s var(--ease)}
nav.viam-nav.scrolled,nav.viam-nav.solid{background:rgba(26,23,20,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(168,128,63,.12)}
.nav-in{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:1.15rem clamp(1.2rem,4vw,3rem)}
.logo{font-family:'Fraunces',serif;font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:1.3rem;color:var(--cream);text-decoration:none}
.logo i{font-style:normal;color:var(--gold)}
.nav-links{display:flex;gap:1.9rem;align-items:center}
.nav-links>a,.nav-links>button{font-family:'Hanken Grotesk',sans-serif;font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--wgl);text-decoration:none;transition:.3s;background:none;border:none;display:inline-flex;align-items:center;gap:.45rem}
.nav-links>a:hover,.nav-links>button:hover{color:var(--gold-l)}
.nav-links .car{font-size:.6rem;transition:.3s}
.nav-links button.open .car{transform:rotate(180deg)}
.nav-cta{display:flex;align-items:center;gap:1rem}
#burger{display:none;background:none;border:none;width:36px;height:28px;position:relative}
#burger i{position:absolute;left:4px;right:4px;height:1px;background:var(--gold);transition:.3s}
#burger i:nth-child(1){top:8px}#burger i:nth-child(2){top:14px}#burger i:nth-child(3){top:20px}
@media(max-width:1020px){.nav-links{display:none}#burger{display:block}}

/* mega panel */
#mega{position:fixed;top:0;left:0;right:0;z-index:880;background:rgba(26,23,20,.97);backdrop-filter:blur(22px);border-bottom:1px solid rgba(168,128,63,.2);padding:5.5rem 0 2.4rem;transform:translateY(-102%);transition:transform .6s var(--ease);max-height:100vh;overflow-y:auto}
#mega.open{transform:none}
#mega .mg{max-width:1280px;margin:0 auto;padding:0 clamp(1.2rem,4vw,3rem);display:grid;grid-template-columns:1fr 3.2fr;gap:48px}
#mega .intro h3{font-size:1.5rem;color:var(--cream)}
#mega .intro h3 em{font-style:italic;color:var(--gold-l)}
#mega .intro p{font-size:.88rem;color:var(--wgl);margin-top:.8rem;max-width:22rem}
#mega .intro .btn-outline-gold{margin-top:1.6rem;padding:.85rem 1.8rem;font-size:.64rem}
#mega .links{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
#mega .ml{display:flex;flex-direction:column;gap:.15rem;padding:1.1rem 1.3rem;border-radius:1.1rem;text-decoration:none;border:1px solid transparent;transition:.3s var(--ease)}
#mega .ml:hover{background:rgba(168,128,63,.08);border-color:rgba(168,128,63,.25);transform:translateY(-2px)}
#mega .ml b{font-family:'Fraunces',serif;font-weight:500;font-size:1.05rem;color:var(--cream)}
#mega .ml span{font-size:.78rem;color:var(--wgl)}
#mega .ml.vip{background:linear-gradient(140deg,rgba(168,128,63,.14),transparent);border-color:rgba(168,128,63,.3);grid-column:1/-1}
#mega .ml.vip b{color:var(--gold-l)}
#mega-ov{position:fixed;inset:0;z-index:870;background:rgba(13,11,9,.5);opacity:0;pointer-events:none;transition:.4s}
#mega-ov.open{opacity:1;pointer-events:auto}
@media(max-width:1020px){#mega{display:none}}

/* mobile nav */
#mnav{position:fixed;inset:0;z-index:960;background:var(--charcoal);display:flex;flex-direction:column;justify-content:flex-start;padding:0 2.2rem;gap:1rem;transform:translateY(-100%);transition:transform .6s var(--ease);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
#mnav.open{transform:none}
#mnav a{font-family:'Fraunces',serif;font-size:1.45rem;color:var(--cream);text-decoration:none}
#mnav a:hover{color:var(--gold-l)}
#mnav .grp{font-size:9px;font-weight:700;letter-spacing:.45em;text-transform:uppercase;color:var(--gold);margin-top:.8rem}

/* CARDS */
.card-dark{background:var(--charcoal);border:1px solid rgba(168,128,63,.12);border-top:1px solid rgba(168,128,63,.25);border-radius:1.5rem;padding:2.2rem 1.9rem;position:relative;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.card-dark:hover{transform:translateY(-4px);box-shadow:0 24px 50px rgba(0,0,0,.35)}
.card-dark .step-num{position:absolute;top:-1.4rem;right:.6rem;font-family:'Fraunces',serif;font-weight:700;font-size:8rem;line-height:1;color:var(--cream);opacity:.06;pointer-events:none}
.card-dark h3{font-size:1.25rem;color:var(--cream);margin-bottom:.6rem}
.card-dark p{font-size:.92rem;color:var(--wgl)}
.card-gold{background:linear-gradient(160deg,rgba(168,128,63,.12),var(--charcoal));border:1px solid rgba(168,128,63,.2);border-top:1px solid rgba(168,128,63,.5);border-radius:1.5rem;padding:2.6rem 2.2rem}
.card-red{background:linear-gradient(160deg,rgba(var(--red),.18),#0A0202);border:1px solid rgba(var(--red),.18);border-top:1px solid rgba(var(--red),.35);border-radius:1.5rem;padding:2.6rem 2.2rem}
.card-light{background:rgba(255,255,255,.72);backdrop-filter:blur(10px);border:1px solid rgba(168,128,63,.12);border-radius:1.5rem;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.card-light:hover{transform:translateY(-4px);box-shadow:0 26px 56px rgba(26,23,20,.1)}
.card-ecru{background:#fff;border:1px solid var(--parchment);border-radius:1.5rem;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.card-ecru:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(26,23,20,.08)}
.result-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(74,222,128,.07);border:1px solid rgba(74,222,128,.2);border-radius:6px;padding:.45rem 1rem;font-size:.74rem;font-weight:600;color:#15803D}
.proof-strip{display:inline-flex;align-items:center;gap:1rem;border:1px solid rgba(168,128,63,.12);border-radius:6px;padding:.7rem 1.5rem;font-size:.74rem;color:var(--wgl)}
.proof-strip b{color:var(--gold-l);font-weight:600}
.proof-strip .sep{width:1px;height:14px;background:rgba(168,128,63,.25)}

/* deco-cross */
.deco-cross{position:absolute;width:60px;height:60px;opacity:.35;pointer-events:none}
.deco-cross::before,.deco-cross::after{content:'';position:absolute;background:var(--gold)}
.deco-cross::before{width:1px;height:60px;left:30px}
.deco-cross::after{width:60px;height:1px;top:30px}

/* floating stars */
.fstar{position:absolute;color:var(--gold);opacity:.3;pointer-events:none;animation:floaty 7s ease-in-out infinite}
.fstar .star{width:14px;height:14px}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}

/* FAQ — animowane */
.qa{border:1px solid var(--parchment);border-radius:1.1rem;margin-bottom:.8rem;background:#fff;overflow:hidden;transition:border-color .35s,box-shadow .35s}
.qa[open]{border-color:rgba(168,128,63,.5);box-shadow:0 14px 34px rgba(26,23,20,.07)}
.qa summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;font-weight:600;font-size:.97rem;transition:.3s}
.qa summary::-webkit-details-marker{display:none}
.qa summary:hover{color:var(--gold)}
.qa summary .pl{flex:0 0 auto;width:30px;height:30px;border:1px solid var(--parchment);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-style:normal;transition:.4s var(--ease)}
.qa[open] summary .pl{transform:rotate(45deg);background:var(--gold);border-color:var(--gold);color:var(--charcoal)}
.qa .a{padding:0 1.5rem;font-size:.9rem;color:var(--wg);max-height:0;opacity:0;transition:max-height .5s var(--ease),opacity .4s,padding .4s}
.qa[open] .a{max-height:300px;opacity:1;padding:0 1.5rem 1.3rem}
.qa.on-dark{background:var(--charcoal-mid);border-color:rgba(168,128,63,.15)}
.qa.on-dark summary{color:var(--cream)}
.qa.on-dark .a{color:var(--wgl)}

/* marquee */
.marq{overflow:hidden;padding:1.2rem 0}
.marq .track{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.1rem 2.4rem;white-space:normal;width:auto;animation:none}
.marq span{font-size:.68rem;font-weight:700;letter-spacing:.4em;text-transform:uppercase;color:var(--wg)}
.marq .star{width:9px;height:9px;background:var(--gold);margin-bottom:-1px}
@keyframes mq{to{transform:translateX(-50%)}}

/* FOOTER */
footer.viam-footer{background:var(--footer);color:#B6AA98;padding:4.5rem 0 2rem}
footer.viam-footer .logo{font-size:1.2rem}
.f-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2.5rem;padding-bottom:2.6rem}
footer.viam-footer a{color:#CDBFAB;text-decoration:none;font-size:.85rem;transition:.3s}
footer.viam-footer a:hover{color:var(--gold-l)}
.f-col{display:flex;flex-direction:column;gap:.5rem}
.f-col h4{font-size:9px;font-weight:700;letter-spacing:.45em;text-transform:uppercase;color:var(--gold);margin-bottom:.5rem}
.f-col p{font-size:.85rem}
.f-cta{margin-top:1.2rem}
.f-bottom{padding-top:1.6rem;font-size:.72rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem}
@media(max-width:880px){.f-grid{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.f-grid{grid-template-columns:1fr}}

/* ===== SUBPAGE LAYOUT ===== */
.sub-hero{background:var(--charcoal);color:var(--cream);padding:11rem 0 7rem;position:relative;overflow:hidden}
.sub-hero .pbg{position:absolute;inset:0}
.sub-hero .pbg img{width:100%;height:100%;object-fit:cover;filter:grayscale(.6);opacity:.25}
.sub-hero .pbg::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,var(--charcoal) 22%,rgba(26,23,20,.6) 65%,rgba(26,23,20,.9))}
.sub-hero .wrap{position:relative;z-index:1}
.sub-hero h1{font-size:clamp(1.9rem,4.2vw,3.3rem);line-height:1.18;margin-top:2rem;max-width:22ch;color:var(--cream)}
.sub-hero h1 em{font-style:italic;font-weight:400;text-transform:none;letter-spacing:0;color:var(--gold-l)}
.sub-hero p.lead{margin:1.6rem 0 2.4rem;max-width:32rem;color:var(--wgl)}
.crumb{font-size:.66rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--wgl);margin-bottom:1.4rem;display:block}
.crumb a{color:var(--gold-l);text-decoration:none}

.sec-pad{padding:128px 0}
.sec-ecru{background:var(--ecru)}
.sec-cream{background:var(--cream)}
.sec-dark{background:var(--charcoal);color:var(--cream)}
.head-c{max-width:46rem;margin:0 auto 4rem}
section>.head-c{padding-left:clamp(1.2rem,4vw,3rem);padding-right:clamp(1.2rem,4vw,3rem)}
.head-c h2{font-size:clamp(1.9rem,3.6vw,2.9rem);margin-top:1.6rem}
.sec-dark .head-c h2{color:var(--cream)}
.head-c h2 em{font-style:italic;color:var(--gold)}
.sec-dark .head-c h2 em{color:var(--gold-l)}
.head-c p{color:var(--wg);margin-top:1.2rem}
.sec-dark .head-c p{color:var(--wgl)}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
@media(max-width:960px){.grid-3,.grid-4{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr;gap:3rem}}
.feat{background:#fff;border:1px solid var(--parchment);border-radius:1.5rem;padding:2.1rem 1.9rem;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.feat:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(26,23,20,.08)}
.feat .fl{font-size:9px;font-weight:700;letter-spacing:.45em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:1rem}
.feat h3{font-size:1.2rem;margin-bottom:.5rem}
.feat p{font-size:.9rem;color:var(--wg)}
.cta-band{background:var(--charcoal);color:var(--cream);padding:96px 0;position:relative;overflow:hidden;text-align:center}
.cta-band h2{font-size:clamp(2rem,4vw,3.2rem);color:var(--cream)}
.cta-band h2 em{font-style:italic;color:var(--gold-l)}
.cta-band p{color:var(--wgl);margin:1.2rem auto 2.4rem;max-width:32rem}
.imgbox{border-radius:1.5rem;overflow:hidden;box-shadow:0 30px 70px rgba(26,23,20,.16);position:relative}
.imgbox img{width:100%;height:100%;object-fit:cover;display:block}
.list-gold{list-style:none;display:flex;flex-direction:column;gap:.9rem;margin-top:1.6rem}
.list-gold li{display:flex;gap:.9rem;font-size:.95rem;color:var(--wg);align-items:start}
.sec-dark .list-gold li{color:var(--wgl)}
.list-gold li .star{flex:0 0 auto;width:11px;height:11px;background:var(--gold);margin-top:.45rem}

/* ===== LEJEK: sticky CTA bar ===== */
#stickycta{position:fixed;left:0;right:0;bottom:0;z-index:950;background:rgba(26,23,20,.96);backdrop-filter:blur(16px);border-top:1px solid rgba(168,128,63,.3);padding:.9rem clamp(1rem,4vw,3rem);display:flex;align-items:center;justify-content:center;gap:1.4rem;transform:translateY(110%);transition:transform .6s var(--ease)}
#stickycta.on{transform:none}
#stickycta .tx{font-size:.8rem;color:var(--cream)}
#stickycta .tx b{color:var(--gold-l);font-weight:600}
#stickycta .urg{display:inline-flex;align-items:center;gap:.5rem;font-size:.62rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-l)}
#stickycta .urg::before{content:'';width:10px;height:10px;flex:0 0 auto;background:var(--green);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c1 7 5 11 12 12-7 1-11 5-12 12-1-7-5-11-12-12C7 11 11 7 12 0z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c1 7 5 11 12 12-7 1-11 5-12 12-1-7-5-11-12-12C7 11 11 7 12 0z'/%3E%3C/svg%3E") center/contain no-repeat;animation:pulse-dot 1.8s infinite}
@keyframes pulse-dot{0%,100%{opacity:1}50%{opacity:.3}}
#stickycta .btn-gold{padding:.8rem 1.8rem;font-size:.62rem;letter-spacing:.26em}
#stickycta .x{background:none;border:none;color:var(--wgl);font-size:1rem;padding:.4rem}
@media(max-width:700px){#stickycta .tx{display:none}}

/* ===== LEJEK: gwarancja / risk reversal ===== */
.guarantee{background:var(--ecru);border-top:1px solid var(--parchment);border-bottom:1px solid var(--parchment);padding:3.4rem 0}
.guarantee .in{display:grid;grid-template-columns:auto 1fr auto;gap:2.4rem;align-items:center}
.guarantee .seal{width:96px;height:96px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;position:relative;flex:0 0 auto}
.guarantee .seal::before{content:'';position:absolute;inset:7px;border:1px solid rgba(168,128,63,.4);border-radius:50%}
@keyframes spin-slow{to{transform:rotate(360deg)}}
.guarantee .seal b{font-family:'Fraunces',serif;font-style:italic;font-size:1.5rem;color:var(--gold)}
.guarantee h3{font-size:1.5rem;margin-bottom:.4rem}
.guarantee h3 em{font-style:italic;color:var(--gold)}
.guarantee p{font-size:.92rem;color:var(--wg);max-width:42rem}
@media(max-width:880px){.guarantee .in{grid-template-columns:1fr;text-align:center;justify-items:center}}

/* ===== LEJEK: lead magnet ===== */
.leadmag{background:var(--charcoal);color:var(--cream);padding:96px 0;position:relative;overflow:hidden}
.leadmag::before{content:'';position:absolute;width:46vw;height:46vw;border-radius:50%;background:radial-gradient(circle,rgba(168,128,63,.16),transparent 62%);right:-12%;top:-40%}
.leadmag .in{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;position:relative;z-index:1}
.leadmag h2{font-size:clamp(1.8rem,3.4vw,2.7rem);color:var(--cream)}
.leadmag h2 em{font-style:italic;color:var(--gold-l)}
.leadmag p{color:var(--wgl);margin-top:1rem;max-width:30rem}
.leadmag ul{list-style:none;margin-top:1.4rem;display:flex;flex-direction:column;gap:.6rem}
.leadmag li{display:flex;gap:.8rem;font-size:.9rem;color:var(--wgl)}
.leadmag li .star{width:10px;height:10px;background:var(--gold-l);margin-top:.5rem;flex:0 0 auto}
.lm-form{background:var(--charcoal-mid);border:1px solid rgba(168,128,63,.15);border-top:1px solid rgba(168,128,63,.4);border-radius:1.5rem;padding:2.2rem}
.lm-form .t{font-family:'Fraunces',serif;font-size:1.25rem;color:var(--cream);margin-bottom:1.2rem}
.lm-form input{width:100%;background:var(--charcoal);border:1px solid rgba(168,128,63,.18);border-radius:.75rem;padding:.95rem 1.1rem;font-family:'Hanken Grotesk',sans-serif;font-size:.94rem;color:var(--cream);outline:none;margin-bottom:1rem}
.lm-form input:focus{border-color:var(--gold)}
.lm-form input[type=checkbox]{width:1.05rem;min-width:1.05rem;height:1.05rem;flex:0 0 1.05rem;padding:0;margin:.2rem 0 0;border-radius:.2rem;-webkit-appearance:auto;appearance:auto;accent-color:var(--gold)}
.lm-form .viam-form label{max-width:100%}
.lm-form .viam-form label span{min-width:0;overflow-wrap:anywhere}
.res-wrap{max-width:720px;margin:0 auto}
.res-funnel{background:var(--charcoal-mid);border:1px solid rgba(201,168,110,.22);border-radius:18px;padding:1.8rem 1.9rem}
.res-funnel .rf-h{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.4rem;flex-wrap:wrap}
.res-funnel .rf-h .t{font-family:'Fraunces',serif;font-size:1.28rem;color:var(--cream)}
.rf-chip{font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.35rem .7rem;border-radius:6px;color:#0c3d24;background:#43B877;font-family:'Hanken Grotesk',sans-serif}
.rf-rows{display:flex;flex-direction:column;gap:.8rem}
.rf-row{display:grid;grid-template-columns:9rem 1fr auto;align-items:center;gap:1rem}
.rf-row .lab{font-size:.9rem;color:var(--cream)}
.rf-track{height:2.4rem;background:rgba(255,255,255,.04);border-radius:8px;overflow:hidden}
.rf-fill{height:100%;border-radius:8px;background:linear-gradient(90deg,#2E9A5E,#43B877)}
.rf-num{font-family:'Fraunces',serif;font-weight:600;font-size:1.45rem;color:#43B877;min-width:3rem;text-align:right}
.rf-roi{margin-top:1.5rem;display:flex;align-items:center;gap:1rem;background:rgba(67,184,119,.1);border:1px solid rgba(67,184,119,.35);border-radius:12px;padding:1rem 1.3rem}
.rf-roi .big{font-family:'Fraunces',serif;font-weight:600;font-size:2.4rem;color:#43B877;line-height:1}
.rf-roi .lbl{font-size:.9rem;color:var(--cream)}
.rf-roi .lbl b{color:#43B877}
.rf-note{font-size:.72rem;color:var(--wgl);margin-top:1rem;text-align:center}
.res-funnel.meta{border-top:2px solid #1877F2}
.res-funnel.meta .rf-chip{color:#fff;background:#1877F2}
.res-funnel.meta .rf-fill{background:linear-gradient(90deg,#1877F2,#4a95f5)}
.res-funnel.meta .rf-num{color:#4a95f5}
.res-funnel.meta .rf-roi{background:rgba(24,120,242,.1);border-color:rgba(24,120,242,.4)}
.res-funnel.meta .rf-roi .big{color:#4a95f5}
.res-funnel.meta .rf-roi .lbl b{color:#4a95f5}
@media(max-width:620px){.rf-row{grid-template-columns:6.5rem 1fr auto}}
.lm-form .btn-gold{width:100%}
.lm-form .g{font-size:.68rem;color:var(--wg);margin-top:.9rem;text-align:center}
@media(max-width:880px){.leadmag .in{grid-template-columns:1fr;gap:2.4rem}}

/* ===== LEJEK: porównanie ===== */
.compare{padding:128px 0;background:var(--cream)}
.cmp-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;margin-top:3.4rem}
.cmp{border-radius:1.5rem;padding:2.6rem 2.2rem}
.cmp.them{background:#fff;border:1px solid var(--parchment)}
.cmp.us{background:var(--charcoal);border-top:1px solid rgba(168,128,63,.5);box-shadow:0 30px 70px rgba(26,23,20,.2)}
.cmp h3{font-size:1.35rem;margin-bottom:1.4rem}
.cmp.us h3{color:var(--gold-l)}
.cmp ul{list-style:none;display:flex;flex-direction:column;gap:.9rem}
.cmp li{display:flex;gap:.9rem;font-size:.92rem;align-items:start}
.cmp.them li{color:var(--wg)}
.cmp.them li i{font-style:normal;color:rgba(200,40,40,.8);flex:0 0 auto}
.cmp.us li{color:var(--wgl)}
.cmp.us li i{font-style:normal;color:var(--gold-l);flex:0 0 auto}
@media(max-width:880px){.cmp-grid{grid-template-columns:1fr}}

/* ===== LEJEK: urgency note ===== */
.urgency{display:inline-flex;align-items:center;gap:.7rem;background:rgba(74,222,128,.07);border:1px solid rgba(74,222,128,.25);border-radius:6px;padding:.6rem 1.3rem;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#3FB873;margin-top:1.4rem}
.urgency::before{content:'';width:11px;height:11px;flex:0 0 auto;background:var(--green);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c1 7 5 11 12 12-7 1-11 5-12 12-1-7-5-11-12-12C7 11 11 7 12 0z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c1 7 5 11 12 12-7 1-11 5-12 12-1-7-5-11-12-12C7 11 11 7 12 0z'/%3E%3C/svg%3E") center/contain no-repeat;animation:pulse-dot 1.8s infinite}

/* ===== MEGA MENU v2 — grupy ===== */
#mega .links{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem .4rem;align-items:start}
#mega .grp-h{grid-column:auto;font-size:9px;font-weight:700;letter-spacing:.4em;text-transform:uppercase;color:var(--gold);padding:0 1rem;margin-bottom:.4rem}
#mega .col{display:flex;flex-direction:column;gap:.1rem}
#mega .ml{padding:.62rem 1rem;border-radius:.8rem}
#mega .ml b{font-size:.92rem}
#mega .ml span{font-size:.72rem}
#mega .ml.vip{margin-top:1.2rem;padding:1rem 1.3rem}
@media(max-width:1200px){#mega .links{grid-template-columns:repeat(2,1fr)}}

/* ============================================================
   PROTOKÓŁ — sekcje dowodowe (case study, proof, opinia, proces, formularz)
   ============================================================ */
/* staty / liczby */
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-top:2.4rem}
@media(max-width:760px){.stat-row{grid-template-columns:1fr 1fr}}
.stat{text-align:center;padding:1.6rem 1rem;border:1px solid rgba(168,128,63,.16);border-radius:1.2rem;background:rgba(255,255,255,.5)}
.sec-dark .stat{background:rgba(168,128,63,.05);border-color:rgba(168,128,63,.18)}
.stat b{display:block;font-family:'Fraunces',serif;font-weight:600;font-size:clamp(1.9rem,4vw,2.7rem);color:var(--gold);line-height:1}
.sec-dark .stat b{color:var(--gold-l)}
.stat span{display:block;font-size:.74rem;letter-spacing:.04em;color:var(--wg);margin-top:.55rem}
.sec-dark .stat span{color:var(--wgl)}

/* case study */
.cs-card{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:1.5rem;overflow:hidden;border:1px solid rgba(168,128,63,.18)}
@media(max-width:860px){.cs-card{grid-template-columns:1fr}}
.cs-card .cs-img{position:relative;min-height:340px;overflow:hidden}
.cs-card .cs-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.35)}
.cs-card .cs-body{background:var(--charcoal);padding:2.6rem 2.4rem;color:var(--cream)}
.cs-card .cs-body .tag{font-size:9px;font-weight:700;letter-spacing:.4em;text-transform:uppercase;color:var(--gold)}
.cs-card .cs-body h3{font-size:1.5rem;color:var(--cream);margin:.8rem 0}
.cs-card .cs-body p{color:var(--wgl);font-size:.92rem;margin-bottom:.7rem}
.cs-card .cs-res{display:flex;gap:1.6rem;flex-wrap:wrap;margin-top:1.4rem;padding-top:1.4rem;border-top:1px solid rgba(168,128,63,.18)}
.cs-card .cs-res div{flex:0 0 auto}
.cs-card .cs-res b{display:block;font-family:'Fraunces',serif;font-size:1.7rem;color:var(--gold-l);line-height:1}
.cs-card .cs-res span{font-size:.7rem;color:var(--wgl)}

/* opinia / cytat */
.testi{max-width:46rem;margin:0 auto;text-align:center}
.testi .q{font-family:'Fraunces',serif;font-style:italic;font-size:clamp(1.3rem,2.6vw,1.9rem);line-height:1.45;color:var(--charcoal)}
.sec-dark .testi .q{color:var(--cream)}
.testi .who{display:flex;align-items:center;justify-content:center;gap:.9rem;margin-top:1.8rem}
.testi .av{width:46px;height:46px;border-radius:50%;object-fit:cover;border:1px solid rgba(168,128,63,.4)}
.testi .who b{font-weight:600;font-size:.92rem}
.testi .who span{font-size:.8rem;color:var(--wg);display:block}
.sec-dark .testi .who span{color:var(--wgl)}

/* proces — pierwsze kroki */
.proc{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:2.4rem}
@media(max-width:760px){.proc{grid-template-columns:1fr}}
.proc .pstep{position:relative;padding:1.8rem 1.6rem;border:1px solid rgba(168,128,63,.18);border-radius:1.3rem;background:rgba(255,255,255,.55)}
.proc .pstep .n{font-family:'Fraunces',serif;font-weight:700;font-size:2.4rem;color:var(--gold);opacity:.5;line-height:1}
.proc .pstep h4{font-family:'Fraunces',serif;font-weight:500;font-size:1.15rem;margin:.5rem 0 .4rem}
.proc .pstep p{font-size:.86rem;color:var(--wg)}

/* tabela my vs typowa agencja */
.vs{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:2.2rem}
@media(max-width:760px){.vs{grid-template-columns:1fr}}
.vs .col{border-radius:1.3rem;padding:2rem 1.8rem;border:1px solid}
.vs .col.them{background:rgba(255,255,255,.5);border-color:var(--parchment)}
.vs .col.us{background:linear-gradient(160deg,rgba(168,128,63,.12),#fff);border-color:rgba(168,128,63,.4)}
.vs .col h4{font-family:'Hanken Grotesk',sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin-bottom:1.1rem}
.vs .col.them h4{color:var(--wg)}
.vs .col.us h4{color:var(--gold)}
.vs .col li{list-style:none;display:flex;gap:.7rem;align-items:flex-start;font-size:.9rem;margin-bottom:.8rem;color:var(--charcoal)}
.vs .col.them li{color:var(--wg)}
.vs .col li::before{content:'';flex:0 0 auto;width:16px;height:16px;margin-top:.2rem;border-radius:50%}
.vs .col.them li::before{background:rgba(var(--red),.12);box-shadow:inset 0 0 0 1px rgba(var(--red),.3)}
.vs .col.us li::before{background:rgba(74,222,128,.15);box-shadow:inset 0 0 0 1px rgba(74,222,128,.4)}

/* textarea + select w istniejącym lm-form */
.lm-form textarea,.lm-form select{width:100%;background:var(--charcoal);border:1px solid rgba(168,128,63,.18);border-radius:.75rem;padding:.95rem 1.1rem;font-family:'Hanken Grotesk',sans-serif;font-size:.94rem;color:var(--cream);outline:none;margin-bottom:1rem;resize:vertical;min-height:96px}
.lm-form textarea:focus,.lm-form select:focus{border-color:var(--gold)}
.lm-form.light{background:#fff;border-color:var(--parchment)}
.lm-form.light .t{color:var(--charcoal)}
.lm-form.light input,.lm-form.light textarea,.lm-form.light select{background:var(--cream);color:var(--charcoal);border-color:var(--parchment)}

/* placeholder badge — do podmiany */
.ph-note{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#9a7b2e;background:rgba(168,128,63,.14);border:1px dashed rgba(168,128,63,.5);border-radius:6px;padding:.3rem .8rem;margin-bottom:1rem}

/* ============================================================
   PORTFOLIO — zakładki z metrykami kampanii (strona główna)
   ============================================================ */
.pf-tabs{display:flex;justify-content:center;gap:.7rem;flex-wrap:wrap;margin:2.4rem 0 2.8rem}
.pf-tab{padding:.7rem 1.6rem;border-radius:6px;font-family:'Hanken Grotesk',sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;border:1px solid rgba(168,128,63,.25);background:transparent;color:var(--wgl);transition:.3s var(--ease)}
.pf-tab:hover{color:var(--gold-l);border-color:rgba(168,128,63,.5)}
.pf-tab.on{background:var(--gold);border-color:var(--gold);color:var(--charcoal)}
.pf-panel{display:none;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.pf-panel.on{display:grid}
@media(max-width:860px){.pf-panel.on{grid-template-columns:1fr}}
.pf-metric{background:var(--charcoal);border:1px solid rgba(168,128,63,.12);border-top:1px solid rgba(168,128,63,.3);border-radius:1.3rem;padding:1.9rem 1.7rem;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.pf-metric:hover{transform:translateY(-4px);box-shadow:0 24px 50px rgba(0,0,0,.35)}
.pf-metric .src{display:flex;align-items:center;gap:.6rem;margin-bottom:1.1rem;font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.pf-metric .src::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--gold);flex:0 0 auto}
.pf-metric .big{font-family:'Fraunces',serif;font-weight:700;font-size:2.6rem;line-height:1;color:var(--gold-l)}
.pf-metric .desc{font-size:.86rem;color:var(--wgl);margin-top:.5rem}
.pf-metric h4{font-family:'Fraunces',serif;font-weight:500;font-size:1.1rem;color:var(--cream);margin:.2rem 0 .4rem}
.pf-shot{aspect-ratio:4/3;border-radius:1rem;margin-bottom:1.1rem;display:flex;align-items:center;justify-content:center;border:1px solid rgba(168,128,63,.14);background:linear-gradient(135deg,rgba(168,128,63,.12),rgba(26,23,20,.85));font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(168,128,63,.55);text-align:center;padding:1rem}

/* ============================================================
   PROCES 1-4 + CENNIK (VIAM VISION)
   ============================================================ */
.proc4{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem}
@media(max-width:760px){.proc4{grid-template-columns:1fr}}
.proc4 .pc{position:relative;background:var(--charcoal);border:1px solid rgba(168,128,63,.12);border-top:1px solid rgba(168,128,63,.3);border-radius:1.4rem;padding:2.4rem 2.1rem;overflow:hidden}
.proc4 .pc.goal{background:linear-gradient(160deg,rgba(168,128,63,.14),var(--charcoal));border-top-color:rgba(168,128,63,.5)}
.proc4 .pc .et{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);border:1px solid rgba(168,128,63,.25);border-radius:6px;padding:.3rem .8rem;margin-bottom:1.1rem}
.proc4 .pc h3{font-family:'Fraunces',serif;font-weight:500;font-size:1.6rem;color:var(--cream);margin:0 0 .7rem}
.proc4 .pc.goal h3{color:var(--gold-l);font-style:italic}
.proc4 .pc p{font-size:.92rem;color:var(--wgl);margin:0}

.price-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem}
@media(max-width:760px){.price-grid{grid-template-columns:1fr}}
.price-card{position:relative;background:#fff;border:1px solid var(--parchment);border-radius:1.5rem;padding:2.6rem 2.2rem;display:flex;flex-direction:column}
.price-card.feat{background:linear-gradient(160deg,rgba(168,128,63,.1),#fff);border-color:rgba(168,128,63,.4)}
.price-card .opt{font-size:9px;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--gold)}
.price-card h3{font-family:'Fraunces',serif;font-weight:500;font-size:1.7rem;color:var(--charcoal);margin:.6rem 0 .2rem}
.price-card .tag{font-style:italic;color:var(--wg);font-family:'Fraunces',serif;margin-bottom:1rem}
.price-card .desc{font-size:.9rem;color:var(--wg);line-height:1.65;margin-bottom:1.4rem;padding-bottom:1.4rem;border-bottom:1px solid var(--parchment)}
.price-card .desc b{color:var(--charcoal)}
.price-card .amt{font-family:'Fraunces',serif;font-size:1.7rem;color:var(--gold);margin-bottom:.3rem}
.price-card .amt span{font-size:.85rem;font-family:'Hanken Grotesk',sans-serif;color:var(--wg)}
.price-card .budget{font-size:.72rem;color:var(--gold);margin-bottom:1.2rem}
.price-card .btn-gold,.price-card .btn-outline-gold{width:100%;text-align:center;margin-top:auto}
.price-badge{position:absolute;top:-1px;right:1.8rem;background:linear-gradient(135deg,var(--gold),var(--gold-l));color:var(--charcoal);font-size:8px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;padding:.35rem 1rem;border-radius:0 0 .6rem .6rem}

/* ============================================================
   DOSTĘPNOŚĆ — szacunek dla prefers-reduced-motion (WCAG 2.3.3)
   ============================================================ */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
    scroll-behavior:auto !important;
  }
  .rv,.reveal,.reveal-left,.reveal-right{opacity:1 !important;transform:none !important}
  .marq .track,.marquee-track{animation:none !important}
  #pre{display:none !important}
  .fstar,.float-1,.float-2,.float-3{animation:none !important}
}

/* ============================================================
   KONTRAST — tekst pomocniczy na JASNYCH tłach (WCAG AA)
   --wgl jest jasny (dla ciemnych sekcji); na jasnych przyciemniamy
   ============================================================ */
.sec-cream .pf-metric .desc,.sec-ecru .pf-metric .desc{color:var(--wg)}
.proof-strip{color:var(--wg)}
.sec-cream .proof-strip,.sec-ecru .proof-strip,.sec-cream-light .proof-strip{color:var(--wg)}
.stat span,.pstep p,.price-card .desc{color:var(--wg)}
/* placeholder badge — lepszy kontrast */
.ph-note{color:#7a5e1e;background:rgba(168,128,63,.16)}

/* ============================================================
   MOBILE UI/UX — skalowanie i odstępy na telefonach
   ============================================================ */
@media(max-width:760px){
  body{font-size:16px}
  .sec-pad{padding-top:4rem;padding-bottom:4rem}
  .wrap{padding-left:1.2rem;padding-right:1.2rem}
  h1{font-size:clamp(1.8rem,7vw,2.6rem)}
  h2{font-size:clamp(1.6rem,6vw,2.2rem)}
  /* siatki do jednej kolumny */
  .grid-3,.grid-4,.grid-2{grid-template-columns:1fr !important}
  .stat-row{grid-template-columns:1fr 1fr !important}
  .vs,.proc,.proc4,.price-grid,.cs-card{grid-template-columns:1fr !important}
  .pf-panel.on{grid-template-columns:1fr !important}
  /* hero/CTA z formularzem — kolumny pod sobą */
  .grid-2{gap:2.4rem}
  /* CTA i przyciski pełna szerokość, większy obszar dotyku */
  .btn-gold,.btn-outline-gold{width:100%;justify-content:center;padding:1.05rem 1.5rem}
  .sub-hero .btn-gold,.sub-hero .btn-outline-gold{width:auto}
  /* tabele vs — czytelniejsze marginesy */
  .vs .col{padding:1.6rem 1.4rem}
  /* lm-form pełna szerokość */
  .lm-form{padding:1.6rem}
  /* zmniejsze ozdobniki, więcej powietrza */
  .head-c{margin-bottom:2rem}
}
@media(max-width:460px){
  .stat-row{grid-template-columns:1fr !important}
  .section-label{font-size:9px;letter-spacing:.3em;padding:.5rem 1rem}
  h1{font-size:clamp(1.6rem,8vw,2.2rem)}
}
/* większy obszar dotyku dla linków nawigacji mobilnej */
@media(hover:none){
  #mnav a{padding:.5rem 0}
  .nav-links a,.nav-links button{padding:.4rem 0}
}

/* ============================================================
   KARTY BLOGA / AKTUALNOŚCI (wspólne — blog.html + Aktualności na index)
   ============================================================ */
.b-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
@media(max-width:880px){.b-grid{grid-template-columns:1fr}}
.bcard{text-decoration:none;color:inherit;display:flex;flex-direction:column;background:#fff;border:1px solid var(--parchment);border-radius:1.4rem;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.bcard:hover{transform:translateY(-4px);box-shadow:0 22px 48px rgba(26,23,20,.1)}
.bcard.hide{display:none}
.bcard .ph{aspect-ratio:16/9;overflow:hidden;position:relative}
.bcard .ph img{width:100%;height:100%;object-fit:cover;transition:.7s var(--ease)}
.bcard:hover .ph img{transform:scale(1.05)}
.bcard .pb{position:absolute;top:1rem;left:1rem;background:rgba(26,23,20,.88);color:var(--gold-l);font-size:.6rem;font-weight:700;letter-spacing:.26em;text-transform:uppercase;padding:.45rem .95rem;border-radius:6px}
.bcard .bd{padding:1.6rem 1.7rem 1.8rem;display:flex;flex-direction:column;gap:.6rem;flex:1}
.bcard .date{font-size:.66rem;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--wg)}
.bcard h3{font-family:'Fraunces',serif;font-size:1.3rem;line-height:1.3;color:var(--charcoal)}
.bcard p{font-size:.9rem;color:var(--wg);flex:1}
.bcard .go{font-size:.66rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}

/* ============================================================
   iPHONE / SAFE-AREA — notch, home indicator (dolny pasek), scroll
   ============================================================ */
/* płynny, bezwładny scroll na iOS */
html{-webkit-text-size-adjust:100%}
body{-webkit-overflow-scrolling:touch}

/* nawigacja górna — odsuń od notcha (lewa/prawa + góra) */
.nav-in{padding-left:max(clamp(1.2rem,4vw,3rem),env(safe-area-inset-left));padding-right:max(clamp(1.2rem,4vw,3rem),env(safe-area-inset-right))}
nav.viam-nav{padding-top:env(safe-area-inset-top)}
/* pasek tła pod notchem — żeby strona nie prześwitywała u góry na iPhone */
nav.viam-nav.solid,nav.viam-nav.scrolled{background:rgba(26,23,20,.96)}
nav.viam-nav::before{content:'';position:absolute;left:0;right:0;top:0;height:env(safe-area-inset-top);background:var(--charcoal);z-index:-1}
/* stały, nieprześwitujący pasek notcha na samej górze (pod statusbarem iPhone) */
@supports(padding:max(0px)){
  body::before{content:'';position:fixed;top:0;left:0;right:0;height:env(safe-area-inset-top);background:var(--charcoal);z-index:9985;pointer-events:none}
}

/* sticky CTA bar — nad dolnym paskiem gestów iPhone */
#stickycta{padding-bottom:calc(.9rem + env(safe-area-inset-bottom))}

/* menu mobilne — start od góry z marginesem na notch, dół z marginesem na home indicator */
@media(max-width:1020px){
  #mnav{justify-content:flex-start;padding-top:calc(5.5rem + env(safe-area-inset-top));padding-bottom:calc(2.5rem + env(safe-area-inset-bottom));padding-left:max(2.2rem,env(safe-area-inset-left));padding-right:max(2.2rem,env(safe-area-inset-right));gap:.35rem}
  #mnav a{font-size:1.15rem;padding:.3rem 0}
  #mnav .grp{margin-top:.7rem;font-size:8px}
  /* burger nad otwartym menu — żeby dało się zamknąć */
  #burger{position:relative;z-index:970}
  /* blokada przewijania strony, gdy menu otwarte */
  html.menu-open,body.menu-open{overflow:hidden;height:100%;position:relative}
  /* burger większy obszar dotyku */
  #burger{width:44px;height:44px}
}

/* sekcje pełnoekranowe (hero) — uwzględnij safe-area u góry */
.sub-hero,.hero{padding-top:max(7rem,calc(5rem + env(safe-area-inset-top)))}

/* stopka — dół z marginesem na home indicator */
.viam-footer{padding-bottom:calc(2rem + env(safe-area-inset-bottom))}

/* zapobiegaj poziomemu przewijaniu na telefonie */
html,body{max-width:100%;overflow-x:hidden}

/* ============================================================
   SKLEP — filtr-kwalifikator + wyróżnienie poziomu (konwersja)
   ============================================================ */
.shop-filter{background:var(--charcoal);border-radius:1.6rem;padding:2.4rem clamp(1.4rem,4vw,3rem);text-align:center;margin:0 auto;max-width:1000px}
.shop-filter h2{color:var(--cream);font-size:clamp(1.5rem,3vw,2.1rem);margin-bottom:.6rem}
.shop-filter p{color:var(--wgl);max-width:38rem;margin:0 auto 1.8rem;font-size:.95rem}
.sf-btns{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
@media(max-width:760px){.sf-btns{grid-template-columns:1fr}}
.sf-btn{background:rgba(168,128,63,.06);border:1px solid rgba(168,128,63,.25);border-radius:1.2rem;padding:1.6rem 1.3rem;text-align:left;transition:.3s var(--ease);color:var(--cream)}
.sf-btn:hover,.sf-btn.on{background:rgba(168,128,63,.14);border-color:var(--gold);transform:translateY(-3px)}
.sf-btn .lvl{font-size:9px;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--gold)}
.sf-btn b{display:block;font-family:'Fraunces',serif;font-weight:500;font-size:1.15rem;color:var(--cream);margin:.5rem 0 .3rem}
.sf-btn span{font-size:.82rem;color:var(--wgl);display:block}
.sf-btn .arrow{margin-top:.9rem;font-size:.62rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-l)}
/* sekcja przygaszona/podświetlona po wyborze filtra */
.shop-lvl{transition:opacity .4s var(--ease)}
.shop-lvl.dim{opacity:.4}
.shop-lvl.spot{box-shadow:inset 0 0 0 2px rgba(168,128,63,.35)}
/* badge poziomu */
.lvl-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--gold),var(--gold-l));color:var(--charcoal);font-size:9px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;padding:.4rem 1rem;border-radius:6px;margin-bottom:1rem}
/* most między poziomami */
.lvl-bridge{text-align:center;padding:2.2rem 1rem 0}
.lvl-bridge .txt{font-family:'Fraunces',serif;font-style:italic;font-size:1.15rem;color:var(--wg);margin-bottom:1rem}
.lvl-bridge.dark .txt{color:var(--wgl)}
/* karta wyróżniona (P2) */
.pcard.feat{box-shadow:0 0 0 2px var(--gold),0 22px 50px rgba(168,128,63,.18)}
.pcard .toplabel{position:absolute;top:0;left:0;right:0;background:var(--gold);color:var(--charcoal);font-size:9px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;padding:.4rem;text-align:center;z-index:2}
.pcard.feat .ph{margin-top:1.7rem}

/* ============================================================
   SKLEP E-COMMERCE — pasek filtrów + sortowanie + grid
   ============================================================ */
.shop-toolbar{position:sticky;top:64px;z-index:40;background:rgba(250,248,244,.92);backdrop-filter:blur(12px);border:1px solid var(--parchment);border-radius:1.2rem;padding:1rem 1.2rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;margin-bottom:2.4rem}
.shop-filters{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.fchip{font-family:'Hanken Grotesk',sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--wg);background:#fff;border:1px solid var(--parchment);border-radius:6px;padding:.6rem 1.1rem;transition:.25s var(--ease);white-space:nowrap}
.fchip:hover{border-color:var(--gold)}
.fchip.on{background:var(--charcoal);color:var(--gold-l);border-color:var(--charcoal)}
.shop-sort{display:flex;align-items:center;gap:.6rem}
.shop-sort label{font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--wg)}
.shop-sort select{font-family:'Hanken Grotesk',sans-serif;font-size:.8rem;color:var(--charcoal);background:#fff;border:1px solid var(--parchment);border-radius:6px;padding:.6rem 2.2rem .6rem 1rem;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23B8965A' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}
.shop-count{font-size:.78rem;color:var(--wg)}
.shop-count b{color:var(--charcoal)}
/* siatka */
.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
@media(max-width:920px){.shop-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.shop-grid{grid-template-columns:1fr}}
.shop-grid .pcard{transition:transform .35s var(--ease),box-shadow .35s var(--ease),opacity .3s}
.shop-grid .pcard.hide{display:none}
/* znacznik poziomu na karcie */
.pcard .lvl-tag{position:absolute;top:1rem;right:1rem;background:rgba(26,23,20,.82);color:var(--gold-l);font-size:8px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;padding:.35rem .7rem;border-radius:6px}
.shop-empty{display:none;text-align:center;padding:3rem;color:var(--wg);grid-column:1/-1}
.shop-empty.show{display:block}

/* ===== LEJEK PRODUKTOWY: dodatkowe sekcje ===== */
.pas{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;max-width:1180px;margin:2.4rem auto 0;padding:0 clamp(1.2rem,4vw,3rem)}
@media(max-width:760px){.pas{grid-template-columns:1fr}}
.pas .pcol{background:#fff;border:1px solid var(--parchment);border-radius:1.3rem;padding:1.8rem 2rem}
.pas .pcol.before{border-top:3px solid #c9a08a}
.pas .pcol h3{font-size:1.05rem;margin-bottom:1rem;display:flex;align-items:center;gap:.6rem}
.pas .pcol.before h3{color:#9a6b5a}
.pas .pcol.after h3{color:var(--gold)}
.pas .pcol li{list-style:none;display:flex;gap:.65rem;align-items:flex-start;color:var(--wg);font-size:.93rem;margin-bottom:.7rem;line-height:1.5}
.pas .pcol .mk{flex:0 0 auto;margin-top:.15rem;font-weight:700}
.pas .pcol.before .mk{color:#c08a7a}
.pas .pcol.after .mk{color:var(--gold)}
/* value stack w buyboxie */
.buybox .vstack{list-style:none;margin:1.2rem 0 0;padding:1.2rem 0 0;border-top:1px solid var(--parchment)}
.buybox .vstack li{display:flex;justify-content:space-between;gap:.8rem;font-size:.82rem;color:var(--wg);margin-bottom:.55rem}
.buybox .vstack li .v{color:var(--wgl);white-space:nowrap}
.buybox .vstack .tot{display:flex;justify-content:space-between;font-weight:700;color:var(--charcoal);border-top:1px dashed var(--parchment);margin-top:.7rem;padding-top:.7rem;font-size:.9rem}
.buybox .anchor{font-size:.8rem;color:var(--wg);margin:.2rem 0 .4rem}
.buybox .anchor s{color:var(--wgl)}
.buybox .save{display:inline-block;background:rgba(168,128,63,.14);color:var(--gold);font-size:.7rem;font-weight:700;letter-spacing:.08em;padding:.3rem .7rem;border-radius:6px;margin-bottom:.6rem}
.buybox .scarce{font-size:.74rem;color:#a06;margin-top:.8rem;text-align:center;font-weight:600}
/* pasek pilności nad buyboxem */
.urg-band{background:var(--charcoal);color:var(--cream);border-radius:1rem;padding:.85rem 1.2rem;font-size:.8rem;display:flex;align-items:center;gap:.6rem;margin-bottom:1.2rem;border-left:3px solid var(--gold)}
.urg-band b{color:var(--gold-l)}
/* lista bonusów */
.bonus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;max-width:1180px;margin:2rem auto 0;padding:0 clamp(1.2rem,4vw,3rem)}
@media(max-width:760px){.bonus-grid{grid-template-columns:1fr}}
.bonus-grid .bn{background:#fff;border:1px solid var(--parchment);border-radius:1.2rem;padding:1.6rem;position:relative}
.bonus-grid .bn .tag{font-size:8px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:.5rem}
.bonus-grid .bn b{font-family:'Fraunces',serif;font-weight:500;font-size:1.05rem;display:block;margin-bottom:.4rem}
.bonus-grid .bn p{font-size:.86rem;color:var(--wg);margin:0}
.bonus-grid .bn .val{position:absolute;top:1.2rem;right:1.2rem;font-size:.78rem;color:var(--gold);font-weight:600}
/* kroki dla usług premium (kwalifikacja) */
.qsteps{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;max-width:1180px;margin:2.2rem auto 0;padding:0 clamp(1.2rem,4vw,3rem)}
@media(max-width:760px){.qsteps{grid-template-columns:1fr 1fr}}
.qsteps .qs{background:#fff;border:1px solid var(--parchment);border-radius:1.2rem;padding:1.5rem}
.qsteps .qs .n{font-family:'Fraunces',serif;font-size:1.6rem;color:var(--gold);line-height:1}
.qsteps .qs b{display:block;margin:.6rem 0 .3rem;font-size:.98rem}
.qsteps .qs p{font-size:.84rem;color:var(--wg);margin:0}

/* ===== LEJEK: agenda kursu + anty-kwalifikacja ===== */
.agenda{max-width:1180px;margin:2.2rem auto 0;padding:0 clamp(1.2rem,4vw,3rem);display:flex;flex-direction:column;gap:.9rem}
.agenda .mod{background:#fff;border:1px solid var(--parchment);border-radius:1.2rem;overflow:hidden}
.agenda .mod>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.3rem 1.6rem;cursor:pointer}
.agenda .mod>summary::-webkit-details-marker{display:none}
.agenda .mod .mt{font-family:'Fraunces',serif;font-size:1.12rem;color:var(--charcoal)}
.agenda .mod .mc{font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);white-space:nowrap}
.agenda .mod ul{list-style:none;margin:0;padding:0 1.6rem 1.4rem}
.agenda .mod li{display:flex;gap:.7rem;align-items:flex-start;color:var(--wg);font-size:.92rem;padding:.45rem 0;border-top:1px solid var(--cream)}
.agenda .mod li .ln{flex:0 0 auto;color:var(--gold-l);font-variant-numeric:tabular-nums;font-size:.8rem;margin-top:.1rem}
.notfor{max-width:1180px;margin:0 auto;padding:0 clamp(1.2rem,4vw,3rem);display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
@media(max-width:760px){.notfor{grid-template-columns:1fr}}
.notfor .nf{background:#fff;border:1px solid var(--parchment);border-radius:1.3rem;padding:1.8rem 2rem}
.notfor .nf h3{font-size:1.05rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}
.notfor .nf.yes h3{color:var(--gold)}
.notfor .nf.no h3{color:#9a6b5a}
.notfor .nf li{list-style:none;display:flex;gap:.6rem;align-items:flex-start;color:var(--wg);font-size:.93rem;margin-bottom:.7rem;line-height:1.5}
.notfor .nf .mk{flex:0 0 auto;margin-top:.1rem;font-weight:700}
.notfor .nf.yes .mk{color:var(--gold)}
.notfor .nf.no .mk{color:#c08a7a}
/* hero: ból + obietnica */
.hero-pain{font-family:'Fraunces',serif;font-style:italic;color:var(--gold-l)}

/* ===== LONG-FORM SALES LETTER ===== */
.sl{max-width:760px;margin:0 auto;padding:0 clamp(1.2rem,4vw,3rem)}
.sl-wide{max-width:1040px;margin:0 auto;padding:0 clamp(1.2rem,4vw,3rem)}
.sl h2{font-size:clamp(1.7rem,3.4vw,2.5rem);margin:0 0 1.2rem;line-height:1.18}
.sl h2 em{font-style:italic;color:var(--gold)}
.sl p{font-size:1.06rem;line-height:1.75;color:var(--wg);margin-bottom:1.2rem}
.sl p b{color:var(--charcoal)}
.sl .big{font-size:1.2rem;color:var(--charcoal);font-weight:500}
.sl-pains{list-style:none;margin:1.4rem 0;padding:0;display:flex;flex-direction:column;gap:.9rem}
.sl-pains li{display:flex;gap:.8rem;align-items:flex-start;background:#fff;border:1px solid var(--parchment);border-left:3px solid #c08a7a;border-radius:.9rem;padding:1rem 1.3rem;color:var(--wg);font-size:1rem;line-height:1.5}
.sl-pains li .mk{color:#c08a7a;font-weight:700;flex:0 0 auto;margin-top:.1rem}
.sl-turn{font-family:'Fraunces',serif;font-style:italic;font-size:clamp(1.6rem,3.4vw,2.2rem);color:var(--gold);text-align:center;margin:.5rem 0 1.4rem}
/* scroll CTA (w treści) */
.cta-scroll{display:inline-flex;align-items:center;gap:.6rem;margin:.5rem 0 0}
/* OFERTA KOŃCOWA */
.offer-final{max-width:560px;margin:0 auto}
.offer-final .ob{background:#fff;border:1px solid var(--parchment);border-top:3px solid var(--gold);border-radius:1.6rem;padding:2.6rem 2.4rem;box-shadow:0 30px 70px rgba(26,23,20,.14);text-align:center}
.offer-final .tier{font-size:9px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}
.offer-final .nm{font-family:'Fraunces',serif;font-size:1.6rem;color:var(--charcoal);margin:.6rem 0 1.2rem}
.offer-final .vstack{list-style:none;margin:0 0 1.4rem;padding:0;text-align:left}
.offer-final .vstack li{display:flex;justify-content:space-between;gap:1rem;font-size:.92rem;color:var(--wg);padding:.55rem 0;border-bottom:1px solid var(--cream)}
.offer-final .vstack li .v{color:var(--wgl);white-space:nowrap}
.offer-final .vstack .tot{font-weight:700;color:var(--charcoal);border-bottom:none;padding-top:.8rem}
.offer-final .anchor{font-size:.95rem;color:var(--wg);margin-bottom:.3rem}
.offer-final .anchor s{color:var(--wgl)}
.offer-final .price{font-family:'Fraunces',serif;font-size:3.2rem;color:var(--charcoal);line-height:1;margin:.2rem 0}
.offer-final .save{display:inline-block;background:rgba(168,128,63,.14);color:var(--gold);font-size:.74rem;font-weight:700;letter-spacing:.06em;padding:.35rem .8rem;border-radius:6px;margin-bottom:.8rem}
.offer-final .btn-gold{width:100%;margin-top:1.4rem;padding:1.2rem 1.5rem;font-size:.8rem}
.offer-final .g{font-size:.76rem;color:var(--wg);margin-top:1rem}
.offer-final .pts{list-style:none;margin:1.4rem 0 0;padding:1.3rem 0 0;border-top:1px solid var(--parchment);text-align:left}
.offer-final .pts li{display:flex;gap:.6rem;font-size:.86rem;color:var(--wg);margin-bottom:.6rem}
.offer-final .scarce{font-size:.82rem;color:#a06;margin-top:1rem;font-weight:600}
/* tripwire: ukryj nav/cta gdy klasa na body */
body.tripwire nav.viam-nav,body.tripwire #mega,body.tripwire #mega-ov,body.tripwire #mnav,body.tripwire #stickycta,body.tripwire #pre,body.tripwire #sprog{display:none!important}
body.tripwire .tw-foot{text-align:center;padding:2.4rem 1rem;color:var(--wgl);font-size:.8rem;border-top:1px solid var(--parchment)}
body.tripwire .sub-hero{padding-top:4rem!important}

/* ===== FUNNEL: akcenty kolorystyczne (poza sztywnym Quiet Luxury) ===== */
:root{--accent:#1E6655;--accent-l:#2C8F78;--warm:#BE5234}
/* hero funnela — cieplejszy, bardziej "sprzedażowy" gradient + złoty akcent */
.sub-hero .pbg::after{background:linear-gradient(120deg,var(--charcoal) 28%,rgba(31,30,26,.72) 62%,rgba(26,23,20,.92))}
.sl-pains li{border-left-color:var(--warm)}
.sl-pains li .mk{color:var(--warm)}
.notfor .nf.no h3,.notfor .nf.no .mk{color:var(--warm)}
/* zwrot/obietnica — akcent zieleni "to działa" */
.sl-turn{color:var(--accent-l)}
/* oferta końcowa — mocniejszy, ciepły akcent żeby przyciągała wzrok */
.offer-final .ob{border-top:4px solid var(--gold);background:linear-gradient(180deg,#fffdf9,#fff)}
.offer-final .price{color:var(--charcoal)}
.offer-final .btn-gold{box-shadow:0 14px 30px rgba(168,128,63,.35)}
.offer-final .save{background:rgba(46,158,132,.14);color:var(--accent)}
.agenda .mod[open]>summary{background:linear-gradient(90deg,rgba(168,128,63,.08),transparent)}
.agenda .mod[open] .mt{color:var(--gold)}

/* ===== FUNNEL: poprawki responsywności (mobile) ===== */
.sl,.sl-wide{box-sizing:border-box;width:100%}
.sl h2,.sub-hero h1{overflow-wrap:break-word;word-break:normal;hyphens:manual}
@media(max-width:600px){
  .sub-hero{padding:8.5rem 0 4rem!important}
  .sub-hero h1{font-size:clamp(1.55rem,7vw,2rem);line-height:1.22;margin-top:1.4rem;max-width:100%}
  .sub-hero p.lead{font-size:.98rem;margin:1.2rem 0 1.8rem}
  .crumb{font-size:.6rem;letter-spacing:.14em}
  .sl h2{font-size:clamp(1.45rem,6.2vw,1.8rem);line-height:1.22}
  .sl p{font-size:1rem;line-height:1.7}
  .sl .big{font-size:1.08rem}
  .sl-turn{font-size:clamp(1.3rem,6vw,1.7rem);line-height:1.35}
  .sl-pains li{font-size:.95rem;padding:.9rem 1.1rem;gap:.6rem}
  /* agenda: tytuł + meta jeden pod drugim, koniec ze ściskiem */
  .agenda{padding-left:1.1rem;padding-right:1.1rem}
  .agenda .mod>summary{flex-direction:column;align-items:flex-start;gap:.35rem;padding:1.1rem 1.2rem}
  .agenda .mod .mt{font-size:1.02rem;line-height:1.3}
  .agenda .mod .mc{white-space:normal}
  .agenda .mod ul{padding:0 1.2rem 1.2rem}
  .agenda .mod li{font-size:.9rem}
  /* kwalifikacja: jedna kolumna, mniejszy padding */
  .notfor{padding-left:1.1rem;padding-right:1.1rem}
  .notfor .nf{padding:1.4rem 1.3rem}
  /* kroki: 1 kolumna na małym */
  .qsteps{grid-template-columns:1fr;padding-left:1.1rem;padding-right:1.1rem}
  /* oferta: węższy padding, mniejsza cena, value stack nie wychodzi */
  .offer-final{max-width:100%}
  .offer-final .ob{padding:1.8rem 1.3rem;border-radius:1.3rem}
  .offer-final .nm{font-size:1.3rem}
  .offer-final .price{font-size:2.5rem}
  .offer-final .vstack li{font-size:.86rem;gap:.6rem}
  .offer-final .vstack li .v{font-size:.82rem}
  .offer-final .pts li{font-size:.82rem}
  /* upsell: 1 kolumna (było już, wzmacniamy) */
  .upsell{grid-template-columns:1fr}
  /* sekcje: mniej pionowego paddingu na telefonie */
  section[style*="padding:80px"]{padding-top:48px!important;padding-bottom:48px!important}
}
@media(min-width:601px) and (max-width:760px){
  .qsteps{grid-template-columns:1fr 1fr}
  .agenda .mod .mc{white-space:normal}
}

/* ===== Panel klienta w rogu nawigacji ===== */
.nav-client{font-size:.64rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-l);text-decoration:none;display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .9rem;border-radius:6px;transition:.25s var(--ease);white-space:nowrap}
.nav-client::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(46,158,132,.18)}
.nav-client:hover{color:var(--cream);background:rgba(255,255,255,.06)}
.viam-nav:not(.scrolled):not(.solid) .nav-client{color:var(--gold-l)}
@media(max-width:1080px){.nav-client{display:none}}

h1,h2,h3{text-wrap:balance}
p,li,.lead,.sub{text-wrap:pretty}