*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:#000000;}
::selection{background:#C9A24C;color:#F4F1EA;}
@keyframes fchPulse{0%,100%{opacity:1;}50%{opacity:.35;}}
@keyframes heroSlideL{from{opacity:0;transform:translateX(-54px);}to{opacity:1;transform:translateX(0);}}
@keyframes heroSlideR{from{opacity:0;transform:translateX(48px);}to{opacity:1;transform:translateX(0);}}
@keyframes heroFade{from{opacity:0;}to{opacity:1;}}
@keyframes kenBurns{from{opacity:0;transform:scale(1.06);}40%{opacity:1;}to{opacity:1;transform:scale(1);}}
@keyframes cageReveal{0%{opacity:0;transform:rotateX(15deg) scale(.82);}60%{opacity:1;}100%{opacity:1;transform:rotateX(15deg) scale(1);}}
@keyframes spotIn{0%{opacity:0;}40%{opacity:.5;}55%{opacity:.18;}70%{opacity:.9;}100%{opacity:1;}}
@keyframes haloPulse{0%,100%{opacity:.55;}50%{opacity:.9;}}
@keyframes scanDrop{0%{opacity:0;transform:translateY(-40px) scaleY(.4);}100%{opacity:1;transform:translateY(0) scaleY(1);}}
input,textarea,select,button{font-family:inherit;}
input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #C9A24C;outline-offset:2px;}
button{transition:transform .12s ease,background .2s ease,border-color .2s ease,color .2s ease,opacity .2s ease;}
button:active:not(:disabled){transform:scale(0.97);}
button:disabled{opacity:0.55;cursor:not-allowed;}
/* ===== BUTTON SYSTEM (Karta startowa) ===== */
.cpx-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:'Saira Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;line-height:1;cursor:pointer;border-radius:2px;-webkit-appearance:none;transition:transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .25s ease,border-color .25s ease,color .25s ease,background .25s ease;}
.cpx-btn:hover{transform:translateY(-2px);}
.cpx-arrow{display:inline-block;transition:transform .28s cubic-bezier(.2,.7,.2,1);}
.cpx-btn:hover .cpx-arrow{transform:translateX(5px);}
/* PRIMARY — crimson */
.cpx-primary{overflow:hidden;border:none;color:#FBEFDC;background:linear-gradient(180deg,#D24437 0%,#C5362B 44%,#9E2820 100%);box-shadow:0 12px 26px -10px rgba(158,40,32,0.7),0 3px 8px -3px rgba(158,40,32,0.55),inset 0 1px 0 rgba(255,228,200,0.5),inset 0 -2px 0 rgba(199,162,76,0.55);}
.cpx-primary:hover{box-shadow:0 18px 34px -10px rgba(158,40,32,0.8),0 4px 10px -3px rgba(158,40,32,0.6),inset 0 1px 0 rgba(255,228,200,0.6),inset 0 -2px 0 #C7A24C;}
.cpx-primary::after{content:"";position:absolute;top:0;bottom:0;left:-70%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,243,225,0.5),transparent);transform:skewX(-18deg);pointer-events:none;opacity:0;}
.cpx-primary:hover::after{animation:cpxSweep .7s ease;}
@keyframes cpxSweep{0%{left:-70%;opacity:1;}100%{left:130%;opacity:1;}}
/* GHOST — secondary */
.cpx-ghost{background:transparent;border:1px solid rgba(199,162,76,0.55);color:#ECE4D6;}
.cpx-ghost:hover{border-color:#C7A24C;color:#C7A24C;box-shadow:inset 0 0 24px rgba(199,162,76,0.16),0 10px 22px -12px rgba(199,162,76,0.4);}
/* TEXT — directional link */
.cpx-text{position:relative;background:none;border:none;color:#8C857A;font-family:'Saira Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:5px 1px;transition:color .25s ease;}
.cpx-text::after{content:"";position:absolute;left:0;bottom:0;height:1.5px;width:100%;background:#C7A24C;transform:scaleX(0);transform-origin:left;transition:transform .32s cubic-bezier(.2,.7,.2,1);}
.cpx-text:hover{color:#C7A24C;}
.cpx-text:hover::after{transform:scaleX(1);}
.cpx-text:hover .cpx-arrow{transform:translateX(4px);}
/* ===== PRZEWAGI / SEKCJE REDAKCYJNE — bez ramek ===== */
.cpx-edit-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:72px;row-gap:0;}
.cpx-adv-item{display:flex;align-items:flex-start;gap:30px;padding:40px 4px 40px 0;border-top:1px solid rgba(236,228,214,0.13);}
.cpx-adv-num{flex:0 0 auto;font-family:'Saira Condensed',sans-serif;font-weight:800;font-size:clamp(72px,6vw,96px);line-height:0.78;letter-spacing:-0.01em;color:transparent;-webkit-text-stroke:1.4px #C7A24C;text-stroke:1.4px #C7A24C;transition:-webkit-text-stroke-color .3s ease,color .3s ease;}
.cpx-adv-item:hover .cpx-adv-num{-webkit-text-stroke-color:#C5362B;text-stroke-color:#C5362B;}
.cpx-adv-head{font-family:'Saira Condensed',sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(21px,2.1vw,27px);line-height:1.04;margin:6px 0 12px;color:#ECE4D6;}
.cpx-adv-body{font-family:'Saira',sans-serif;font-size:16px;line-height:1.62;color:#8C857A;margin:0;max-width:54ch;}
/* ===== Wybierz swój narożnik — karty na tle ringu ===== */
.cpx-corner-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,12vw,200px);}
.cpx-corner-card{position:relative;overflow:hidden;border-radius:2px;display:flex;flex-direction:column;height:100%;box-sizing:border-box;transition:transform .42s cubic-bezier(.2,.7,.2,1),box-shadow .42s ease,border-color .3s ease,background .3s ease;}
.cpx-corner-card::after{content:"";position:absolute;top:0;bottom:0;left:-75%;width:55%;background:linear-gradient(100deg,transparent,rgba(255,243,225,0.32),transparent);transform:skewX(-18deg);pointer-events:none;opacity:0;z-index:3;}
.cpx-corner-card:hover{transform:translateY(-10px);background:rgba(20,16,11,0.66);}
.cpx-corner-card.brass:hover{border-color:#C7A24C;box-shadow:0 34px 70px -22px rgba(0,0,0,0.75),0 0 38px -6px rgba(199,162,76,0.45),inset 0 0 0 1px rgba(199,162,76,0.35);}
.cpx-corner-card.crimson:hover{border-color:#C5362B;box-shadow:0 34px 70px -22px rgba(0,0,0,0.75),0 0 38px -6px rgba(197,54,43,0.5),inset 0 0 0 1px rgba(197,54,43,0.35);}
.cpx-corner-card:hover::after,.cpx-corner-card.cpx-do-shine::after{animation:cpxSweep .85s ease;}
.cpx-corner-card.cpx-do-shine::after{animation-delay:.12s;}
@media (max-width:980px){
.cpx-corner-grid{grid-template-columns:1fr;gap:22px;}
}
/* ===== Przejrzysty układ — accordion korzyści ===== */
.cpx-mrow{border-top:1px solid rgba(236,228,214,0.13);}
.cpx-mrow:last-child{border-bottom:1px solid rgba(236,228,214,0.13);}
.cpx-mrow-head{width:100%;display:grid;grid-template-columns:230px minmax(0,1fr) auto;grid-template-areas:"label benefit chev";align-items:center;gap:40px;background:none;border:none;cursor:pointer;text-align:left;padding:30px 2px;font-family:inherit;}
.cpx-mc-l{grid-area:label;}
.cpx-mc-b{grid-area:benefit;}
.cpx-mc-c{grid-area:chev;}
.cpx-mrow-label{font-family:'Space Mono',monospace;font-size:12px;letter-spacing:0.16em;text-transform:uppercase;color:#C7A24C;margin-bottom:11px;}
.cpx-mrow-val{font-family:'Saira Condensed',sans-serif;font-weight:800;text-transform:uppercase;font-size:clamp(26px,2.5vw,34px);line-height:0.95;color:#ECE4D6;}
.cpx-mrow-benefit{font-family:'Saira',sans-serif;font-size:16px;line-height:1.55;color:#B4AB9C;max-width:50ch;}
.cpx-chev{width:54px;height:54px;border-radius:50%;border:1.5px solid #5a4f37;display:flex;align-items:center;justify-content:center;color:#C7A24C;transition:transform .42s cubic-bezier(.4,0,.2,1),border-color .25s ease,background .25s ease,color .25s ease;will-change:transform;backface-visibility:hidden;}
.cpx-mrow-head:hover .cpx-chev{border-color:#C7A24C;background:rgba(199,162,76,0.14);color:#E8C870;}
.cpx-mrow-head:active .cpx-chev{background:rgba(199,162,76,0.22);}
.cpx-mrow-panel{display:grid;transition:grid-template-rows .42s cubic-bezier(.4,0,.2,1);}
.cpx-mrow-panel > div{overflow:hidden;min-height:0;}
.cpx-mrow-pad{display:grid;grid-template-columns:230px minmax(0,1fr);gap:40px;padding:2px 2px 34px;}
.cpx-bullets{list-style:none;margin:0;padding:0;display:grid;gap:13px;max-width:64ch;}
.cpx-bullet{display:flex;align-items:flex-start;gap:14px;font-family:'Saira',sans-serif;font-size:15.5px;line-height:1.5;color:#9A9284;}
.cpx-bullet-sq{flex:0 0 auto;width:8px;height:8px;background:#C5362B;margin-top:7px;}
/* ===== Wymagania lokalu — panel porównawczy + chipy ===== */
.cpx-req-grid{display:grid;grid-template-columns:1.7fr 1fr 1.3fr;gap:28px;align-items:center;}
.cpx-req-icon{flex:0 0 auto;color:#C7A24C;display:flex;align-items:center;justify-content:center;}
.cpx-chip{display:inline-flex;align-items:center;gap:9px;font-family:'Saira Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:0.02em;font-size:15px;line-height:1;padding:11px 16px;border-radius:2px;}
.cpx-chip-on{background:rgba(199,162,76,0.15);border:1px solid rgba(199,162,76,0.55);color:#ECE4D6;}
.cpx-chip-off{background:transparent;border:1px dashed rgba(236,228,214,0.24);color:#8C857A;}
.cpx-chip-off .cpx-chip-dot{border:1px solid #6f6656;}
.cpx-chip-dot{flex:0 0 auto;width:7px;height:7px;background:#C7A24C;border-radius:50%;}
.cpx-chip-off .cpx-chip-dot{background:transparent;}
@media (max-width:640px){
.cpx-req-head{display:none !important;}
.cpx-req-grid{grid-template-columns:1fr 1fr;gap:6px 20px;padding:16px 0;}
.cpx-req-name{grid-column:1 / -1;margin-bottom:4px;}
.cpx-req-chip-cols{grid-template-columns:1fr !important;gap:32px !important;}
}
/* ===== O sieci — Moja historia ===== */
.cpx-story-grid{display:grid;grid-template-columns:1fr 0.62fr;gap:clamp(36px,5vw,64px);align-items:start;}
.cpx-story-cols{column-count:2;column-gap:46px;}
.cpx-story-cols .cpx-story-p,.cpx-story-cols .cpx-story-quote{break-inside:avoid;}
@media (max-width:1080px){
.cpx-story-cols{column-count:1;}
}
.cpx-story-lead{font-family:'Saira',sans-serif;font-size:clamp(19px,1.7vw,22px);line-height:1.62;color:#D8D1C5;margin:0;}
.cpx-story-p{font-family:'Saira',sans-serif;font-size:17px;line-height:1.78;color:#ECE4D6;margin:0 0 20px;}
.cpx-story-p:last-child{margin-bottom:0;}
.cpx-story-quote{margin:30px 0;padding:4px 0 4px 26px;border-left:2px solid #C7A24C;font-family:'Saira Condensed',sans-serif;font-weight:700;font-size:clamp(23px,2.5vw,31px);line-height:1.18;color:#C7A24C;}
.cpx-story-toggle:hover .cpx-chev{border-color:#C7A24C;background:rgba(199,162,76,0.14);color:#E8C870;}
.cpx-story-toggle:active .cpx-chev{background:rgba(199,162,76,0.22);}
.cpx-story-lead{font-family:'Saira',sans-serif;font-size:clamp(19px,1.7vw,22px);line-height:1.62;color:#D8D1C5;margin:0 0 28px;}
.cpx-story-toggle{display:flex;align-items:center;gap:12px;background:none;border:none;cursor:pointer;padding:8px 0;margin-top:20px;}
.cpx-story-toggle-text{font-family:'Saira Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;font-size:14px;color:#C7A24C;transition:color .25s ease;}
.cpx-story-toggle:hover .cpx-story-toggle-text{color:#E8C870;}
.cpx-story-toggle:hover .cpx-chev{border-color:#C7A24C;background:rgba(199,162,76,0.14);color:#E8C870;}
.cpx-story-toggle:active .cpx-chev{background:rgba(199,162,76,0.22);}
.cpx-story-panel{display:grid;transition:grid-template-rows .42s cubic-bezier(.4,0,.2,1);}
.cpx-story-panel > div{overflow:hidden;min-height:0;}
.cpx-story-panel-pad{padding:0 0 34px;}
.cpx-story-values{font-family:'Space Mono',monospace;font-size:12.5px;letter-spacing:0.05em;color:#6B6358;margin:0;padding-top:40px;}
@media (max-width:820px){
.cpx-story-grid{grid-template-columns:1fr;gap:30px;}
}
/* ===== Profil franczyzobiorcy — anatomia ===== */
.cpx-anat-stage{position:relative;min-height:660px;}
.cpx-anat-fig{position:absolute;left:50%;bottom:0;transform:translateX(-50%) translateY(18px);height:88%;opacity:0;transition:opacity .9s ease,transform .9s ease;z-index:2;}
.cpx-anat-fig img{display:block;height:100%;width:auto;filter:grayscale(0.25) brightness(0.82) contrast(1.05);}
.cpx-anat-fig::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,0.55) 85%,#000000 100%);}
[data-anatomy][data-on] .cpx-anat-fig{opacity:1;transform:translateX(-50%) translateY(0);}
.cpx-anat-ring{position:absolute;left:50%;top:33%;transform:translate(-50%,-50%);z-index:1;pointer-events:none;}
.cpx-anat-ring circle{fill:none;stroke:#C7A24C;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1s ease .35s;}
.cpx-anat-ring .cpx-ring2{stroke-dashoffset:100;transition-delay:.55s;opacity:.4;}
[data-anatomy][data-on] .cpx-anat-ring circle{stroke-dashoffset:0;}
.cpx-anat-glow{position:absolute;left:50%;top:33%;width:340px;height:340px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(199,162,76,0.16) 0%,transparent 62%);opacity:0;z-index:0;pointer-events:none;}
[data-anatomy][data-on] .cpx-anat-glow{opacity:1;animation:cpxRingPulse 3.6s ease-in-out 1.4s infinite;}
@keyframes cpxRingPulse{0%,100%{opacity:.55;}50%{opacity:1;}}
.cpx-anat-rays{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;}
.cpx-anat-rays line{stroke:#C7A24C;stroke-width:1;stroke-dasharray:100;stroke-dashoffset:100;}
.cpx-anat-rays line.crimson{stroke:#C5362B;}
[data-anatomy][data-on] .cpx-anat-rays line{transition:stroke-dashoffset .5s ease-out;stroke-dashoffset:0;}
[data-anatomy][data-on] .cpx-anat-rays .d1{transition-delay:1.0s;}
[data-anatomy][data-on] .cpx-anat-rays .d2{transition-delay:1.12s;}
[data-anatomy][data-on] .cpx-anat-rays .d3{transition-delay:1.24s;}
[data-anatomy][data-on] .cpx-anat-rays .d4{transition-delay:1.36s;}
[data-anatomy][data-on] .cpx-anat-rays .d5{transition-delay:1.48s;}
[data-anatomy][data-on] .cpx-anat-rays .d6{transition-delay:1.6s;}
.cpx-anat-node{position:absolute;width:9px;height:9px;background:#C7A24C;transform:translate(-50%,-50%) rotate(45deg);opacity:0;transition:opacity .3s ease,box-shadow .5s ease;z-index:3;}
[data-anatomy][data-on] .cpx-anat-node{opacity:1;box-shadow:0 0 12px rgba(199,162,76,0.7);}
.cpx-anat-label{position:absolute;max-width:250px;opacity:0;transform:translateY(6px);transition:opacity .55s ease,transform .55s ease;z-index:3;}
[data-anatomy][data-on] .cpx-anat-label{opacity:1;transform:translateY(0);}
[data-anatomy][data-on] .n1{transition-delay:1.5s;}
[data-anatomy][data-on] .n2{transition-delay:1.62s;}
[data-anatomy][data-on] .n3{transition-delay:1.74s;}
[data-anatomy][data-on] .n4{transition-delay:1.86s;}
[data-anatomy][data-on] .n5{transition-delay:1.98s;}
[data-anatomy][data-on] .n6{transition-delay:2.1s;}
.cpx-anat-label-h{font-family:'Saira Condensed',sans-serif;font-weight:700;text-transform:uppercase;font-size:19px;line-height:1.05;color:#ECE4D6;margin:0 0 7px;}
.cpx-anat-label-p{font-family:'Saira',sans-serif;font-size:14px;line-height:1.5;color:#9A9183;margin:0;}
.cpx-anat-l{text-align:right;}
.cpx-anat-mobile{display:none;}
@media (max-width:760px){
.cpx-anat-stage{display:none;}
.cpx-anat-mobile{display:block;}
}
@media (prefers-reduced-motion: reduce){
.cpx-anat-fig,.cpx-anat-label,.cpx-anat-node{opacity:1 !important;transform:translateY(0) !important;transition:none !important;}
.cpx-anat-fig{transform:translateX(-50%) !important;}
.cpx-anat-node{transform:translate(-50%,-50%) rotate(45deg) !important;}
.cpx-anat-ring circle,.cpx-anat-rays line{stroke-dashoffset:0 !important;transition:none !important;}
.cpx-anat-glow{opacity:1 !important;animation:none !important;}
}
/* ===== FAQ — pogrupowana harmonijka ===== */
.cpx-faq-head{width:100%;text-align:left;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 4px;font-family:inherit;}
.cpx-faq-head:hover .cpx-chev{border-color:#C7A24C;background:rgba(199,162,76,0.14);color:#E8C870;}
.cpx-faq-head:active .cpx-chev{background:rgba(199,162,76,0.22);}
/* ===== Przebieg w 8 rundach — akordeon rund ===== */
.cpx-rounds-list{display:grid;gap:0;}
.cpx-round-row{border-top:1px solid rgba(236,228,214,0.13);display:grid;grid-template-columns:140px 1fr auto auto;grid-template-areas:"num label duration chev";align-items:center;gap:28px;}
.cpx-round-row:last-child{border-bottom:1px solid rgba(236,228,214,0.13);}
.cpx-round-head{width:100%;display:contents;background:none;border:none;cursor:pointer;text-align:left;padding:28px 0;font-family:inherit;}
.cpx-round-num{grid-area:num;font-family:'Saira Condensed',sans-serif;font-weight:800;font-size:clamp(56px,5vw,76px);line-height:0.8;letter-spacing:-0.01em;color:transparent;-webkit-text-stroke:1.2px #C7A24C;text-stroke:1.2px #C7A24C;transition:-webkit-text-stroke-color .3s ease,color .3s ease;}
.cpx-round-row:hover .cpx-round-num{-webkit-text-stroke-color:#C5362B;text-stroke-color:#C5362B;}
.cpx-round-label{grid-area:label;display:flex;flex-direction:column;gap:6px;}
.cpx-round-tag{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:0.16em;text-transform:uppercase;color:#C7A24C;margin:0;}
.cpx-round-title{font-family:'Saira Condensed',sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(18px,1.8vw,24px);line-height:1.05;color:#ECE4D6;margin:0;}
.cpx-round-desc{font-family:'Saira',sans-serif;font-size:15px;line-height:1.5;color:#B4AB9C;margin:0;}
.cpx-round-duration{grid-area:duration;font-family:'Space Mono',monospace;font-size:12px;letter-spacing:0.08em;text-transform:uppercase;padding:6px 12px;border:1px solid rgba(199,162,76,0.4);color:#9A9183;white-space:nowrap;border-radius:2px;}
.cpx-round-chev{grid-area:chev;width:48px;height:48px;border-radius:50%;border:1.5px solid #5a4f37;display:flex;align-items:center;justify-content:center;color:#C7A24C;transition:transform .42s cubic-bezier(.4,0,.2,1),border-color .25s ease,background .25s ease,color .25s ease;will-change:transform;backface-visibility:hidden;}
.cpx-round-head:hover .cpx-round-chev{border-color:#C7A24C;background:rgba(199,162,76,0.14);color:#E8C870;}
.cpx-round-head:active .cpx-round-chev{background:rgba(199,162,76,0.22);}
.cpx-round-panel{display:grid;transition:grid-template-rows .42s cubic-bezier(.4,0,.2,1);}
.cpx-round-panel > div{overflow:hidden;min-height:0;}
.cpx-round-pad{display:grid;grid-template-columns:140px 1fr;gap:28px;padding:2px 0 28px;padding-left:0;}
.cpx-round-bullets{list-style:none;margin:0;padding:0;display:grid;gap:12px;max-width:64ch;}
.cpx-round-bullet{display:flex;align-items:flex-start;gap:14px;font-family:'Saira',sans-serif;font-size:15px;line-height:1.5;color:#9A9284;}
.cpx-round-bullet-sq{flex:0 0 auto;width:6px;height:6px;background:#C5362B;margin-top:6px;}
@media (prefers-reduced-motion: reduce){
.cpx-story-panel{transition:none !important;}
.cpx-round-panel{transition:none !important;}
.cpx-round-chev{transition:none !important;}
}
@media (prefers-reduced-motion: reduce){
.cpx-mrow-panel{transition:none !important;}
.cpx-chev{transition:none !important;}
}
/* ===== MODEL I WARUNKI — karty opłat, drabinka, ROI, wsparcie ===== */
.cpx-fee-card{position:relative;background:#1E1A14;border:1px solid rgba(236,228,214,0.12);border-top:2px solid #C5362B;border-radius:2px;padding:38px 30px 32px;transition:transform .35s cubic-bezier(.2,.7,.2,1),border-top-color .35s ease,box-shadow .35s ease;}
.cpx-fee-card:hover{transform:translateY(-4px);border-top-color:#C7A24C;box-shadow:0 24px 46px -20px rgba(0,0,0,0.65);}
.cpx-fee-icon{position:absolute;top:24px;right:24px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(199,162,76,0.5);display:flex;align-items:center;justify-content:center;color:#C7A24C;}
.cpx-fee-eyebrow{font-family:'Saira',sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:0.1em;color:#9A9183;margin:0 56px 16px 0;}
.cpx-fee-num{font-family:'Saira Condensed',sans-serif;font-weight:800;font-size:clamp(32px,3.4vw,44px);color:#ECE4D6;line-height:1;margin-bottom:16px;}
.cpx-fee-unit{font-family:'Space Mono',monospace;font-size:0.4em;color:#C7A24C;letter-spacing:0.02em;margin-left:7px;}
.cpx-fee-body{font-family:'Saira',sans-serif;font-size:15.5px;line-height:1.55;color:#9A9183;margin:0;}
.cpx-roi-card{position:relative;overflow:hidden;background:#1E1A14;border:1px solid rgba(236,228,214,0.12);border-radius:2px;padding:32px 28px;display:flex;flex-direction:column;transition:transform .42s cubic-bezier(.2,.7,.2,1),box-shadow .42s ease;}
.cpx-roi-card:hover{transform:translateY(-4px);box-shadow:0 22px 46px -22px rgba(0,0,0,0.7);}
.cpx-roi-bar-top{position:absolute;top:0;left:0;right:0;height:1px;background:#C7A24C;}
/* błysk szkła — karty opłat (Przejrzysty układ) */
.cpx-glass::after{content:"";position:absolute;top:0;bottom:0;left:0;width:58%;pointer-events:none;z-index:4;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,0.05) 42%,rgba(255,255,255,0.22) 50%,rgba(255,255,255,0.05) 58%,transparent 70%);transform:translateX(-210%) skewX(-16deg);transition:transform 1s cubic-bezier(.35,0,.2,1);}
.cpx-glass:hover::after{transform:translateX(300%) skewX(-16deg);}
/* efekt wystąpienia — karty czasu zwrotu inwestycji */
.cpx-roi-pop:hover{transform:translateY(-10px) scale(1.035) !important;transition-duration:.4s !important;box-shadow:0 42px 84px -22px rgba(0,0,0,0.92),0 0 46px -8px rgba(201,162,76,0.28),inset 0 1px 0 rgba(236,228,214,0.12) !important;border-color:rgba(201,162,76,0.95) !important;z-index:5;}
@media (prefers-reduced-motion: reduce){
.cpx-glass::after{display:none !important;}
.cpx-roi-pop:hover{transform:none !important;}
}
.cpx-supp-tile{background:#1E1A14;border:1px solid rgba(236,228,214,0.1);border-radius:2px;padding:28px 26px;transition:transform .3s ease,border-color .3s ease;}
.cpx-supp-tile:hover{transform:translateY(-3px);border-color:rgba(199,162,76,0.4);}
.cpx-supp-icon{width:38px;height:38px;border-radius:50%;border:1px solid rgba(199,162,76,0.5);display:flex;align-items:center;justify-content:center;color:#C7A24C;margin-bottom:16px;}
.cpx-inv-item{display:flex;align-items:flex-start;gap:18px;padding:17px 0;border-top:1px solid rgba(236,228,214,0.1);}
.cpx-inv-item:first-child{border-top:none;padding-top:0;}
.cpx-inv-num{flex:0 0 auto;width:50px;font-family:'Saira Condensed',sans-serif;font-weight:800;font-size:clamp(28px,2.4vw,36px);line-height:1;color:transparent;-webkit-text-stroke:1.1px #C7A24C;}
.cpx-venue-row{display:grid;grid-template-columns:1.4fr 1fr 1fr;border-bottom:1px solid rgba(199,162,76,0.16);}
.cpx-venue-row:last-child{border-bottom:none;}
@media (max-width:760px){
[data-fee-cards]{grid-template-columns:1fr !important;}
[data-ladder-grid]{grid-template-columns:1fr !important;}
[data-supp-grid]{grid-template-columns:1fr 1fr !important;}
}
@media (max-width:520px){
[data-supp-grid]{grid-template-columns:1fr !important;}
[data-venue-row]{grid-template-columns:1fr !important;}
}
@media (max-width:760px){
.cpx-mrow-head{grid-template-columns:1fr auto;grid-template-areas:"label chev" "benefit benefit";gap:14px 18px;}
.cpx-mrow-benefit{margin-top:4px;}
.cpx-mrow-pad{grid-template-columns:1fr;gap:0;}
.cpx-mrow-pad > div:first-child{display:none;}
}
@media (max-width:640px){
.cpx-adv-item{gap:22px;padding:30px 0;}
.cpx-adv-num{font-size:62px;}
}
@media (prefers-reduced-motion: reduce){
.cpx-btn:hover{transform:none !important;}
.cpx-primary::after{display:none !important;}
.cpx-btn:hover .cpx-arrow,.cpx-text:hover .cpx-arrow{transform:none !important;}
}
input[aria-invalid="true"],textarea[aria-invalid="true"],select[aria-invalid="true"]{border-color:#e0655b !important;}
/* Kontakt — lekkie pola underline */
[data-contact-form] input:not([type="checkbox"]),[data-contact-form] select,[data-contact-form] textarea{width:100%;background:transparent;border:none;border-bottom:1px solid rgba(236,228,214,0.42);color:#ECE4D6;font-size:16px;padding:9px 2px;font-family:'Saira',sans-serif;transition:border-color .25s ease,box-shadow .25s ease;}
[data-contact-form] select{background:#15120E;padding-right:26px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;}
[data-contact-form] textarea{resize:vertical;min-height:60px;line-height:1.5;}
[data-contact-form] input:not([type="checkbox"]):focus,[data-contact-form] select:focus,[data-contact-form] textarea:focus{outline:none;border-bottom-color:#C7A24C;box-shadow:0 1px 0 0 #C7A24C;}
[data-contact-form] input[aria-invalid="true"],[data-contact-form] select[aria-invalid="true"]{border-bottom-color:#e0655b !important;box-shadow:0 1px 0 0 #e0655b;}
[data-contact-form] .cpx-sel-wrap{position:relative;display:block;}
[data-contact-form] .cpx-sel-wrap::after{content:"";position:absolute;right:6px;top:50%;width:8px;height:8px;border-right:1.7px solid #C7A24C;border-bottom:1.7px solid #C7A24C;transform:translateY(-70%) rotate(45deg);pointer-events:none;}
.cpx-cc-in{opacity:1;}
/* Kontakt — czytelność nad zdjęciem */
[data-contact-form] label > span:first-child{font-family:'Saira',sans-serif !important;font-weight:600 !important;font-size:12.5px !important;letter-spacing:0.08em !important;color:#E7E0D3 !important;text-shadow:0 1px 10px rgba(0,0,0,0.9);}
[data-contact-form] input:not([type="checkbox"]),[data-contact-form] textarea{color:#F7F4EE;text-shadow:0 1px 8px rgba(0,0,0,0.75);}
[data-contact-media] span{text-shadow:0 1px 10px rgba(0,0,0,0.9);}
[data-cform-actions] span{text-shadow:0 1px 8px rgba(0,0,0,0.85);}
@keyframes spin{to{transform:rotate(360deg);}}
@media (prefers-reduced-motion: reduce){
*{scroll-behavior:auto !important;}
button:active{transform:none !important;}
[data-spin]{animation:none !important;}
[data-reveal]{opacity:1 !important;transform:none !important;}
[data-hero-anim]{animation:none !important;opacity:1 !important;transform:none !important;}
[data-cage]{animation:none !important;opacity:1 !important;}
[data-spot]{animation:none !important;opacity:1 !important;}
[data-hero-photo] img{animation:heroFade .01s both !important;transform:none !important;}
}
@media (max-width:980px){
[data-desktop-nav]{display:none !important;}
[data-mobile-toggle]{display:flex !important;}
[data-hero-grid]{grid-template-columns:1fr !important;}
[data-hero-photo]{order:-1;min-height:46vh !important;}
[data-hero-content]{padding:36px 24px 56px !important;}
[data-collapse-grid]{grid-template-columns:1fr !important;gap:36px !important;}
[data-proof-cards]{grid-template-columns:1fr !important;}
[data-roi-grid]{grid-template-columns:1fr !important;}
[data-corner-grid]{grid-template-columns:1fr !important;gap:22px !important;}
[data-adv-grid]{grid-template-columns:1fr !important;}
[data-model-grid]{grid-template-columns:1fr 1fr !important;}
[data-round-grid]{grid-template-columns:1fr 1fr !important;}
[data-support-grid]{grid-template-columns:1fr 1fr !important;}
[data-fee-grid]{grid-template-columns:1fr !important;}
[data-form-grid]{grid-template-columns:1fr !important;}
[data-foot-grid]{grid-template-columns:1fr 1fr !important;}
}
@media (max-width:860px){
[data-contact-grid]{grid-template-columns:1fr !important;gap:40px !important;}
[data-contact-media]{order:2 !important;}
[data-contact-form]{order:1 !important;}
[data-cform-grid]{grid-template-columns:1fr !important;gap:24px !important;}
[data-cform-actions]{flex-direction:column !important;align-items:stretch !important;}
[data-cform-actions] .cpx-btn{width:100% !important;}
}
@media (max-width:640px){
[data-tape-grid]{grid-template-columns:1fr 1fr !important;}
[data-model-grid]{grid-template-columns:1fr !important;}
[data-round-grid]{grid-template-columns:1fr 1fr !important;}
[data-support-grid]{grid-template-columns:1fr !important;}
[data-foot-grid]{grid-template-columns:1fr !important;}
[data-roi-grid]{gap:10px !important;}
[data-round-row]{grid-template-columns:60px 1fr !important;}
[data-round-row] > div:last-child{display:none !important;}
}
/* ===== OŚ CZASU — Przebieg w 8 rundach (2 bloki x 4 rundy) ===== */
.cpx-tl{position:relative;width:100%;display:flex;flex-direction:column;gap:24px;}
.cpx-tl-track{position:relative;height:460px;}
.cpx-tl-line{position:absolute;left:0;right:0;top:50%;height:1px;transform:translateY(-50%);background:linear-gradient(90deg,rgba(199,162,76,0.10),rgba(199,162,76,0.48) 9%,rgba(199,162,76,0.48) 91%,rgba(199,162,76,0.10));z-index:1;}
.cpx-tl-progress{position:absolute;left:0;top:50%;height:3px;width:0;transform:translateY(-50%);background:linear-gradient(90deg,#C5362B 0%,#D04B36 45%,#C7A24C 100%);box-shadow:0 0 12px 1px rgba(197,54,43,0.55),0 0 22px 3px rgba(199,162,76,0.26);border-radius:3px;z-index:2;}
.cpx-tl-cols{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);z-index:3;}
.cpx-tl-node{position:relative;}
.cpx-tl-dot{position:absolute;left:50%;top:50%;width:16px;height:16px;border-radius:50%;transform:translate(-50%,-50%);border:1.5px solid #C7A24C;background:#15120E;z-index:4;transition:background .45s ease,border-color .45s ease,box-shadow .45s ease;}
.cpx-tl-node.on .cpx-tl-dot{background:#C5362B;border-color:#E0594E;box-shadow:0 0 0 4px rgba(197,54,43,0.16),0 0 16px 2px rgba(197,54,43,0.6);}
.cpx-tl-conn{position:absolute;left:50%;width:1px;transform:translateX(-50%);background:linear-gradient(180deg,rgba(199,162,76,0.05),rgba(199,162,76,0.45));z-index:2;opacity:0;transition:opacity .45s ease;}
.cpx-tl-node.on .cpx-tl-conn{opacity:1;}
.cpx-tl-node.up .cpx-tl-conn{bottom:50%;height:42px;}
.cpx-tl-node.down .cpx-tl-conn{top:50%;height:42px;background:linear-gradient(0deg,rgba(199,162,76,0.05),rgba(199,162,76,0.45));}
.cpx-tl-card{position:absolute;left:50%;width:208px;transform:translateX(-50%) translateY(14px);opacity:0;transition:opacity .6s ease,transform .6s ease;text-align:center;z-index:3;}
.cpx-tl-node.on .cpx-tl-card{opacity:1;transform:translateX(-50%) translateY(0);}
.cpx-tl-node.up .cpx-tl-card{bottom:calc(50% + 54px);}
.cpx-tl-node.down .cpx-tl-card{top:calc(50% + 54px);}
.cpx-tl-r{font-family:'Space Mono',monospace;font-weight:700;font-size:15px;letter-spacing:0.12em;color:#C7A24C;margin-bottom:11px;}
.cpx-tl-t{font-family:'Saira Condensed',sans-serif;font-weight:800;text-transform:uppercase;font-size:clamp(24px,1.9vw,29px);line-height:1.04;color:#ECE4D6;margin-bottom:11px;}
.cpx-tl-time{font-family:'Space Mono',monospace;font-size:13.5px;color:#9A9284;}
@media (prefers-reduced-motion: reduce){
.cpx-tl-progress{width:96% !important;}
.cpx-tl-card{opacity:1 !important;transform:translateX(-50%) translateY(0) !important;}
.cpx-tl-conn{opacity:1 !important;}
.cpx-tl-dot{background:#C5362B !important;border-color:#E0594E !important;}
}
@media (max-width:760px){
.cpx-tl{gap:20px;}
.cpx-tl-track{height:auto !important;}
.cpx-tl-line,.cpx-tl-progress{display:none !important;}
.cpx-tl-cols{position:relative;inset:auto;display:block;border-left:1px solid rgba(199,162,76,0.4);margin-left:7px;}
.cpx-tl-node{display:grid;grid-template-columns:auto 1fr;column-gap:20px;align-items:start;padding:0 0 34px 4px;}
.cpx-tl-node:last-child{padding-bottom:0;}
.cpx-tl-conn{display:none !important;}
.cpx-tl-dot{position:static;transform:none;margin-left:-8px;margin-top:5px;opacity:1;}
.cpx-tl-card{position:static;transform:none !important;opacity:1 !important;width:auto;max-width:none;left:auto;right:auto;top:auto;bottom:auto;text-align:left;}
.cpx-tl-node.up .cpx-tl-card,.cpx-tl-node.down .cpx-tl-card{top:auto;bottom:auto;}
}
/* ===== hover pseudo-classes (from runtime) ===== */
.scp0:hover { color: rgb(201, 162, 76); }
.scp1:hover { border-color: rgba(201, 162, 76, 0.85); box-shadow: rgba(0, 0, 0, 0.9) 0px 34px 66px -18px, rgba(236, 228, 214, 0.1) 0px 1px 0px inset, rgba(201, 162, 76, 0.06) 0px 0px 80px inset; }
.scp2:hover { color: rgb(232, 200, 112); }
.scp3:hover { opacity: 0.78; }
.scp4:hover { color: rgb(140, 133, 122); }
/* ===== static-site supplements (routing / nav / accordion) ===== */
.page[hidden]{display:none;}
a{text-decoration:none;}
.nav-link{position:relative;background:none;border:none;color:#F4F1EA;font-family:'Saira',sans-serif;font-weight:500;font-size:14.5px;letter-spacing:0.01em;padding:8px 13px;cursor:pointer;text-transform:none;transition:color .2s ease;}
.nav-link:hover{color:#C9A24C;}
.nav-link.is-active::after{content:"";position:absolute;left:13px;right:13px;bottom:2px;height:2px;background:#C9A24C;}
.m-nav-link{text-align:left;background:none;border:none;border-bottom:1px solid rgba(236,228,214,0.08);color:#F4F1EA;font-family:'Saira Condensed',sans-serif;font-weight:600;font-size:20px;text-transform:uppercase;padding:15px 0;cursor:pointer;width:100%;}
.mobile-menu{display:none;border-top:1px solid rgba(236,228,214,0.1);background:#000;padding:14px 24px 24px;flex-direction:column;gap:2px;}
.mobile-menu.open{display:flex;}
.cpx-chev{transition:transform .3s ease;}
.cpx-mrow-head[aria-expanded="true"] .cpx-chev,.cpx-round-head[aria-expanded="true"] .cpx-chev,.cpx-faq-head[aria-expanded="true"] .cpx-chev,.cpx-story-toggle[aria-expanded="true"] .cpx-chev{transform:rotate(180deg)!important;}
/* ===== hero "wejście do klatki" (tylko strona główna) ===== */
.hero{position:relative;min-height:calc(100dvh - 88px);display:flex;align-items:center;overflow:hidden;background:#000;}
.hero-media{position:absolute;inset:0;overflow:hidden;}
.hero-still,.hero-video,.hero-end{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 46%;}
.hero-video,.hero-end{opacity:0;transition:opacity .5s ease;}
.hero.playing .hero-video{opacity:1;}
.hero.playing .hero-still{opacity:0;transition:opacity .3s ease;}
.hero.done .hero-end{opacity:1;}
.hero.done .hero-video,.hero.done .hero-still{opacity:0;}
.hero-scrim{position:absolute;inset:0;opacity:0;transition:opacity .7s ease;background:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.66) 42%,rgba(0,0,0,.2) 78%,rgba(0,0,0,.35) 100%),linear-gradient(0deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,0) 45%);}
.hero.done .hero-scrim{opacity:1;}
.hero-banner{position:relative;z-index:3;width:100%;max-width:1240px;margin:0 auto;padding:0 24px;opacity:0;transform:translateY(20px);pointer-events:none;transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1);}
.hero.done .hero-banner{opacity:1;transform:none;pointer-events:auto;}
.hero-title{font-family:'Saira Condensed',sans-serif;font-weight:800;text-transform:uppercase;line-height:.9;letter-spacing:-.005em;font-size:clamp(40px,4.3vw,70px);margin:0 0 24px;max-width:13ch;text-wrap:balance;color:#F4F1EA;text-shadow:0 2px 30px rgba(0,0,0,.8);}
.hero-lead{font-family:'Saira',sans-serif;font-size:clamp(17px,1.4vw,20px);line-height:1.55;color:#C7C1B6;max-width:50ch;margin:0 0 38px;text-shadow:0 1px 16px rgba(0,0,0,.9);}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px;}
@media (max-width:760px){
.hero{align-items:flex-end;}
.hero-banner{padding-bottom:9vh;}
}