/* Portfolio XTN — typography and brand colours inherit DESIGN.md. */
.pf-page{--pf-accent:#9fd7e9;--pf-ink:#173a47}.pf-page h1,.pf-page h2,.pf-page h3{text-wrap:balance}.pf-page p{text-wrap:pretty}.pf-page .xtn-sub-liczby:empty{display:none}.pf-page a,.pf-home a,.pf-page button{touch-action:manipulation}.pf-page a:focus-visible,.pf-home a:focus-visible,.pf-page button:focus-visible{outline:3px solid #2560bd;outline-offset:5px}.pf-intro{padding:34px 0 40px}.pf-back{font-size:14px;color:#6a6775}.pf-intro .title-area{margin:42px auto}.pf-intro h1{font-family:Poppins,sans-serif;font-size:clamp(36px,5.6vw,78px);line-height:1.12;font-weight:400;color:#110f1d;margin:22px 0}.pf-intro h1 strong{font-weight:600}.pf-intro .title-area>p{font-size:18px;line-height:1.7;color:#6a6775}.pf-stage{background:#110f1d;color:#fff;border-radius:24px;overflow:hidden;border:1px solid #2b2938}.pf-stage-top{display:flex;justify-content:space-between;gap:16px;padding:20px 28px;border-bottom:1px solid #35313f;font-size:13px;color:#b9b5c9}.pf-status{display:flex;align-items:center;gap:10px}.pf-status:before{content:'';width:7px;height:7px;border-radius:50%;background:#d4ff12}.pf-switches{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:12px 22px;gap:6px;border-bottom:1px solid #35313f;background:#eeebff}.pf-switch{appearance:none;border:1px solid transparent;background:transparent;min-height:70px;padding:12px 10px;border-radius:12px;cursor:pointer;transition:background-color .18s,border-color .18s}.pf-switch img{display:block;object-fit:contain;width:100%;height:34px;filter:grayscale(1);opacity:.6;transform:scale(.92);transition:transform .18s,opacity .18s}.pf-switch:hover,.pf-switch:focus-visible,.pf-switch[aria-pressed=true]{background:#fff;border-color:#d1cce6}.pf-switch:hover img,.pf-switch:focus-visible img,.pf-switch[aria-pressed=true] img{filter:none;opacity:1;transform:scale(1)}.pf-stage-panel{display:grid;grid-template-columns:40% 60%;align-items:center;min-height:430px;padding:38px 0 32px 40px;gap:22px;overflow:hidden}.pf-stage-panel[hidden]{display:none}.pf-stage-copy{padding-right:12px;position:relative;z-index:1}.pf-label{display:block;font-size:13px;font-weight:500;line-height:1.5;margin-bottom:14px}.pf-stage-copy .pf-label{color:var(--pf-accent)}.pf-stage-copy h2{font-family:Poppins,sans-serif;color:#fff;font-size:clamp(26px,2.8vw,40px);font-weight:400;line-height:1.24;margin:0 0 16px}.pf-stage-copy p{font-size:16px;line-height:1.7;color:#b9b5c9;margin-bottom:24px}.pf-button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--pf-accent,#9fd7e9);color:var(--pf-ink,#173a47);padding:14px 20px;border-radius:40px;min-height:48px;font-size:15px;font-weight:600;border:1px solid transparent;transition:transform .18s;cursor:pointer}.pf-button:hover{transform:translateY(-2px);color:var(--pf-ink,#173a47)}.pf-button-dark{background:#110f1d;color:#fff}.pf-button-dark:hover{color:#fff}.pf-stage-demo{display:block;margin-top:16px;color:#fff;font-size:14px;text-underline-offset:5px}.pf-stage-demo:hover{color:var(--pf-accent)}.pf-stage-visual{display:block;transform:perspective(1500px) rotateY(-9deg) rotateZ(2deg);transform-origin:left center;border:1px solid #4e4a5a;border-radius:12px 0 0 12px;overflow:hidden;box-shadow:0 24px 40px #0004;max-height:400px;min-width:0;background:#fff}.pf-stage-visual>img{width:100%;height:360px;object-fit:cover;object-position:top;display:block}.pf-browser-bar{display:flex;align-items:center;gap:5px;padding:12px 14px;font-size:11px;line-height:1;color:#6a6775;background:#f6f5fc;border-bottom:1px solid #e7e4f9}.pf-browser-bar i{width:6px;height:6px;background:#c2bed1;border-radius:50%}.pf-browser-bar>span{flex:1;text-align:center;padding:0 12px}.pf-stage-note{padding:0 28px 16px;margin:0;font-size:12px;color:#b9b5c9}.pf-brands{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;padding:18px 6px}.pf-brand{display:flex;align-items:center;justify-content:center;min-width:0;min-height:80px;padding:14px 12px}.pf-brand img{width:100%;height:44px;object-fit:contain;filter:grayscale(1);opacity:.55;transform:scale(.93);transition:transform .18s,opacity .18s}.pf-brand:hover img,.pf-brand:focus-visible img{filter:none;opacity:1;transform:scale(1.08)}.pf-brands-section{padding-top:44px;padding-bottom:48px}.pf-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.pf-card{border:1px solid #e7e4f9;background:#fff;border-radius:24px;overflow:hidden;min-width:0;display:flex;flex-direction:column}.pf-card-picture{display:block;overflow:hidden;background:#eeebff;border-bottom:1px solid #e7e4f9}.pf-card-picture img{display:block;aspect-ratio:1.7;object-fit:cover;object-position:top;width:100%;height:auto;transition:transform .18s}.pf-card:hover .pf-card-picture img{transform:scale(1.025)}.pf-card-body{padding:26px;display:flex;flex-direction:column;flex:1}.pf-card-body .pf-label{color:#6a6775;margin-bottom:10px}.pf-card h3{font-family:Poppins,sans-serif;font-size:28px;font-weight:500;line-height:1.3;margin:0 0 12px}.pf-card h3 a{color:#110f1d;display:flex;justify-content:space-between;gap:12px}.pf-card h3 a>span{color:var(--pf-ink)}.pf-card p{color:#6a6775;font-size:16px;line-height:1.65;margin-bottom:24px}.pf-actions{margin-top:auto;display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px}.pf-text-link{color:#484848;font-size:14px;min-height:44px;display:inline-flex;align-items:center;gap:8px;text-decoration:underline;text-underline-offset:5px}.pf-text-link:hover{color:#110f1d}.pf-center{text-align:center;margin:32px 0}.pf-legacy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pf-legacy a{display:flex;justify-content:space-between;gap:12px;background:#f6f5fc;padding:22px;border-radius:12px;color:#110f1d}.pf-credit{padding:26px 20px 40px;display:flex;justify-content:center}.pf-credit a{display:flex;align-items:center;gap:18px;min-height:50px;border:1px solid #e7e4f9;background:#f6f5fc;border-radius:40px;padding:8px 22px;color:#484848;font-size:14px}.pf-credit img{display:block}.pf-home .pf-brands{margin:4px 0 30px}.pf-detail .xtn-sub-hero{--pf-accent:inherit}.pf-detail .hero-title{font-size:clamp(34px,4vw,58px);line-height:1.17}.pf-detail-visual{width:100%;border:1px solid #d1cce6;border-radius:18px;overflow:hidden;background:white;transform:perspective(1400px) rotateY(-5deg) rotateZ(1deg)}.pf-detail-visual>img{display:block;width:100%;height:380px;object-fit:cover;object-position:top}.pf-detail .pf-hero-media{background:var(--pf-accent);padding:24px;min-height:460px;border:none}.pf-detail .pf-hero-media>.xtn-orbits{display:none}.pf-explanation{display:grid;grid-template-columns:1fr 1fr;gap:32px}.pf-explanation article{border-top:3px solid var(--pf-accent);padding-top:26px}.pf-explanation h3{font-size:28px;font-weight:500}.pf-explanation p{font-size:18px;line-height:1.75;color:#484848;margin:0}.pf-explanation .pf-label{color:#6a6775}.pf-journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0;list-style:none;counter-reset:stage}.pf-journey li{position:relative;padding:28px;background:#fff;border:1px solid #e7e4f9;border-radius:24px}.pf-step{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--pf-accent);color:var(--pf-ink);font-variant-numeric:tabular-nums;font-weight:600;margin-bottom:22px}.pf-journey h3{font-size:21px;font-weight:500}.pf-journey p{color:#6a6775;line-height:1.65;margin:0}.pf-features{display:flex;gap:18px;flex-wrap:wrap;list-style:none;margin:30px 0 0;padding:0}.pf-features li{flex:1;min-width:200px;display:flex;gap:12px;font-size:15px;color:#484848}.pf-features li>span{color:var(--pf-ink)}.pf-demo{border:1px solid #d1cce6;border-radius:24px;overflow:hidden;background:#eeebff}.pf-demo-toolbar{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:#110f1d;color:#fff;font-size:13px}.pf-demo-toolbar a{color:#fff;min-height:44px;display:inline-flex;align-items:center;gap:12px}.pf-viewport-buttons{display:flex;gap:4px}.pf-viewport-buttons button{background:transparent;color:#c9c5d6;border:1px solid #514b63;border-radius:30px;padding:8px 14px;min-height:44px;cursor:pointer}.pf-viewport-buttons button[aria-pressed=true]{background:#fff;color:#110f1d}.pf-demo-screen{width:100%;max-width:100%;margin:auto;min-height:550px;height:680px;overflow:hidden;background:#fff}.pf-demo-screen.is-mobile{max-width:390px;border-inline:1px solid #d1cce6}.pf-demo-poster{position:relative;height:100%;overflow:hidden}.pf-demo-poster>img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.pf-demo-launch{position:absolute;inset:auto 18px 24px;padding:22px;background:#fff;box-shadow:0 4px 24px #0002;border:1px solid #e7e4f9;border-radius:18px;text-align:center}.pf-demo-launch p{font-size:13px;color:#6a6775;margin:12px 0 0}.pf-demo-screen iframe{width:100%;height:100%;border:0;display:block}.pf-demo-message{margin:0;padding:16px 22px;font-size:13px;color:#484848;line-height:1.6}.pf-tech{display:flex;align-items:center;justify-content:space-between;gap:20px;border-block:1px solid #e7e4f9;padding-block:24px;color:#6a6775}.pf-tech p{font-size:18px;color:#110f1d;margin:0}.pf-next{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;color:#110f1d;padding:28px 0}.pf-next>span:first-child{grid-column:1/-1;font-size:14px;color:#6a6775}.pf-next strong{font:400 clamp(30px,4vw,54px)/1.2 Poppins,sans-serif}.pf-next>span:last-child{font-size:44px}.pf-page [id]{scroll-margin-top:130px}
@media(min-width:992px){.pf-intro{padding-top:22px}.pf-intro .title-area{margin:22px auto 28px}.pf-intro .title-area>.sub-title{margin-bottom:0}.pf-intro h1{font-size:56px;line-height:1.12;margin:18px 0}.pf-intro .title-area>p{line-height:1.5;margin:0}.pf-stage-top{padding:12px 24px}.pf-switches{padding:8px 20px}.pf-switch{min-height:60px}.pf-stage-panel{min-height:0;padding-top:26px;padding-bottom:24px}.pf-stage-visual>img{height:290px}.pf-stage-note{padding-bottom:12px}.pf-home .pf-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.pf-home .pf-card h3{font-size:23px}.pf-home .pf-card-body{padding:22px}.pf-home .pf-button{padding:12px 16px;gap:16px;font-size:14px}.pf-home .pf-actions{gap:10px 16px}}
@media(max-width:991px){.pf-stage-panel{grid-template-columns:42% 58%;padding-left:26px;gap:14px}.pf-stage-copy h2{font-size:30px}.pf-stage-visual>img{height:320px}.pf-switches{grid-template-columns:repeat(3,minmax(0,1fr))}.pf-switch{min-height:64px}.pf-brands{grid-template-columns:repeat(3,minmax(0,1fr))}.pf-journey{gap:14px}.pf-journey li{padding:20px}.pf-detail .pf-hero-media{min-height:380px}.pf-detail-visual>img{height:330px}}
@media(max-width:767px){.pf-intro{padding:20px 0 24px}.pf-intro .title-area{margin:32px auto}.pf-intro h1{font-size:37px}.pf-intro .title-area>p{font-size:16px}.pf-intro .title-area>p br{display:none}.pf-stage-top{padding:16px 18px}.pf-stage-top>span:last-child{display:none}.pf-switches{padding:10px;gap:4px}.pf-switch{padding:10px 8px;min-height:62px}.pf-switch img{height:28px}.pf-stage-panel{grid-template-columns:1fr;padding:24px 20px;gap:26px;min-height:0}.pf-stage-copy{padding:0}.pf-stage-copy h2{font-size:30px}.pf-stage-copy p{font-size:16px}.pf-stage-visual{transform:none;border-radius:12px;max-height:260px}.pf-stage-visual>img{height:236px}.pf-stage-note{padding:0 20px 18px}.pf-brands{gap:8px;padding:14px 0}.pf-brand{padding:12px 8px;min-height:70px}.pf-brand img{height:32px}.pf-cards{grid-template-columns:1fr;gap:22px}.pf-card-body{padding:24px}.pf-card h3{font-size:27px}.pf-card-picture img{aspect-ratio:1.6}.pf-brands-section{padding-block:40px}.pf-home .pf-card-picture img{aspect-ratio:1.7}.pf-legacy{grid-template-columns:1fr}.pf-explanation,.pf-journey{grid-template-columns:1fr;gap:24px}.pf-explanation p{font-size:16px}.pf-detail .hero-title{font-size:36px}.pf-detail .pf-hero-media{padding:18px;min-height:300px}.pf-detail-visual{transform:none}.pf-detail-visual>img{height:280px}.pf-demo-toolbar{padding:14px}.pf-demo-toolbar>span{width:100%}.pf-demo-screen{height:600px;min-height:500px}.pf-demo-launch{inset:auto 12px 18px;padding:20px 12px}.pf-demo-launch .pf-button{font-size:14px;gap:16px}.pf-tech{display:block;padding-inline:20px}.pf-tech p{margin-top:12px;font-size:16px}.pf-credit a{gap:12px;font-size:13px}.pf-page [id]{scroll-margin-top:100px}}
@media(hover:none){.pf-brand img,.pf-switch img{filter:none;opacity:1}}
@media(prefers-reduced-motion:reduce){.pf-page *,.pf-home *{scroll-behavior:auto!important}.pf-stage-visual,.pf-detail-visual{transform:none}.pf-brand img,.pf-switch img,.pf-card-picture img,.pf-button{transition:none;transform:none!important}}