/* Ostra Prawda: one visual language for cards, choices and conversations. */
html.pn-skora{--v-pink:var(--akcent);--v-light:var(--ink);--v-dark:var(--bg);--v-soft:var(--p-tint)}
.v-pink{color:var(--v-pink);stroke:var(--v-pink)}.v-light{color:var(--v-light);stroke:var(--v-light)}.v-dark{color:var(--v-dark);stroke:var(--v-dark)}.v-soft{color:var(--v-soft);stroke:var(--v-soft)}
.game-art svg,.occasion-art svg,.how-art svg,.final-fan svg{width:100%;height:100%;max-width:100%;overflow:visible;stroke-width:2;fill:none;stroke:currentColor}
.demo-stage{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:440px;isolation:isolate;transform-style:preserve-3d}
.demo-stage .deck-back{top:24px}.demo-stage .deck-back-two{rotate:var(--deck-twist,0deg)!important}.hero-orbits{position:absolute;inset:-24px -12px 0;z-index:-1;pointer-events:none}
.hero-orbits i{position:absolute;width:100%;height:65%;border:1px solid var(--line);border-radius:50%;top:16%;left:0;transform:rotate(-24deg)}
.hero-orbits i:nth-child(2){width:75%;height:100%;left:12%;top:0;transform:rotate(30deg);border-color:var(--line)}
.hero-orbits b{position:absolute;left:4%;top:32%;width:14px;height:14px;border-radius:50%;background:var(--akcent)}
.hero-orbits b:last-child{left:auto;right:5%;top:70%;width:9px;height:9px;background:var(--ink)}
.demo-stage .deck-back-one{background:repeating-linear-gradient(135deg,var(--p-tint),var(--p-tint) 14px,var(--line) 14px,var(--line) 15px)}
.demo-stage .deck-back-two::after{content:'';position:absolute;inset:16px;border:1px solid var(--op-card-ink);border-radius:12px}
.op-demo .demo-caption{max-width:360px;margin-top:28px}
.games-grid{grid-auto-flow:dense}
.op-game{position:relative;transition:border-color .25s,box-shadow .25s;background:var(--p-powierzchnia)}
.op-game:is(:hover,[open]),.op-game:has(>summary:focus-visible){border-color:var(--akcent)}
.op-game summary{overflow:hidden}
.game-art{display:block;position:relative;height:152px;margin:-8px -6px 24px;color:var(--ink);border-bottom:1px solid var(--line);border-radius:12px;background:radial-gradient(ellipse at 50% 65%,var(--p-tint),transparent 70%)}
.game-art svg{padding:0 6px 10px;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.op-game summary:is(:hover,:focus-visible) .game-art svg,.op-game[open] .game-art svg{transform:translateY(-5px) rotate(-2deg)}
html.pn-skora .op-game h3{min-height:60px}
.op-game[open] .game-answer{animation:op-answer-in .28s ease-out}
@keyframes op-answer-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.how-grid{align-items:center;gap:80px}
.how-art{position:relative;max-width:410px;width:100%;height:210px;margin:28px 0 30px;isolation:isolate}
.how-frame{position:absolute;inset:0 34px 24px;color:var(--ink)}
.how-art-orbit{position:absolute;inset:18px 8px 34px;border:1px solid var(--line);border-radius:50%;transform:rotate(-12deg)}
.how-progress{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;gap:10px}
.how-progress i{width:24px;height:3px;border-radius:2px;background:var(--line);transition:background .2s,width .2s}
.how-progress i.is-active{width:44px;background:var(--akcent)}
.op-step summary>span:first-child{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;border:1px solid var(--line);border-radius:50%;transition:background .25s,color .25s}
.op-step[open] summary>span:first-child{background:var(--akcent);color:var(--bg);border-color:var(--akcent)}
.op-step[open]{border-bottom-color:var(--akcent)}
#occasionContent{grid-template-columns:1.05fr 1fr;gap:56px;min-height:390px;padding:38px 48px}
.occasion-art{position:relative;width:100%;min-width:0;aspect-ratio:1.4;color:var(--ink);border-radius:20px;background:radial-gradient(ellipse,var(--p-tint),transparent 70%)}
.occasion-scene{position:absolute;inset:0}
.occasion-art::after{content:'';position:absolute;inset:12% 3%;border:1px solid var(--line);border-radius:50%;transform:rotate(-16deg);z-index:0;pointer-events:none}
.occasion-scene svg{position:relative;z-index:1}
.brand-orbits{position:absolute;inset:0;pointer-events:none}
.brand-orbits i{position:absolute;width:80%;height:48%;left:10%;top:20%;border:1px solid var(--line);border-radius:50%;transform:rotate(-28deg)}
.brand-orbits i:nth-child(2){width:64%;height:72%;left:18%;top:6%;transform:rotate(30deg)}
.brand-orbits i:nth-child(3){width:92%;height:60%;left:4%;top:14%;transform:rotate(24deg)}
.brand-orbits b{width:15px;height:15px;background:var(--akcent);border-radius:50%;position:absolute;left:12%;top:36%}
.brand-orbits b:nth-last-child(2){width:8px;height:8px;background:var(--ink);left:auto;right:13%;top:26%}
.brand-orbits b:last-child{width:11px;height:11px;left:auto;right:20%;top:66%}
.feature-art{position:relative;isolation:isolate;min-height:480px;border:0;background:radial-gradient(ellipse,var(--p-tint),var(--bg) 65%);overflow:hidden}
.brand-app-icon{position:relative;z-index:1;width:240px;height:240px;border-radius:40px;transform:rotate(-8deg);box-shadow:18px 22px 0 var(--p-tint);border:1px solid var(--line)}
.feature-words{position:relative;z-index:1;max-width:320px;margin-top:24px;line-height:1.35;font-size:23px}
.final-panel{padding-bottom:190px;min-height:540px;isolation:isolate}
.final-panel>p,.final-panel>h2,.final-panel>a{z-index:2}
.final-fan{position:absolute;height:220px;bottom:-80px;left:50%;width:600px;transform:translateX(-50%);pointer-events:none;z-index:0}
.fan-card{position:absolute;width:145px;height:195px;background:var(--p-tint);border:1px solid var(--line);border-radius:12px;bottom:0;left:calc(50% - 72px);transform-origin:50% 115%;overflow:hidden;color:var(--ink)}
.fan-card::after{content:'';position:absolute;inset:10px;border:1px solid var(--line);border-radius:8px;pointer-events:none}
.fan-card svg{height:100%;width:240%;max-width:none;margin-left:-70%;transform:scale(.55)}
.fan-card-0{transform:rotate(-48deg) translateY(-32px)}.fan-card-1{transform:rotate(-29deg) translateY(-40px);background:var(--bg)}.fan-card-2{transform:rotate(-10deg) translateY(-44px);background:var(--p-powierzchnia)}.fan-card-3{transform:rotate(10deg) translateY(-44px)}.fan-card-4{transform:rotate(29deg) translateY(-40px);background:var(--bg)}.fan-card-5{transform:rotate(48deg) translateY(-32px);background:var(--p-powierzchnia)}
@media(min-width:761px){.op-demo{padding-inline:10px}.demo-stage{margin-top:-10px}.op-hero-grid{gap:48px}}
@media(max-width:1080px){.how-grid{gap:44px}.game-art{height:140px}#occasionContent{gap:28px;padding:30px}.feature-art{min-height:430px}.brand-app-icon{width:220px;height:220px}}
@media(max-width:760px){
.demo-stage{min-height:362px}.demo-stage .deck-back{top:12px}.hero-orbits{inset:-14px 0 -6px}.hero-orbits i:first-child{width:110%;left:-5%}.hero-orbits b{left:0;top:28%}.hero-orbits b:last-child{right:0;top:65%}.op-demo .demo-caption{margin-top:30px;max-width:300px}
.game-art{height:125px;margin-bottom:22px}.games-grid{align-items:stretch}.op-game h3{min-height:54px}.game-action{margin-top:22px}.how-art{margin:26px auto 30px;max-width:360px;height:185px}.how-grid{gap:38px}
#occasionContent{grid-template-columns:1fr;padding:24px;gap:28px}.occasion-art{max-width:340px;margin-inline:auto;aspect-ratio:1.6}.occasion-tabs button{padding-inline:8px}
.feature-art{min-height:390px;padding:32px 20px;gap:24px}.brand-app-icon{width:200px;height:200px;border-radius:40px}.feature-words{font-size:23px;max-width:260px;margin-top:20px}
.final-panel{padding-bottom:156px;min-height:510px}.final-fan{transform:translateX(-50%) scale(.74);transform-origin:center bottom;bottom:-42px}
}
@media(max-width:480px){.games-grid{grid-template-columns:1fr}.game-art{height:146px;margin-bottom:22px}html.pn-skora .op-game h3{min-height:0;max-width:none}.op-game summary>p{min-height:0;max-width:none}.op-game summary{padding:24px}.game-art svg{max-width:300px;margin-inline:auto}.how-art{height:174px}.feature-art{min-height:365px}.occasion-art{aspect-ratio:1.5}.final-panel{min-height:500px}}
@media(max-width:390px){.demo-stage{min-height:352px}.hero-orbits i:first-child{width:104%;left:-2%}.hero-orbits b{width:9px;height:9px}.op-demo{padding-inline:0}.op-demo .demo-caption{max-width:270px}.game-art{height:138px}.final-fan{transform:translateX(-50%) scale(.65)}.occasion-tabs button{font-size:13px!important}}
@media(prefers-reduced-motion:reduce){.game-art svg,.op-game summary:is(:hover,:focus-visible) .game-art svg,.op-game[open] .game-art svg{transform:none}.op-game[open] .game-answer{animation:none}.how-progress i{transition:none}}
@media(max-width:1080px){html.pn-skora header.nav .nav-links .btn{background-color:var(--p-tusz);border-color:var(--p-tusz);color:var(--p-tlo)}html.pn-skora header.nav .nav-links .btn:is(:hover,:focus-visible){background-color:var(--akcent-ciemny);border-color:var(--akcent-ciemny);color:var(--bg)}}
html.pn-skora textarea:not([type="checkbox"]):not([type="radio"]){min-height:140px}
@media(max-width:1080px){.row2{grid-template-columns:1fr;gap:0}}
.field.is-err .err,.consent-err.is-on{display:block;margin-top:6px;font-size:13px;color:var(--akcent-jasny)}
html.pn-skora :is(input,textarea,select)[aria-invalid="true"]:not([type="checkbox"]):not([type="radio"]){border-color:var(--akcent)}
.sent.is-on{display:block}
html.pn-skora .filter-btn:focus-visible{outline-color:var(--p-akcent)}
html.pn-skora .demo-card :focus-visible{outline-color:var(--p-tlo)}
@media(min-width:1081px){.games-grid[data-widocznych="4"],.games-grid[data-widocznych="2"]{grid-template-columns:repeat(2,calc((100% - 40px)/3));justify-content:center}}
@media(min-width:761px) and (max-width:1080px){html.pn-skora .price-card>.btn{font-size:13px;padding-inline:14px;gap:8px}}
@media(min-width:761px) and (max-width:1024px){html.pn-skora .section-heading{grid-template-columns:1fr;gap:22px;text-align:center;margin-bottom:34px}.section-heading>p,.section-heading>div>p{margin-inline:auto}.section-heading .filters{justify-content:center}}
@media(max-width:760px){html.pn-skora section.op-hero .eyebrow{margin-inline:auto}}
html.pn-skora .nav-toggle svg path{transition:transform .2s;transform-box:fill-box;transform-origin:center}html.pn-skora .nav-toggle[aria-expanded="true"] .k1{transform:translateY(4px) rotate(45deg)}html.pn-skora .nav-toggle[aria-expanded="true"] .k2{transform:translateY(-4px) rotate(-45deg)}
html.pn-skora .nav-logo{min-height:44px;display:inline-flex;align-items:center}
@media(pointer:coarse){.toc a{padding-block:11px}}
.kontakt-siatka dd a{display:inline-block;padding-block:12px;margin-block:-12px}
@media(max-width:760px){.feature-words{max-width:none;font-size:clamp(17px,5.4vw,23px);white-space:nowrap}}
.strona-404 .akcje-404{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:32px}.strona-404 .akcje-404 .store-badge{position:relative}.strona-404 .link-404{margin-top:20px}