:root{--bg:#06090f;--surface:#0b121d;--surface-soft:#0f1826;--surface-strong:#0a1320;--text:#f4f7ff;--muted:#c4cbd9;--line:rgba(208, 181, 139, 0.24);--accent:#b88952;--accent-2:#dfbf8c;--good:#66dcba;--radius:14px;--shadow:0 16px 42px rgba(0, 0, 0, 0.35);--shadow-hover:0 24px 52px rgba(0, 0, 0, 0.42);--header-height:88px;--section-space:5.2rem}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:"Montserrat","Segoe UI","Trebuchet MS",sans-serif;color:var(--text);background:radial-gradient(circle at 20% -8%,rgba(29,68,130,.24),transparent 44%),radial-gradient(circle at 96% 10%,rgba(161,127,72,.16),transparent 36%),var(--bg);line-height:1.55;overflow-x:clip}a{color:inherit}img,video{display:block;width:100%}h1,h3{line-height:1.08}h1,h2,h3{text-wrap:balance}body,h1,h2,h3,p{margin:0}.container{width:min(1320px,calc(100% - 3.2rem));margin:0 auto;min-width:0}.section{position:relative;padding:var(--section-space)0;background:linear-gradient(180deg,var(--surface),var(--surface-soft));overflow:clip;isolation:isolate}.section::after,.section::before{content:"";position:absolute;left:0;right:0;z-index:0;pointer-events:none}.section>.container{position:relative;z-index:2}.section::before{top:0;height:84px;opacity:.28;background:linear-gradient(180deg,rgba(12,19,31,.82),rgba(12,19,31,0))}.section::after{bottom:0;height:84px;opacity:.22;background:linear-gradient(180deg,rgba(12,19,31,0),rgba(12,19,31,.86))}.section:nth-of-type(odd):not(.hero):not(.final-cta){background:linear-gradient(180deg,#101c2d,#0c1524)}.kicker,h2{text-transform:uppercase}.kicker{margin-bottom:.8rem;font-size:.78rem;letter-spacing:.15em;font-weight:700;color:#e5c995}.section-lead{margin-top:1rem;max-width:72ch;color:rgba(227,234,248,.92)}h2{font-size:clamp(1.65rem,3.4vw,2.85rem);letter-spacing:-.02em;line-height:1.12}.brand-name,.button-primary,.button-secondary,.nav a,.plan-price,h1,h2,h3{overflow-wrap:anywhere}.button-primary,.button-secondary,.menu-toggle,.mobile-sticky-cta{min-height:44px;border-radius:12px}.button-primary,.button-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.95rem 1.3rem;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-size:.86rem;font-weight:800;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.button-primary{color:#0e131c;border:1px solid rgba(248,235,209,.5);background:linear-gradient(180deg,var(--accent-2),var(--accent));box-shadow:0 14px 28px rgba(184,137,82,.32)}.button-secondary{color:#fff;border:1px solid var(--line);background:rgba(13,21,35,.9)}a,button,input,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid #73b5ff;outline-offset:3px}.site-header{position:fixed;inset:0 0 auto;z-index:40;padding-top:.25rem}.site-header::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,9,17,.9),rgba(4,9,17,0));pointer-events:none}.nav-shell{position:relative;min-height:var(--header-height);display:flex;align-items:center;gap:1.4rem;padding:.58rem 1rem;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(7,12,21,.64);box-shadow:0 10px 26px rgba(0,0,0,.28);backdrop-filter:blur(10px) saturate(122%);-webkit-backdrop-filter:blur(10px) saturate(122%);transition:background .24s ease,border-color .24s ease,box-shadow .24s ease}.site-header.is-scrolled .nav-shell{background:rgba(6,11,20,.9);border-color:rgba(255,255,255,.2);box-shadow:0 15px 32px rgba(0,0,0,.42)}.brand-profile{display:inline-flex;align-items:center;gap:.72rem;text-decoration:none}.brand-avatar{width:60px;height:60px;object-fit:cover;border-radius:50%;border:2px solid rgba(255,255,255,.24)}.brand-name{font-size:clamp(1.05rem,1.6vw,1.55rem);font-weight:800;letter-spacing:-.02em;white-space:nowrap;text-transform:uppercase;max-width:min(45vw,320px);text-overflow:ellipsis;overflow:hidden}.menu-toggle,.nav .nav-cta{border:1px solid var(--line)}.menu-toggle,.nav a{text-transform:uppercase;font-weight:700}.menu-toggle{display:none;margin-left:auto;background:rgba(14,21,35,.92);color:#fff;padding:.55rem .95rem;font:inherit;font-size:.76rem;letter-spacing:.1em;cursor:pointer}.hero,.nav{display:flex}.nav{flex:1;justify-content:flex-end;align-items:center;gap:1.75rem}.nav a{text-decoration:none;letter-spacing:.09em;font-size:.83rem;color:rgba(255,255,255,.92)}.nav a:hover{color:#fff}.nav .nav-cta{padding:.75rem 1.1rem;border-radius:11px;background:rgba(12,18,30,.9)}.hero{position:relative;min-height:100svh;height:100svh;align-items:stretch;overflow:hidden}.hero-video{position:absolute;inset:0;height:100%;object-fit:cover;object-position:center 40%}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,8,14,.86),rgba(3,8,14,.62) 32%,rgba(8,13,22,.8) 72%,rgba(11,18,29,.97)),radial-gradient(circle at 31% 72%,rgba(165,16,46,.42),transparent 46%),radial-gradient(circle at 78% 22%,rgba(0,97,126,.34),transparent 34%)}.hero::after{left:0;right:0;bottom:0;height:128px;z-index:1;background:linear-gradient(180deg,rgba(7,12,20,0),rgba(10,16,27,.68) 56%,#0b121d),radial-gradient(circle at center bottom,rgba(15,24,38,.35),transparent 62%)}.hero-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:clamp(.4rem,.95vh,.9rem);text-align:center;max-width:min(980px,100%);padding-top:calc(var(--header-height) + .65rem);padding-bottom:.9rem}.hero h1,.hero-status{text-transform:uppercase}.hero-status{display:inline-flex;align-items:center;gap:.55rem;margin-bottom:0;font-size:.78rem;letter-spacing:.15em;font-weight:700;color:rgba(244,247,255,.92)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 12px rgba(77,240,187,.8)}.hero h1{margin-inline:auto;max-width:14.5ch;font-size:clamp(1.72rem,5.2vw,4rem);letter-spacing:-.03em;line-height:1.02}.hero-lead{margin:0 auto;max-width:62ch;color:rgba(238,243,252,.92);font-size:clamp(.95rem,1.45vw,1.2rem)}.hero-actions{margin-top:.2rem;display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem}.hero-microcopy{margin-top:0;font-size:.86rem;color:rgba(238,245,255,.8)}.hero-rating{margin-top:.2rem}.rating-label{text-transform:uppercase;letter-spacing:.15em;font-size:.78rem;color:rgba(238,245,255,.85)}.stars{margin-top:.35rem;letter-spacing:.2em;color:#e4c18a}.stories-shell,.stories-shell .kicker,.stories-shell h2{text-align:center}.stories-shell h2{max-width:23ch;margin-inline:auto}.stories-title-single-line{display:inline-block;max-width:none;white-space:nowrap;text-transform:none;font-size:clamp(.82rem,3vw,2.8rem);letter-spacing:-.018em}.benefit-grid,.pricing-grid,.problem-grid,.process-grid,.stories-grid,.trainer-grid,.transform-grid{margin-top:1.8rem;display:grid;gap:1rem}.trainer-metrics{display:grid;gap:1rem}.benefit-card,.faq-shell details,.origin-post,.price-card,.problem-card,.process-card,.rules-list,.story-card,.trainer-data-card,.trainer-photo-card,.transform-card{border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.035);box-shadow:var(--shadow);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;min-width:0}.stories-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;grid-auto-rows:1fr}.story-card{padding:.95rem;position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%}.story-media{aspect-ratio:9/16;width:min(100%,290px);margin-inline:auto;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.09);background:#050913}.ba-image img,.story-media video{width:100%;height:100%;object-position:center}.story-media video{object-fit:contain;background:#050913}.story-card h3{margin-top:.85rem;font-size:clamp(1.04rem,2.1vw,1.62rem);letter-spacing:-.01em}.story-card p{margin-top:.55rem;color:var(--muted)}.story-name{display:inline-flex;align-items:center;gap:.5rem;margin-top:auto;padding-top:.9rem;color:rgba(239,244,255,.88);font-weight:600}.story-name span{width:24px;height:3px;border-radius:999px;background:#d4b07a}.transformations-section{background:linear-gradient(180deg,#10192a,#0d1625)}.transform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.transform-card{padding:.88rem}.transform-compare{--split:50%;--compare-ratio:9 / 16;--compare-width:300px;--compare-max-height:540px;--before-pos:50% 50%;--after-pos:50% 50%;position:relative;aspect-ratio:var(--compare-ratio);width:min(100%,var(--compare-width));margin-inline:auto;max-height:var(--compare-max-height);border-radius:10px;border:1px solid rgba(255,255,255,.1);overflow:hidden}.compare-badge{position:absolute;top:.55rem;left:50%;transform:translateX(-50%);z-index:5;margin:0;padding:.22rem .5rem;border-radius:8px;background:rgba(255,255,255,.94);color:#121a28;font-size:.72rem;line-height:1;font-weight:700}.ba-image{position:absolute;inset:0}.ba-image img{object-fit:cover;background:#070d17}.ba-before img{filter:brightness(.9) saturate(.95);object-position:var(--before-pos)}.ba-after img{object-position:var(--after-pos)}.compare-kacper{--compare-ratio:335 / 618;--before-pos:49% 50%;--after-pos:51% 49%}.compare-filip{--compare-ratio:386 / 1024;--compare-max-height:620px;--before-pos:50% 34%;--after-pos:50% 36%}.compare-marek{--compare-ratio:1 / 2;--before-pos:52% 52%;--after-pos:50% 52%}.ba-after{clip-path:inset(0 calc(100% - var(--split))0 0)}.ba-divider{position:absolute;top:0;bottom:0;left:var(--split);transform:translateX(-50%);width:2px;background:rgba(255,255,255,.9);z-index:4;pointer-events:none}.ba-knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(247,251,255,.93);color:#0f1827;font-size:1.15rem;box-shadow:0 10px 24px rgba(0,0,0,.35)}.ba-range{position:absolute;inset:0;margin:0;z-index:6;opacity:0;cursor:ew-resize}.ba-label{position:absolute;bottom:.65rem;z-index:5;padding:.22rem .5rem;border-radius:8px;background:rgba(255,255,255,.9);color:#0f1827;font-size:.76rem;font-weight:700}.ba-label-before{left:.65rem}.ba-label-after{right:.65rem}.transform-card h3{margin-top:.82rem;font-size:1.04rem}.benefit-card p,.problem-card p,.process-card p,.transform-card p{margin-top:.5rem;color:var(--muted)}.reviews-section{background:linear-gradient(180deg,#0f1828,#0b1321)}.reviews-grid{align-items:stretch}.review-card{padding:1rem;display:flex;flex-direction:column;min-height:100%}.review-stars{margin:0;color:#e4c18a;letter-spacing:.14em;font-size:.92rem}.review-quote{margin-top:.64rem;font-size:clamp(.92rem,1.1vw,1.03rem);color:rgba(242,247,255,.96);line-height:1.5}.review-footer{margin-top:auto;padding-top:.88rem;border-top:1px solid rgba(255,255,255,.14);display:flex;align-items:center;gap:.62rem}.review-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:.88rem;font-weight:800;color:#0f1726;background:linear-gradient(180deg,#f2dcc0,#c8a271);flex-shrink:0}.review-author{margin:0;color:#f6f9ff;font-size:.9rem;font-weight:700}.review-meta{margin:.14rem 0 0;color:rgba(203,214,232,.9);font-size:.76rem}.problem-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.benefit-card,.problem-card,.process-card{padding:1.12rem}.benefit-card h3,.problem-card h3,.process-card h3{font-size:1rem;text-transform:uppercase;letter-spacing:.05em}.has-video{background:#07101d}.has-video>.container,.trainer-section>.container{position:relative;z-index:2}.section-video{position:absolute;inset:0;height:100%;object-fit:cover}.section-video-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,9,16,.9),rgba(4,9,16,.68) 34%,rgba(10,17,27,.8) 70%,rgba(14,23,36,.96)),radial-gradient(circle at 68% 24%,rgba(0,109,138,.31),transparent 38%),radial-gradient(circle at 28% 75%,rgba(165,18,52,.33),transparent 45%)}.final-cta-panel::before,.has-video::after,.hero::after{content:"";position:absolute;pointer-events:none}.has-video::after{left:0;right:0;bottom:0;height:116px;z-index:1;background:linear-gradient(180deg,rgba(7,12,20,0),rgba(11,18,29,.64) 56%,#0f1826),radial-gradient(circle at center bottom,rgba(17,29,47,.28),transparent 64%)}.trainer-section{background:linear-gradient(180deg,#0f1828,#0d1423)}.trainer-grid{grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);align-items:stretch}.trainer-photo-card{overflow:hidden}.trainer-photo-card img{height:100%;object-fit:cover;object-position:center top}.trainer-data-card{padding:1.2rem}.trainer-data-card h2{max-width:none}.trainer-metrics{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.15rem}.trainer-metrics article{border:1px solid var(--line);border-radius:12px;padding:.85rem;background:rgba(255,255,255,.025)}.trainer-metrics h3{font-size:1.4rem;color:#fff}.trainer-metrics p{margin-top:.3rem;font-size:.9rem;color:var(--muted)}.trainer-certificates{margin-top:1rem}.trainer-certificates p{font-weight:700}.price-card ul,.trainer-certificates ul{margin:.45rem 0 0;padding-left:1.1rem;display:grid;gap:.28rem;color:var(--muted)}.trainer-data-card blockquote{margin:1rem 0 0;border-left:3px solid rgba(224,191,140,.72);padding:.7rem 0 .7rem .85rem;color:#edf3ff;background:rgba(255,255,255,.02);border-radius:0 10px 10px 0}.trainer-data-card cite{display:block;margin-top:.42rem;color:var(--muted);font-style:normal}.origin-section{background:linear-gradient(180deg,#121d2f,#0f1726)}.origin-shell{max-width:980px}.origin-post{margin-top:1.2rem;padding:1.2rem;background:#f2f5fa;color:#08101e;border-color:rgba(18,29,48,.2)}.origin-handle{font-size:clamp(1rem,1.75vw,1.5rem);line-height:1.28;font-weight:700}.origin-post p{margin-top:1rem;color:#131c2d}.origin-comment{padding-top:.45rem;border-top:1px solid rgba(11,19,31,.16)}.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-pricing{background:linear-gradient(180deg,#122134,#12273d)}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.price-card{position:relative;padding:1.15rem}.price-card.featured{border-color:rgba(224,191,140,.72);box-shadow:0 0 0 1px rgba(224,191,140,.28) inset,var(--shadow)}.price-badge{position:absolute;top:.75rem;right:.75rem;padding:.28rem .55rem;border-radius:8px;font-size:.72rem;letter-spacing:.06em;color:#19130b;background:#e8cc9f}.faq-shell summary,.plan-name,.price-badge{font-weight:700;text-transform:uppercase}.plan-name{letter-spacing:.1em;font-size:.8rem;color:#e5c995}.plan-old-price{margin-top:.6rem;font-size:.95rem;color:rgba(232,239,253,.72);text-decoration:line-through}.plan-price{margin-top:.28rem;font-size:2.3rem;font-weight:800;line-height:1}.plan-price span{margin-left:.3rem;font-size:.86rem;font-weight:600;color:var(--muted)}.price-card ul{margin:.75rem 0 0;gap:.35rem}.price-card .button-primary,.price-card .button-secondary{margin-top:.95rem;width:100%}.process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.faq-shell{max-width:920px}.faq-shell details{margin-top:.75rem;padding:1rem}.faq-shell summary{cursor:pointer;letter-spacing:.04em}.faq-shell details p{margin-top:.62rem;color:var(--muted)}.rules-section{background:linear-gradient(180deg,#101a2a,#0d1422)}.rules-shell{max-width:980px}.rules-list{margin-top:1.25rem;padding:1.15rem 1.2rem 1.15rem 2.2rem;display:grid;gap:.82rem}.rules-list li{color:rgba(232,240,252,.92)}.final-cta{text-align:center;background:radial-gradient(60% 56%at 50%0,rgba(194,152,95,.19),transparent 74%),radial-gradient(52% 66%at 14% 18%,rgba(56,92,166,.2),transparent 76%),linear-gradient(180deg,#0e1728 0,#0a1322 62%,#08101d 100%)}.final-cta .container{display:grid;place-items:center}.final-cta-panel{width:min(920px,100%);padding:clamp(1.9rem,4.1vw,3.3rem) clamp(1rem,4.5vw,3.2rem) clamp(1.7rem,3.7vw,2.7rem);border-radius:calc(var(--radius) + 2px);border:1px solid rgba(223,190,145,.2);background:linear-gradient(180deg,rgba(10,17,31,.78),rgba(7,12,22,.92));box-shadow:0 20px 52px rgba(0,0,0,.36);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);position:relative}.final-cta-panel::before{inset:1px;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0));opacity:.45}.final-cta .section-lead,.final-cta h2{margin-inline:auto;position:relative;z-index:1}.final-cta h2{max-width:14ch;font-size:clamp(1.66rem,3.8vw,3.35rem);letter-spacing:-.015em;line-height:1.08}.final-cta .section-lead{max-width:36ch;margin-top:.92rem;font-size:clamp(1rem,1.7vw,1.34rem);color:rgba(229,236,249,.9)}.final-cta .button-primary{margin-top:1.25rem;min-width:min(330px,100%);position:relative;z-index:1}.contact-links{margin-top:.95rem;color:rgba(224,233,249,.84);font-size:clamp(.98rem,1.25vw,1.2rem);position:relative;z-index:1}.contact-links a{color:#e9c78f;text-decoration:underline;text-underline-offset:3px;font-weight:600}.site-footer-signature{border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(8,13,22,.72),rgba(5,8,14,.92))}.footer-signature-inner{min-height:58px;display:flex;align-items:center;justify-content:center;gap:.45rem;flex-wrap:wrap;padding:.86rem 0 .95rem}.footer-signature-copy{margin:0;color:rgba(214,224,243,.55);font-size:clamp(.74rem,.95vw,.83rem);font-weight:500;line-height:1.4;letter-spacing:.09em;text-transform:uppercase}.footer-signature-dot{color:rgba(210,221,243,.42);font-size:.8rem;transform:translateY(-1px)}.footer-signature-link{display:inline-flex;align-items:center;text-decoration:none;line-height:0;opacity:.72;transition:opacity .22s ease,transform .22s ease}.footer-signature-logo{width:auto;height:clamp(1.42rem,2.45vw,2.25rem);display:block;filter:grayscale(1) saturate(0) brightness(1.55) contrast(.9)}.footer-signature-link:focus-visible,.footer-signature-link:hover{opacity:.9;transform:translateY(-1px)}.mobile-sticky-cta{position:fixed;left:.7rem;right:.7rem;bottom:.7rem;z-index:55;display:none;align-items:center;justify-content:center;text-decoration:none;font-size:.84rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:#fff;background:linear-gradient(180deg,var(--accent-2),var(--accent));border:1px solid rgba(255,255,255,.23);box-shadow:0 16px 32px rgba(184,137,82,.45)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (hover:hover) and (pointer:fine){.benefit-card:hover,.button-primary:hover,.button-secondary:hover,.price-card:hover,.problem-card:hover,.process-card:hover,.story-card:hover,.trainer-data-card:hover,.trainer-photo-card:hover,.transform-card:hover{transform:scale(1.02);box-shadow:var(--shadow-hover);border-color:rgba(255,255,255,.28)}}@media (max-width:1200px){.container{width:min(1220px,calc(100% - 2.4rem))}.stories-grid{align-items:stretch}.pricing-grid,.process-grid,.stories-grid,.transform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1024px){:root{--header-height:82px;--section-space:4.8rem}.menu-toggle{display:inline-flex;align-items:center;justify-content:center}.nav{position:absolute;top:calc(100% + .35rem);left:0;right:0;display:none;flex-direction:column;align-items:flex-start;gap:.65rem;padding:1rem;border-radius:12px;background:rgba(11,18,29,.97);border:1px solid var(--line);box-shadow:var(--shadow)}.nav.is-open{display:flex}.nav .nav-cta{width:100%;text-align:center;margin-top:.35rem}.benefit-grid,.pricing-grid,.problem-grid,.process-grid,.trainer-grid,.trainer-metrics{grid-template-columns:1fr}}@media (max-width:834px){.container{width:calc(100% - 1.7rem)}.hero-content{padding-top:calc(var(--header-height) + .45rem)}.hero h1{font-size:clamp(1.52rem,7.3vw,2.75rem);max-width:16ch}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button-primary,.hero-actions .button-secondary{width:100%}.transform-grid{grid-template-columns:1fr}.story-media{aspect-ratio:9/16}}@media (max-width:768px){:root{--header-height:76px;--section-space:4.3rem}h2{font-size:clamp(1.4rem,6.9vw,2.1rem)}.brand-avatar{width:48px;height:48px}.nav-shell{padding:.5rem .8rem;border-radius:14px}.brand-name{font-size:1rem}.hero-status{font-size:.65rem}.hero-lead{font-size:.92rem}.hero-actions{gap:.5rem}.hero-actions .button-primary,.hero-actions .button-secondary{padding:.78rem 1rem;font-size:.78rem}.hero-rating{display:none}.plan-price{font-size:1.95rem}.hero.hero-static .hero-video{opacity:.26}.origin-post{padding:1rem}.rules-list{padding:1rem 1rem 1rem 1.9rem}.final-cta-panel{width:100%;padding:1.65rem 1rem 1.75rem}.final-cta h2{max-width:15ch;font-size:clamp(1.52rem,6.2vw,2.45rem)}.final-cta .section-lead{font-size:.98rem}.final-cta .button-primary{min-width:min(300px,100%)}.mobile-sticky-cta{display:inline-flex}body{padding-bottom:4.3rem}}@media (max-width:480px){:root{--header-height:70px;--section-space:4rem}.container{width:calc(100% - 1rem)}.nav-shell{gap:.65rem;padding:.42rem .6rem;border-radius:12px}.brand-avatar{width:42px;height:42px}.brand-name{font-size:.86rem;max-width:38vw}.menu-toggle{font-size:.71rem;padding:.45rem .7rem}h2{font-size:clamp(1.34rem,8vw,2rem)}.faq-shell details p,.origin-post p,.price-card li,.rules-list li,.section-lead{font-size:.92rem}.compare-badge{font-size:.65rem}.ba-knob{width:34px;height:34px;font-size:1rem}.hero h1{font-size:clamp(1.38rem,7.9vw,2.05rem)}.hero-microcopy{display:none}.plan-price{font-size:1.75rem}.footer-signature-inner{gap:.35rem .44rem;min-height:52px;padding:.78rem 0 .84rem}.footer-signature-copy{font-size:.66rem;letter-spacing:.065em}.footer-signature-logo{width:auto;height:1.28rem}.footer-signature-dot{display:none}}@media (max-height:900px){.hero-content{gap:.45rem;padding-top:calc(var(--header-height) + .35rem);padding-bottom:.6rem}.hero h1{font-size:clamp(1.45rem,4.7vw,3rem)}.hero-lead{font-size:clamp(.9rem,1.25vw,1.05rem)}}@media (max-height:760px){.hero-microcopy,.hero-rating{display:none}.hero-content{gap:.35rem;padding-top:calc(var(--header-height) + .2rem);padding-bottom:.35rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,::after,::before{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* Phase 2026: UI/UX modernization + performance-friendly overrides */
:root {
  --section-space: 6.5rem;
  --text: #f7faff;
  --muted: #d6deec;
  --line: rgba(226, 205, 173, 0.22);
  --shadow: 0 24px 60px rgba(0, 0, 0, 0.35), 0 10px 26px rgba(6, 12, 22, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  --shadow-hover: 0 32px 80px rgba(0, 0, 0, 0.42), 0 14px 36px rgba(5, 12, 22, 0.46), inset 0 1px 0 rgba(255, 255, 255, 0.11);
}

html {
  scroll-padding-top: 112px;
}

html,
body {
  overflow-x: hidden;
}

body {
  font-size: max(16px, 1rem);
  font-weight: 400;
  line-height: 1.62;
}

h1,
h2 {
  font-weight: 800;
  letter-spacing: -0.03em;
}

h1 {
  font-size: clamp(2.15rem, 6.3vw, 4.9rem);
}

h2 {
  font-size: clamp(1.95rem, 4.5vw, 3.4rem);
}

.section {
  padding-block: var(--section-space);
}

.section-lead,
.story-card p,
.price-card li,
.rules-list li,
.faq-shell details p,
.origin-post p,
.plan-price span,
.hero-microcopy {
  color: rgba(231, 238, 250, 0.94);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
summary:focus-visible {
  outline: 3px solid #8cc5ff;
  outline-offset: 3px;
}

.benefit-card,
.faq-shell details,
.origin-post,
.price-card,
.problem-card,
.process-card,
.rules-list,
.story-card,
.trainer-data-card,
.trainer-photo-card,
.transform-card {
  border: 1px solid rgba(226, 205, 173, 0.2);
  background: linear-gradient(180deg, rgba(17, 27, 43, 0.78), rgba(10, 17, 29, 0.9));
  box-shadow: var(--shadow);
  backdrop-filter: blur(10px) saturate(122%);
  -webkit-backdrop-filter: blur(10px) saturate(122%);
}

.button-primary,
.button-secondary,
.menu-toggle,
.mobile-sticky-cta,
.nav .nav-cta,
.nav a {
  min-height: 48px;
}

.nav a {
  display: inline-flex;
  align-items: center;
  padding-inline: 0.2rem;
}

.button-primary,
.button-secondary,
.mobile-sticky-cta,
.nav .nav-cta {
  position: relative;
  transform: translateY(0);
  transition: transform 0.22s ease, box-shadow 0.22s ease, filter 0.22s ease;
}

.button-primary::after,
.button-secondary::after,
.mobile-sticky-cta::after,
.nav .nav-cta::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(120deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0));
  transform: translateX(-130%);
  opacity: 0;
}

.button-primary:hover,
.button-secondary:hover,
.mobile-sticky-cta:hover,
.nav .nav-cta:hover,
.button-primary:focus-visible,
.button-secondary:focus-visible,
.mobile-sticky-cta:focus-visible,
.nav .nav-cta:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.38);
  filter: saturate(1.06);
}

.button-primary:hover::after,
.button-secondary:hover::after,
.mobile-sticky-cta:hover::after,
.nav .nav-cta:hover::after {
  opacity: 1;
  transition: transform 0.45s ease;
  transform: translateX(130%);
}

.button-primary.is-press-success,
.button-secondary.is-press-success,
.mobile-sticky-cta.is-press-success,
.nav .nav-cta.is-press-success {
  animation: cta-success 0.45s ease;
}

@keyframes cta-success {
  0% {
    transform: translateY(0) scale(1);
  }

  45% {
    transform: translateY(-2px) scale(1.035);
  }

  100% {
    transform: translateY(0) scale(1);
  }
}

.reviews-slider {
  margin-top: 1.9rem;
}

.reviews-track {
  margin-top: 0;
}

.review-card {
  display: flex;
  flex-direction: column;
  gap: 0.86rem;
}

.review-footer {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.review-profile {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
}

.review-platform {
  padding: 0.3rem 0.6rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.06);
  color: rgba(240, 246, 255, 0.9);
  font-size: 0.72rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
}

.story-media,
.trainer-photo-card picture,
.brand-profile picture {
  position: relative;
  isolation: isolate;
}

.ba-image {
  position: absolute;
  inset: 0;
  isolation: isolate;
}

.story-media::before,
.ba-image::before,
.trainer-photo-card picture::before,
.brand-profile picture::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(105deg, rgba(24, 35, 54, 0.96) 8%, rgba(59, 80, 112, 0.42) 46%, rgba(24, 35, 54, 0.96) 86%);
  opacity: 0;
  transform: translateX(-120%);
}

.story-media.is-loading::before,
.ba-image.is-loading::before,
.trainer-photo-card picture.is-loading::before,
.brand-profile picture.is-loading::before {
  opacity: 1;
  animation: skeleton-wave 1.1s linear infinite;
}

@keyframes skeleton-wave {
  to {
    transform: translateX(120%);
  }
}

@media (hover:hover) and (pointer:fine) {
  .benefit-card:hover,
  .price-card:hover,
  .problem-card:hover,
  .process-card:hover,
  .story-card:hover,
  .trainer-data-card:hover,
  .trainer-photo-card:hover,
  .transform-card:hover {
    transform: translateY(-3px) scale(1.012);
  }
}

@media (max-width: 1200px) {
  :root {
    --section-space: 6rem;
  }
}

@media (max-width: 1024px) {
  :root {
    --section-space: 5.85rem;
  }
}

@media (max-width: 834px) {
  :root {
    --section-space: 5.25rem;
  }

  .reviews-slider {
    margin-inline: -0.25rem;
  }

  .reviews-track {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(84%, 1fr);
    gap: 0.85rem;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    padding-inline: 0.25rem;
    padding-bottom: 0.45rem;
    -webkit-overflow-scrolling: touch;
  }

  .reviews-track .review-card {
    scroll-snap-align: start;
  }

  .reviews-track::-webkit-scrollbar {
    height: 7px;
  }

  .reviews-track::-webkit-scrollbar-thumb {
    background: rgba(223, 191, 140, 0.45);
    border-radius: 999px;
  }
}

@media (max-width: 768px) {
  body {
    font-size: max(16px, 1rem);
  }

  .container {
    width: calc(100% - 1.25rem);
  }

  .button-primary,
  .button-secondary,
  .menu-toggle,
  .mobile-sticky-cta,
  .nav .nav-cta,
  .nav a {
    min-height: 48px;
  }
}

@media (max-width: 480px) {
  :root {
    --section-space: 4.8rem;
  }

  h1 {
    font-size: clamp(1.58rem, 8.3vw, 2.4rem);
  }

  h2 {
    font-size: clamp(1.48rem, 7.6vw, 2.3rem);
  }

  .reviews-track {
    grid-auto-columns: minmax(90%, 1fr);
  }
}

/* Phase 2026: touch target/accessibility refinements */
.brand-profile,
.footer-signature-link,
.faq-shell summary,
.contact-links a {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
}

.faq-shell summary {
  width: 100%;
}

/* Phase 2026: skeleton wrapper layout fixes */
.brand-profile picture,
.trainer-photo-card picture {
  display: block;
}

.brand-profile picture {
  border-radius: 50%;
  overflow: hidden;
}

.ba-before {
  z-index: 1;
}

.ba-after {
  z-index: 2;
  clip-path: inset(0 calc(100% - var(--split)) 0 0);
}

/* Buczek Technologies fixed footer */
:root {
  --footer-safe-space: 58px;
  --footer-logo-width: 230px;
  --footer-font: "Inter", "Segoe UI", sans-serif;
  --footer-bg-dark: #000000;
  --footer-fg-dark: #c9cdd2;
  --footer-muted-dark: #9fb0be;
  --footer-extra-size: 11px;
  --footer-extra-gap: 10px;
}

.footer-safe {
  padding-bottom: calc(var(--footer-safe-space) + env(safe-area-inset-bottom)) !important;
}

.app-footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 0;
  padding: 10px 0 calc(8px + env(safe-area-inset-bottom)) 0;
  min-height: 0;
  width: 100%;
  max-width: none;
  background: var(--footer-bg-dark);
  border-radius: 0;
  box-shadow: none;
  color: var(--footer-fg-dark);
  font-family: var(--footer-font);
  white-space: nowrap;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
  z-index: 2147483000;
}

.app-footer__left {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: var(--footer-extra-gap);
  flex: 0 0 auto;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  order: 2;
  opacity: 0.85;
  font-family: var(--footer-font);
  line-height: 1;
}

.app-footer__logo {
  display: block;
  width: auto;
  height: 28px;
  max-height: none;
  max-width: min(68vw, var(--footer-logo-width));
  flex: 0 0 auto;
  filter: none;
  transform: none;
}

.app-footer__separator {
  display: inline-block;
  color: #1fa2a6;
  font-size: 13px;
  height: 28px;
  line-height: 28px;
  flex: 0 0 auto;
}

.app-footer__extra {
  display: inline-block;
  align-self: center;
  color: #c9cdd2;
  font-family: var(--footer-font);
  font-size: var(--footer-extra-size);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.5px;
  height: 28px;
  line-height: 28px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: min(56vw, 520px);
  min-width: 0;
  flex: 0 1 auto;
  opacity: 1;
  margin-left: 0;
  transform: none;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.mobile-sticky-cta {
  bottom: calc(var(--footer-safe-space) + 0.7rem + env(safe-area-inset-bottom));
  z-index: 2147483001;
}

@media (max-width: 760px) {
  .app-footer {
    padding: 8px 0 calc(6px + env(safe-area-inset-bottom)) 0;
  }

  .app-footer__separator {
    font-size: 12px;
  }

  .app-footer__extra {
    font-size: 10px;
    letter-spacing: 0.25px;
    max-width: min(40vw, 180px);
  }
}

.app-footer__link {
  display: block;
  line-height: 0;
  pointer-events: auto;
  text-decoration: none;
  cursor: pointer;
}

/* Transformations: ratios updated for replaced user images */
.compare-kacper {
  --compare-ratio: 3 / 4;
  --compare-width: 300px;
  --compare-max-height: 640px;
  --before-pos: 50% 50%;
  --after-pos: 50% 50%;
}

.compare-filip {
  --compare-ratio: 29 / 50;
  --compare-width: 300px;
  --compare-max-height: 620px;
  --before-pos: 50% 50%;
  --after-pos: 50% 50%;
}

.compare-marek {
  --compare-ratio: 5 / 9;
  --compare-width: 300px;
  --compare-max-height: 620px;
  --before-pos: 50% 50%;
  --after-pos: 50% 50%;
}

#przemiany .transform-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  justify-items: stretch;
}

#przemiany .transform-card {
  width: 100%;
  padding: 1rem;
}

#przemiany .transform-compare {
  width: min(100%, 300px);
  cursor: ew-resize;
}

/* Trainer card: slightly more transparent glass effect */
.trainer-section .trainer-data-card {
  background: linear-gradient(180deg, rgba(10, 18, 31, 0.6), rgba(7, 13, 24, 0.72));
  border-color: rgba(226, 205, 173, 0.18);
  backdrop-filter: blur(12px) saturate(118%);
  -webkit-backdrop-filter: blur(12px) saturate(118%);
}

.trainer-section .trainer-metrics article {
  background: rgba(255, 255, 255, 0.018);
  border-color: rgba(226, 205, 173, 0.16);
}

.trainer-section .trainer-data-card blockquote {
  background: rgba(255, 255, 255, 0.014);
}

@media (max-width: 1200px) {
  #przemiany .transform-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 834px) {
  #przemiany .transform-grid {
    grid-template-columns: 1fr;
  }

  #przemiany .transform-compare {
    width: min(100%, 360px);
  }
}

@media (max-width: 640px) {
  :root {
    --section-space: 3.6rem;
    --footer-safe-space: 44px;
  }

  body {
    padding-bottom: calc(var(--footer-safe-space) + env(safe-area-inset-bottom));
  }

  .section {
    padding-block: var(--section-space);
  }

  .reveal,
  .reveal.is-visible {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .container {
    width: calc(100% - 1.25rem);
  }

  .site-header {
    padding-top: 0.35rem;
  }

  .nav-shell {
    min-height: 0;
    gap: 0.55rem;
    padding: 0.45rem 0.55rem;
    border-radius: 14px;
  }

  .brand-profile {
    flex: 1 1 auto;
    min-width: 0;
    gap: 0.55rem;
  }

  .brand-avatar {
    width: 40px;
    height: 40px;
  }

  .brand-name {
    max-width: none;
    font-size: 0.82rem;
    line-height: 1.12;
  }

  .menu-toggle {
    min-width: 72px;
    min-height: 48px;
    padding: 0.52rem 0.82rem;
    margin-left: 0;
  }

  .nav {
    top: calc(100% + 0.45rem);
    gap: 0.45rem;
    padding: 0.75rem;
    max-height: calc(100svh - var(--header-height) - 1rem);
    overflow: auto;
  }

  .nav a {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 48px;
    padding: 0.8rem 0.9rem;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.03);
  }

  .nav .nav-cta {
    min-height: 48px;
    margin-top: 0.1rem;
  }

  .hero {
    min-height: 0;
    height: auto;
  }

  .hero-content {
    height: auto;
    min-height: 0;
    justify-content: flex-start;
    gap: 0.8rem;
    padding-top: calc(var(--header-height) + 1.25rem);
    padding-bottom: 1.35rem;
  }

  .hero-status {
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.4rem;
    font-size: 0.62rem;
  }

  .hero h1 {
    max-width: 11ch;
    font-size: clamp(1.75rem, 9vw, 2.35rem);
    line-height: 1.03;
  }

  .hero-lead {
    max-width: 29ch;
    font-size: 1rem;
  }

  h1,
  h2,
  h3 {
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
  }

  .hero-actions {
    width: 100%;
  }

  .hero-actions .button-primary,
  .hero-actions .button-secondary {
    width: 100%;
    min-height: 50px;
  }

  .stories-grid {
    grid-template-columns: 1fr;
    gap: 0.9rem;
  }

  .benefit-grid,
  .problem-grid,
  .process-grid,
  .pricing-grid,
  .trainer-grid,
  .transform-grid {
    gap: 0.9rem;
  }

  .story-card {
    padding: 0.85rem;
    max-width: 360px;
    width: 100%;
    margin-inline: auto;
  }

  .benefit-card,
  .problem-card,
  .process-card,
  .price-card,
  .trainer-photo-card,
  .trainer-data-card,
  .transform-card,
  .review-card,
  .faq-shell details {
    max-width: 360px;
    width: 100%;
    margin-inline: auto;
  }

  .story-media {
    width: min(100%, 280px);
  }

  .story-card p {
    font-size: 0.95rem;
  }

  .reviews-slider {
    margin-inline: 0;
  }

  .reviews-track {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: 1fr;
    overflow: visible;
    scroll-snap-type: none;
    padding-inline: 0;
    padding-bottom: 0;
  }

  .reviews-track .review-card {
    scroll-snap-align: none;
  }

  .problem-card,
  .benefit-card,
  .process-card,
  .price-card,
  .transform-card,
  .review-card,
  .trainer-data-card,
  .origin-post,
  .rules-list,
  .faq-shell details {
    border-radius: 12px;
  }

  .transform-card {
    padding: 0.85rem;
  }

  #przemiany .transform-compare {
    width: min(100%, 320px);
  }

  .trainer-data-card,
  .origin-post,
  .price-card,
  .review-card {
    padding: 0.95rem;
  }

  .review-card {
    min-height: 0;
  }

  .review-quote {
    font-size: 0.98rem;
    line-height: 1.55;
  }

  .review-footer {
    align-items: flex-start;
    flex-direction: column;
  }

  .review-platform {
    align-self: flex-start;
  }

  .trainer-photo-card {
    max-width: 360px;
    overflow: hidden;
  }

  .trainer-photo-card img {
    aspect-ratio: 4 / 5;
    height: auto;
  }

  .trainer-data-card h2 {
    max-width: 10ch;
  }

  .trainer-certificates ul,
  .price-card ul {
    padding-left: 1rem;
  }

  .trainer-metrics {
    grid-template-columns: 1fr;
  }

  .plan-price {
    font-size: 1.9rem;
  }

  .final-cta-panel {
    padding: 1.35rem 0.9rem 1.45rem;
  }

  .final-cta .button-primary {
    min-width: 100%;
    min-height: 50px;
  }

  .contact-links {
    font-size: 0.92rem;
    line-height: 1.55;
  }

  .app-footer {
    position: static;
    padding: 10px 0 calc(8px + env(safe-area-inset-bottom)) 0;
    margin-top: 1rem;
  }

  .app-footer__left {
    gap: 0.45rem;
  }

  .app-footer__logo {
    height: 22px;
    max-width: min(54vw, 168px);
  }

  .app-footer__separator,
  .app-footer__extra {
    display: none;
  }

  .footer-safe {
    padding-bottom: 0 !important;
  }

  .mobile-sticky-cta {
    display: none;
  }
}
