/* Reset the legacy theme's page/section grid only inside this content root. */
.ps-appky { grid-column: 1 / -1; min-width: 0; max-width: 100%; box-sizing: border-box; }
.ps-appky section, .ps-appky article { text-align: left; display: block; grid-column: auto; grid-template-columns: none; min-width: 0; max-width: 100%; }
.ps-appky h1, .ps-appky h2, .ps-appky h3 { color: inherit; }
.ps-appky summary { text-align: left; }
.ps-appky .wrap { grid-column: auto; min-width: 0; box-sizing: border-box; }
.ps-appky { --ink: #08252d; --lime: #b1f959; --muted: #637478; --paper: #f4f7f6; }
.ps-appky * { box-sizing: border-box; }
.ps-appky { margin: 0px; color: var(--ink); background: var(--paper); font: 16px / 1.6 MacanPanWeb, Arial, Helvetica, sans-serif; }
.ps-appky button, .ps-appky a { -webkit-tap-highlight-color: transparent; }
.ps-appky a { color: inherit; text-decoration: none; }
.ps-appky button { font: inherit; cursor: pointer; }
.ps-appky button:focus-visible, .ps-appky a:focus-visible { outline: rgb(113, 183, 45) solid 3px; outline-offset: 5px; }
.ps-appky .wrap { max-width: 1240px; margin: auto; padding: 0px 40px; }
.ps-appky .hero { background: var(--ink); color: white; padding: 70px 0px 78px; overflow: hidden; }
.ps-appky .hero-grid { display: grid; grid-template-columns: 1.15fr 1fr; align-items: center; gap: 70px; }
.ps-appky .eyebrow { color: var(--lime); font-size: 14px; letter-spacing: 2px; text-transform: uppercase; font-weight: bold; }
.ps-appky h1 { font-size: clamp(44px, 5.3vw, 70px); line-height: 1.04; letter-spacing: -3px; font-weight: 700; margin: 24px 0px; }
.ps-appky h1 span { color: var(--lime); }
.ps-appky .hero p { color: rgb(187, 206, 209); font-size: 18px; max-width: 520px; }
.ps-appky .cta { display: inline-block; margin-top: 22px; padding: 13px 24px; border: 0px; border-radius: 6px; background: var(--lime); color: var(--ink); font-weight: 700; }
.ps-appky .orbit { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; transform: rotate(-5deg); padding: 26px 0px; }
.ps-appky .orbit-item { border: 1px solid rgb(74, 99, 105); border-radius: 18px; background: rgb(16, 49, 58); padding: 20px 10px; text-align: center; box-shadow: rgba(0, 0, 0, 0.133) 0px 12px 24px; }
.ps-appky .orbit-item:nth-child(3n) { transform: translateY(20px); }
.ps-appky .orbit img { width: 64px; height: 64px; border-radius: 14px; display: block; margin: 0px auto 12px; }
.ps-appky .orbit span { font-size: 13px; color: rgb(229, 239, 239); }
.ps-appky .intro-strip { background: var(--lime); padding: 18px 0px; }
.ps-appky .intro-strip .wrap { display: flex; justify-content: space-between; gap: 20px; font-size: 14px; font-weight: 700; }
.ps-appky .section { padding: 84px 0px; }
.ps-appky .section-top { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 34px; }
.ps-appky .kicker { font-size: 13px; letter-spacing: 1.8px; font-weight: 700; color: rgb(82, 113, 119); text-transform: uppercase; }
.ps-appky h2 { font-size: clamp(30px, 3.2vw, 44px); line-height: 1.12; letter-spacing: -1.5px; margin: 12px 0px; }
.ps-appky p { margin: 12px 0px; }
.ps-appky .section-top p { max-width: 390px; color: var(--muted); }
.ps-appky .apps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.ps-appky .card { background: white; border: 1px solid rgb(220, 230, 227); border-radius: 12px; padding: 26px; display: flex; flex-direction: column; min-height: 300px; transition: transform 0.2s, border-color 0.2s; }
.ps-appky .card:hover { transform: translateY(-5px); border-color: rgb(155, 196, 81); }
.ps-appky .card img { height: 58px; width: 58px; border-radius: 12px; }
.ps-appky .card h3 { font-size: 23px; line-height: 1.2; margin: 8px 0px; }
.ps-appky .card p { color: var(--muted); font-size: 15px; margin-bottom: 24px; }
.ps-appky .ecosystem { background: rgb(232, 238, 235); }
.ps-appky .system { display: grid; grid-template-columns: 0.8fr 1.3fr; gap: 80px; align-items: center; }
.ps-appky .system p { color: var(--muted); }
.ps-appky .faq { margin-top: 50px; max-width: 850px; }
.ps-appky details { border-bottom: 1px solid rgb(203, 215, 210); padding: 19px 0px; }
.ps-appky summary { cursor: pointer; font-weight: 700; }
.ps-appky details p { color: var(--muted); padding: 4px 0px; }
@media (max-width: 1000px) {
.ps-appky .hero-grid { gap: 30px; }
.ps-appky .orbit { gap: 8px; }
.ps-appky .orbit-item { padding: 14px 4px; }
.ps-appky .orbit img { width: 50px; height: 50px; }
.ps-appky .apps { grid-template-columns: repeat(2, 1fr); }
.ps-appky .system { gap: 35px; }
}
@media (max-width: 650px) {
.ps-appky .wrap { padding: 0px 22px; }
.ps-appky .hero { padding: 38px 0px 45px; }
.ps-appky .hero-grid, .ps-appky .system { grid-template-columns: 1fr; gap: 26px; }
.ps-appky h1 { letter-spacing: -2px; }
.ps-appky .orbit { padding: 8px 0px; transform: none; }
.ps-appky .orbit-item:nth-child(3n) { transform: none; }
.ps-appky .intro-strip .wrap { flex-wrap: wrap; gap: 8px 18px; }
.ps-appky .section { padding: 50px 0px; }
.ps-appky .section-top { display: block; }
.ps-appky .apps { gap: 12px; }
.ps-appky .card { padding: 19px; min-height: 290px; }
.ps-appky .card h3 { font-size: 21px; }
.ps-appky .card p { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
.ps-appky .card { transition: none; }
}
.ps-appky .orbit { grid-template-columns: repeat(5, 1fr); gap: 10px; transform: none; }
.ps-appky .orbit-item { padding: 15px 5px; }
.ps-appky .orbit-item:nth-child(3n) { transform: none; }
.ps-appky .orbit img { width: 56px; height: 56px; border-radius: 0px; }
.ps-appky .orbit span { font-size: 12px; }
.ps-appky .apps { grid-template-columns: repeat(3, 1fr); }
.ps-appky .card img:not(.app-wordmark) { border-radius: 0px; width: 72px; height: 72px; }
.ps-appky .card .app-wordmark { width: 100%; height: auto; border-radius: 5px; background: rgb(8, 37, 45); display: block; }
.ps-appky .card h3 { margin: 10px 0px; }
@media (max-width: 1000px) {
.ps-appky .apps { grid-template-columns: repeat(2, 1fr); }
.ps-appky .hero-grid { grid-template-columns: 1fr 1fr; gap: 25px; }
.ps-appky .orbit img { width: 42px; height: 42px; }
}
@media (max-width: 650px) {
.ps-appky .hero-grid { grid-template-columns: 1fr; }
.ps-appky .orbit img { width: 40px; height: 40px; }
.ps-appky .orbit span { font-size: 11px; }
.ps-appky .orbit-item { padding: 10px 2px; }
.ps-appky .card { padding: 17px; }
}
@media (max-width: 380px) {
.ps-appky .apps { grid-template-columns: 1fr; }
}
.ps-appky #aplikacie .card img:not(.app-wordmark) { width: 96px; height: 96px; object-fit: contain; margin-left: -12px; border-radius: 0px; }
.ps-appky #aplikacie .card .app-wordmark { width: calc(100% + 32px); max-width: 320px; height: auto; background: transparent; border-radius: 0px; margin-left: -16px; }
.ps-appky .identity { background: var(--ink); color: rgb(255, 255, 255); }
.ps-appky .identity-heading { text-align: center; margin-bottom: 42px; }
.ps-appky .identity-heading h2 { font-size: clamp(34px, 4vw, 52px); line-height: 1.12; margin: 18px 0px 0px; }
.ps-appky .identity-heading h2 span { color: var(--lime); }
.ps-appky .identity-tabs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; max-width: 900px; margin: 0px auto 30px; }
.ps-appky .identity-tab { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 24px 18px; background: rgb(16, 49, 58); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 14px; color: rgb(196, 210, 213); transition: border-color 0.2s, background 0.2s; }
.ps-appky .identity-tab img, .ps-appky .identity-tab svg { width: 48px; height: 48px; object-fit: contain; }
.ps-appky .identity-tab strong { font-size: 19px; letter-spacing: 0.5px; color: rgb(255, 255, 255); }
.ps-appky .identity-tab span { font-size: 14px; }
.ps-appky .identity-tab[aria-selected="true"] { border-color: var(--lime); box-shadow: 0 0 0 1px var(--lime); background: rgb(23, 58, 53); color: var(--lime); }
.ps-appky .identity-tab:hover { border-color: var(--lime); }
.ps-appky .identity :is(button, [tabindex]):focus-visible { outline: 3px solid var(--lime); outline-offset: 5px; }
.ps-appky .identity-panel { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 42px; align-items: center; min-height: 310px; padding: 40px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 18px; background: rgb(16, 49, 58); }
.ps-appky .identity-panel[hidden] { display: none; }
.ps-appky .identity-copy h3 { font-size: 30px; line-height: 1.2; letter-spacing: -0.7px; margin: 15px 0px; }
.ps-appky .identity-copy p { color: rgb(187, 206, 209); max-width: 390px; }
.ps-appky .identity-preview { background: var(--ink); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 12px; min-height: 225px; overflow: hidden; }
@media (max-width: 650px) {
.ps-appky .identity-tabs { gap: 10px; }
.ps-appky .identity-tab { padding: 20px 8px; }
.ps-appky .identity-tab strong { font-size: 15px; }
.ps-appky .identity-tab span { font-size: 12px; }
.ps-appky .identity-panel { grid-template-columns: 1fr; padding: 24px; gap: 24px; }
.ps-appky .identity-copy h3 { font-size: 26px; }
.ps-appky .identity-heading { margin-bottom: 30px; }
}
.ps-appky .sneak-peek { background: var(--paper); color: var(--ink); }
.ps-appky .sneak-heading { text-align: center; margin-bottom: 40px; }
.ps-appky .sneak-tabs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin: 0px auto 30px; max-width: 1040px; }
.ps-appky .sneak-tab { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; min-height: 145px; padding: 22px 12px; border: 1px solid rgb(211, 223, 218); border-radius: 14px; background: rgb(255, 255, 255); color: var(--ink); }
.ps-appky .sneak-tab img { width: 48px; height: 48px; object-fit: contain; }
.ps-appky .sneak-tab strong { font-size: 16px; letter-spacing: 0.6px; }
.ps-appky .sneak-tab[aria-selected="true"] { border-color: rgb(128, 200, 67); box-shadow: rgb(128, 200, 67) 0px 0px 0px 1px; background: rgb(239, 251, 221); }
.ps-appky .sneak-tab:hover { border-color: rgb(128, 200, 67); }
.ps-appky .sneak-panel { display: grid; grid-template-columns: minmax(210px, 0.6fr) minmax(0px, 1.4fr); gap: 36px; align-items: center; padding: 36px; border: 1px solid rgb(211, 223, 218); border-radius: 18px; background: rgb(255, 255, 255); }
.ps-appky .sneak-panel[hidden] { display: none; }
.ps-appky .sneak-copy .kicker { margin-top: 18px; margin-bottom: 0px; }
.ps-appky .sneak-app-icon { display: block; width: 80px; height: 80px; object-fit: contain; margin-left: -10px; }
.ps-appky .sneak-copy h3 { margin: 10px 0px 15px; }
.ps-appky .sneak-wordmark { display: block; width: calc(100% + 32px); max-width: 320px; height: auto; margin-left: -16px; }
.ps-appky .sneak-copy p { font-size: 16px; color: var(--muted); max-width: 330px; }
.ps-appky .sneak-screen { margin: 0px; min-width: 0px; }
.ps-appky .sneak-screen-frame { width: 100%; aspect-ratio: 16 / 9; border-radius: 10px; border: 1px solid rgb(211, 223, 218); overflow: hidden; background: rgb(246, 248, 248); box-shadow: rgba(8, 37, 45, 0.07) 0px 12px 30px; }
.ps-appky .sneak-screen-frame img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center top; }
.ps-appky .sneak-screen figcaption { font-size: 12px; color: rgb(108, 124, 128); margin-top: 12px; }
@media (max-width: 800px) {
.ps-appky .sneak-panel { grid-template-columns: 1fr; padding: 26px; gap: 24px; }
.ps-appky .sneak-copy p { max-width: 550px; }
.ps-appky .sneak-wordmark { width: 280px; }
}
@media (max-width: 650px) {
.ps-appky .sneak-tabs { grid-template-columns: repeat(2, 1fr); gap: 12px; }
.ps-appky .sneak-tab { min-height: 120px; padding: 18px 8px; }
.ps-appky .sneak-tab strong { font-size: 14px; }
.ps-appky .sneak-panel { padding: 22px; }
.ps-appky .sneak-heading { margin-bottom: 30px; }
}
.ps-appky .identity-tab, .ps-appky .sneak-tab { min-height: 90px; padding: 26px 16px; gap: 0px; }
.ps-appky .identity-tab strong, .ps-appky .sneak-tab strong { font-size: 18px; letter-spacing: 0.6px; }
@media (max-width: 650px) {
.ps-appky .identity-tab, .ps-appky .sneak-tab { min-height: 76px; padding: 22px 8px; }
.ps-appky .identity-tab strong, .ps-appky .sneak-tab strong { font-size: 14px; letter-spacing: 0.3px; }
}
.ps-appky #live { margin-top: 84px; }
.ps-appky #podpora > .kicker, .ps-appky #podpora > h2 { text-align: center; }
.ps-appky #podpora > h2 { margin-top: 18px; }
.ps-appky #podpora .faq { max-width: none; margin-top: 48px; display: flex; flex-direction: column; gap: 10px; }
.ps-appky #podpora details { background: rgb(239, 239, 239); border: 0px; border-radius: 24px; padding: 0px; overflow: hidden; }
.ps-appky #podpora summary { position: relative; display: block; list-style: none; padding: 26px 68px 26px 28px; font-size: 20px; line-height: 1.4; font-weight: 600; color: var(--ink); }
.ps-appky #podpora summary::-webkit-details-marker { display: none; }
.ps-appky #podpora summary::after { content: ""; position: absolute; right: 30px; top: 50%; width: 12px; height: 12px; border-right: 2px solid var(--ink); border-bottom: 2px solid var(--ink); transform: translateY(-70%) rotate(45deg); }
.ps-appky #podpora details[open] summary::after { transform: translateY(-20%) rotate(225deg); }
.ps-appky #podpora details p { margin: 0px; padding: 0px 68px 28px 28px; font-size: 16px; line-height: 1.7; color: var(--muted); }
.ps-appky #podpora summary:focus-visible { outline: rgb(128, 200, 67) solid 3px; outline-offset: -5px; border-radius: 24px; }
@media (max-width: 650px) {
.ps-appky #live { margin-top: 50px; }
.ps-appky #podpora .faq { margin-top: 32px; }
.ps-appky #podpora details { border-radius: 18px; }
.ps-appky #podpora summary { padding: 22px 54px 22px 22px; font-size: 17px; }
.ps-appky #podpora summary::after { right: 24px; width: 10px; height: 10px; }
.ps-appky #podpora details p { padding: 0px 22px 24px; font-size: 15px; }
}
.ps-appky .identity-image-preview { width: 100%; min-height: 0px; aspect-ratio: 16 / 9; padding: 0px; overflow: hidden; }
.ps-appky .identity-image-preview img { display: block; width: 100%; height: 100%; object-fit: contain; }
.ps-appky .app-ticker { overflow: hidden; padding: 17px 0px; max-width: 100%; color: var(--ink); }
.ps-appky .ticker-track { display: flex; width: max-content; animation: 45s linear 0s infinite normal none running ps-appky-ticker-scroll; will-change: transform; }
.ps-appky .ticker-group { display: flex; flex-shrink: 0; min-width: 100vw; align-items: center; justify-content: space-around; gap: 44px; padding-right: 44px; }
.ps-appky .ticker-item { display: flex; flex-shrink: 0; align-items: center; gap: 34px; white-space: nowrap; font-family: MacanPanWeb, Arial, sans-serif; font-size: 24px; font-weight: 800; font-synthesis: none; line-height: 1.1; letter-spacing: 1.5px; transform: none; }
.ps-appky .app-ticker:hover .ticker-track { animation-play-state: paused; }
@keyframes ps-appky-ticker-scroll {
  0% { transform: translateX(0px); }
  100% { transform: translateX(-50%); }
 }
@media (max-width: 650px) {
.ps-appky .app-ticker { padding: 15px 0px; }
.ps-appky .ticker-item { font-size: 20px; }
.ps-appky .ticker-group { gap: 24px; padding-right: 24px; }
}
@media (prefers-reduced-motion: reduce) {
.ps-appky .ticker-track { animation: auto ease 0s 1 normal none running none; transform: none; width: 100%; }
.ps-appky .ticker-group { min-width: 0px; width: 100%; justify-content: center; padding: 0px; gap: 0px; }
.ps-appky .ticker-group:nth-child(2), .ps-appky .ticker-item:not(:first-child) { display: none; }
.ps-appky .ticker-item { font-size: clamp(18px, 5vw, 24px); }
}
.ps-appky .card:hover { transform: none; border-color: rgb(220, 230, 227); }
.ps-appky .card p { margin-bottom: 0px; }
@media (min-width: 1001px) {
.ps-appky #aplikacie .apps { grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 16px; }
.ps-appky #aplikacie .card { padding: 20px; min-width: 0px; }
.ps-appky #aplikacie .card img:not(.app-wordmark) { width: 72px; height: 72px; margin-left: -9px; }
.ps-appky #aplikacie .card .app-wordmark { width: calc(100% + 18px); max-width: 200px; margin-left: -9px; }
}
.ps-appky #aplikacie .section-top { display: block; text-align: center; font-family: MacanPanWeb, Arial, sans-serif; font-synthesis: none; }
.ps-appky #aplikacie { --elevation-large: 0 16px 32px 0 rgba(0,0,0,.16); }
.ps-appky #aplikacie .card { border: 0px; box-shadow: none; transition: box-shadow 200ms; }
@media (hover: hover) {
.ps-appky #aplikacie .card:hover { box-shadow: var(--elevation-large); transform: none; }
}
@media (prefers-reduced-motion: reduce) {
.ps-appky #aplikacie .card { transition: none; }
}
.ps-appky .hero h1 { font-size: clamp(26px, 3.5vw, 44px); letter-spacing: -1.3px; line-height: 1.12; }
.ps-appky .hero h1 .hero-headline-line { display: block; white-space: nowrap; }
.ps-appky .hero h1 .hero-headline-line:first-child { color: white; }
@media (max-width: 650px) {
.ps-appky .hero h1 { font-size: clamp(20px, 6vw, 38px); letter-spacing: -0.8px; }
}
.ps-appky .hero .eyebrow { font-family: MacanPanWeb, Arial, sans-serif; font-synthesis: none; color: rgb(255, 255, 255); font-size: 13px; letter-spacing: 1.8px; font-weight: 700; }
.ps-appky .hero .orbit { display: block; position: relative; height: 365px; padding: 0px; transform: none; isolation: isolate; }
.ps-appky .hero .orbit-item { position: absolute; left: 50%; top: 50%; width: 190px; height: 228px; margin: -114px 0px 0px -95px; padding: 32px 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; border: 1px solid rgb(71, 98, 105); border-radius: 22px; background: rgb(16, 49, 58); box-shadow: rgba(0, 0, 0, 0.333) 0px 24px 45px; transition: transform 1100ms cubic-bezier(0.22, 0.7, 0.25, 1), opacity 1100ms, filter 1100ms; transform: translate(var(--card-x,0),var(--card-y,0)) scale(var(--card-scale,1)); opacity: var(--card-opacity,1); filter: brightness(var(--card-light,1)); }
.ps-appky .hero .orbit-item:nth-child(3n) { transform: translate(var(--card-x,0),var(--card-y,0)) scale(var(--card-scale,1)); }
.ps-appky .hero .orbit img { display: block; width: 108px; height: 108px; object-fit: contain; margin: 0px; border-radius: 0px; }
.ps-appky .hero .orbit span { font-family: MacanPanWeb, Arial, sans-serif; font-size: 20px; font-weight: 700; color: white; letter-spacing: 0.3px; }
@media (max-width: 1000px) {
.ps-appky .hero .orbit-item { width: 160px; height: 204px; margin: -102px 0px 0px -80px; }
.ps-appky .hero .orbit img { width: 90px; height: 90px; }
.ps-appky .hero .orbit span { font-size: 17px; }
}
@media (max-width: 650px) {
.ps-appky .hero .orbit { height: 310px; margin-top: 12px; }
.ps-appky .hero .orbit-item { width: 170px; height: 210px; margin: -105px 0px 0px -85px; }
}
@media (prefers-reduced-motion: reduce) {
.ps-appky .hero .orbit-item { transition: none; }
}
.ps-appky .hero .hero-grid { max-width: 1440px; grid-template-columns: minmax(0px, 1.5fr) minmax(0px, 1fr); gap: 40px; }
.ps-appky .hero .hero-grid > div { min-width: 0px; }
.ps-appky .hero h1 { font-size: clamp(44px, 5.3vw, 70px); line-height: 1.04; letter-spacing: -3px; }
.ps-appky .hero .orbit-item { align-items: center; justify-content: center; text-align: center; }
.ps-appky .hero .orbit-item img { display: block; margin: 0px auto; object-position: center center; }
.ps-appky .hero .orbit-item .orbit-wordmark { width: 170px; max-width: 100%; height: 34px; object-fit: contain; filter: brightness(0) invert(1); }
@media (max-width: 1000px) {
.ps-appky .hero .hero-grid { grid-template-columns: 1fr; gap: 30px; }
.ps-appky .hero .orbit { max-width: 520px; width: 100%; margin: 0px auto; }
}
@media (max-width: 650px) {
.ps-appky .hero h1 { font-size: clamp(24px, 8vw, 44px); letter-spacing: -1.3px; }
}
.ps-appky .hero .cta { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 56px; padding: 12px 32px; border-radius: 999px; font-family: MacanPanWeb, Arial, sans-serif; font-size: 16px; font-weight: 600; line-height: 24px; letter-spacing: 0px; background: rgb(174, 246, 97); color: rgb(6, 35, 41); transition: transform 180ms, background-color 180ms; }
.ps-appky .hero .cta:hover, .ps-appky .hero .cta:focus-visible { transform: translateY(-2px); background: rgb(196, 255, 134); color: rgb(6, 35, 41); }
.ps-appky .hero .cta:focus-visible { outline: white solid 3px; outline-offset: 3px; }
.ps-appky .hero .hero-cta-arrow { width: 8px; height: 8px; border-top: 1.5px solid; border-right: 1.5px solid; transform: rotate(45deg); }
@media (prefers-reduced-motion: reduce) {
.ps-appky .hero .cta { transition: none; }
.ps-appky .hero .cta:hover { transform: none; }
}
.ps-appky .hero .orbit-item { transition: transform 1100ms cubic-bezier(0.22, 0.7, 0.25, 1), opacity 1100ms, filter 1100ms; will-change: transform; }
@media (prefers-reduced-motion: reduce) {
.ps-appky .hero .orbit-item { transition: none; }
}
.ps-appky .hero p { font-family: MacanPanWeb, Arial, sans-serif; font-weight: 400; font-size: 18px; line-height: 28px; }
.ps-appky .sneak-peek .sneak-tabs { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 0px; max-width: 640px; margin: 0px auto 32px; border-bottom: 1px solid rgb(211, 223, 218); }
.ps-appky .sneak-peek .sneak-tab { position: relative; display: flex; align-items: center; justify-content: center; min-width: 0px; min-height: 58px; padding: 16px 12px; background: transparent; border: 0px; border-radius: 0px; box-shadow: none; color: rgb(99, 116, 120); transition: color 180ms; }
.ps-appky .sneak-peek .sneak-tab strong { font-family: MacanPanWeb, Arial, sans-serif; font-size: 15px; font-weight: 600; letter-spacing: 0.7px; white-space: nowrap; }
.ps-appky .sneak-peek .sneak-tab::after { content: ""; position: absolute; bottom: -1px; left: 14px; right: 14px; height: 3px; border-radius: 3px; background: rgb(128, 200, 67); transform: scaleX(0); transition: transform 180ms; }
.ps-appky .sneak-peek .sneak-tab[aria-selected="true"] { background: transparent; border: 0px; box-shadow: none; color: rgb(8, 37, 45); }
.ps-appky .sneak-peek .sneak-tab[aria-selected="true"]::after { transform: scaleX(1); }
.ps-appky .sneak-peek .sneak-tab:hover { color: rgb(8, 37, 45); }
@media (max-width: 650px) {
.ps-appky .sneak-peek .sneak-tabs { grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 0px; margin-bottom: 24px; }
.ps-appky .sneak-peek .sneak-tab { min-height: 48px; padding: 14px 4px; }
.ps-appky .sneak-peek .sneak-tab strong { font-size: 12px; letter-spacing: 0.25px; }
.ps-appky .sneak-peek .sneak-tab::after { left: 8px; right: 8px; }
}
@media (prefers-reduced-motion: reduce) {
.ps-appky .sneak-peek .sneak-tab, .ps-appky .sneak-peek .sneak-tab::after { transition: none; }
}
.ps-appky .sneak-peek .sneak-tabs { --selected-tab: 0; position: relative; isolation: isolate; max-width: 640px; padding: 6px; border: 0px; border-radius: 999px; background: rgb(228, 232, 230); gap: 0px; }
.ps-appky .sneak-peek .sneak-tabs::before { content: ""; position: absolute; z-index: 0; left: 6px; top: 6px; width: calc(25% - 3px); height: calc(100% - 12px); border-radius: 999px; background: rgb(6, 35, 41); transform: translateX(calc(var(--selected-tab)*100%)); transition: transform 320ms cubic-bezier(0.22, 0.7, 0.25, 1); pointer-events: none; }
.ps-appky .sneak-peek .sneak-tab { position: relative; z-index: 1; min-height: 50px; padding: 13px 10px; border: 0px; border-radius: 999px; background: transparent; color: rgb(83, 98, 103); box-shadow: none; }
.ps-appky .sneak-peek .sneak-tab::after { display: none; }
.ps-appky .sneak-peek .sneak-tab[aria-selected="true"] { background: transparent; color: white; border: 0px; box-shadow: none; }
.ps-appky .sneak-peek .sneak-tab:not([aria-selected="true"]):hover { color: rgb(6, 35, 41); }
@media (max-width: 650px) {
.ps-appky .sneak-peek .sneak-tabs { padding: 4px; }
.ps-appky .sneak-peek .sneak-tabs::before { left: 4px; top: 4px; width: calc(25% - 2px); height: calc(100% - 8px); }
.ps-appky .sneak-peek .sneak-tab { min-height: 44px; padding: 11px 2px; }
.ps-appky .sneak-peek .sneak-tab strong { font-size: 12px; letter-spacing: 0px; }
}
@media (prefers-reduced-motion: reduce) {
.ps-appky .sneak-peek .sneak-tabs::before { transition: none; }
}
.ps-appky .identity .identity-tabs { --selected-tab: 0; position: relative; isolation: isolate; display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); max-width: 640px; margin: 0px auto 32px; padding: 6px; border: 0px; border-radius: 999px; background: rgb(228, 232, 230); gap: 0px; }
.ps-appky .identity .identity-tabs::before { content: ""; position: absolute; z-index: 0; left: 6px; top: 6px; width: calc(25% - 3px); height: calc(100% - 12px); border-radius: 999px; background: rgb(6, 35, 41); transform: translateX(calc(var(--selected-tab)*100%)); transition: transform 320ms cubic-bezier(0.22, 0.7, 0.25, 1); pointer-events: none; }
.ps-appky .identity .identity-tab { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; min-width: 0px; min-height: 50px; padding: 13px 10px; border: 0px; border-radius: 999px; background: transparent; color: rgb(83, 98, 103); box-shadow: none; gap: 0px; }
.ps-appky .identity .identity-tab strong { font-family: MacanPanWeb, Arial, sans-serif; font-size: 15px; font-weight: 600; letter-spacing: 0.7px; white-space: nowrap; color: inherit; }
.ps-appky .identity .identity-tab[aria-selected="true"] { background: transparent; color: white; border: 0px; box-shadow: none; }
.ps-appky .identity .identity-tab:not([aria-selected="true"]):hover { color: rgb(6, 35, 41); }
@media (max-width: 650px) {
.ps-appky .identity .identity-tabs { grid-template-columns: repeat(4, minmax(0px, 1fr)); padding: 4px; margin-bottom: 24px; }
.ps-appky .identity .identity-tabs::before { left: 4px; top: 4px; width: calc(25% - 2px); height: calc(100% - 8px); }
.ps-appky .identity .identity-tab { min-height: 44px; padding: 11px 2px; }
.ps-appky .identity .identity-tab strong { font-size: 12px; letter-spacing: 0px; }
}
@media (prefers-reduced-motion: reduce) {
.ps-appky .identity .identity-tabs::before { transition: none; }
}
.ps-appky .identity .identity-tabs { background: rgb(36, 65, 74); }
.ps-appky .identity .identity-tabs::before { background: rgb(255, 255, 255); }
.ps-appky .identity .identity-tab { color: rgb(200, 214, 218); }
.ps-appky .identity .identity-tab[aria-selected="true"] { color: rgb(6, 35, 41); }
.ps-appky .identity .identity-tab:not([aria-selected="true"]):hover { color: rgb(255, 255, 255); }
@media (max-width: 650px) {
.ps-appky .hero .hero-grid { display: flex; flex-direction: column; }
.ps-appky .hero .hero-grid > div { width: 100%; }
.ps-appky .hero .orbit { order: 0; }
}
.ps-appky .ticker-item { gap: 20px; }
@media (max-width: 650px) {
.ps-appky .ticker-item { gap: 16px; }
}
@media (prefers-reduced-motion: reduce) {
.ps-appky .ticker-item { gap: 12px; font-size: clamp(13px, 3.8vw, 24px); }
}
.ps-appky .app-ticker { padding: 12px 0px; }
.ps-appky .ticker-track { animation-duration: 65s; }
.ps-appky .ticker-item { font-family: MacanPanWeb, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 1.2; letter-spacing: 0px; gap: 14px; }
.ps-appky .ticker-group { gap: 72px; padding-right: 72px; }
@media (max-width: 650px) {
.ps-appky .app-ticker { padding: 11px 0px; }
.ps-appky .ticker-item { font-size: 16px; gap: 12px; }
.ps-appky .ticker-group { gap: 48px; padding-right: 48px; }
}
@media (prefers-reduced-motion: reduce) {
.ps-appky .ticker-item { font-size: clamp(14px, 4vw, 18px); gap: 10px; }
.ps-appky .ticker-group { gap: 0px; padding-right: 0px; }
}
@media (max-width: 650px) {
.ps-appky .hero .orbit { transform: scale(var(--mobile-orbit-scale,.92)); transform-origin: center center; }
}
.ps-appky .sneak-peek .sneak-tabs, .ps-appky .identity .identity-tabs { padding: 4px; }
.ps-appky .sneak-peek .sneak-tabs::before, .ps-appky .identity .identity-tabs::before { left: 4px; top: 4px; height: calc(100% - 8px); }
.ps-appky .sneak-peek .sneak-tabs::before { width: calc(25% - 2px); }
.ps-appky .identity .identity-tabs::before { width: calc(25% - 2px); }
.ps-appky .sneak-peek .sneak-tab, .ps-appky .identity .identity-tab { min-height: 38px; padding: 7px 10px; line-height: 24px; }
@media (max-width: 650px) {
.ps-appky .sneak-peek .sneak-tabs, .ps-appky .identity .identity-tabs { padding: 3px; }
.ps-appky .sneak-peek .sneak-tabs::before, .ps-appky .identity .identity-tabs::before { left: 3px; top: 3px; height: calc(100% - 6px); }
.ps-appky .sneak-peek .sneak-tabs::before { width: calc(25% - 1.5px); }
.ps-appky .identity .identity-tabs::before { width: calc(25% - 1.5px); }
.ps-appky .sneak-peek .sneak-tab, .ps-appky .identity .identity-tab { min-height: 36px; padding: 6px 2px; line-height: 24px; }
}
.ps-appky .sneak-peek .sneak-tabs, .ps-appky .identity .identity-tabs { padding: 0px; }
.ps-appky .sneak-peek .sneak-tabs::before, .ps-appky .identity .identity-tabs::before { left: 0px; top: 0px; height: 100%; }
.ps-appky .sneak-peek .sneak-tabs::before { width: 25%; }
.ps-appky .identity .identity-tabs::before { width: calc(25%); }
@media (max-width: 650px) {
.ps-appky #aplikacie.section.wrap { padding-left: 22px; padding-right: 22px; }
.ps-appky #aplikacie .apps { grid-template-columns: minmax(0px, 1fr); gap: 14px; }
.ps-appky #aplikacie .card { padding: 22px; min-height: 0px; min-width: 0px; }
.ps-appky #aplikacie .card img:not(.app-wordmark) { width: 64px; height: 64px; margin-left: -8px; }
.ps-appky #aplikacie .card h3 { margin: 8px 0px 12px; }
.ps-appky #aplikacie .card .app-wordmark { width: 220px; max-width: calc(100% + 16px); height: auto; margin-left: -8px; }
.ps-appky #aplikacie .card p { font-size: 15px; line-height: 1.6; margin: 0px; }
}
@media (max-width: 650px) {
.ps-appky .sneak-peek .sneak-app-icon { width: 64px; height: 64px; margin-left: -8px; }
.ps-appky .sneak-peek .sneak-copy .kicker { font-size: 11px; font-weight: 400; line-height: 1.5; letter-spacing: 0.8px; margin-top: 12px; margin-bottom: 0px; }
.ps-appky .sneak-peek .sneak-copy h3 { margin: 8px 0px 12px; }
.ps-appky .sneak-peek .sneak-wordmark { width: 220px; max-width: calc(100% + 16px); height: auto; margin-left: -8px; }
.ps-appky .sneak-peek .sneak-copy p { font-size: 15px; line-height: 1.6; margin: 0px; }
}
@media (max-width: 650px) {
.ps-appky #podpora.section.wrap { padding-left: 22px; padding-right: 22px; }
}
.ps-appky .network-benefit { max-width: 720px; margin: 0px auto 38px; text-align: center; font-family: MacanPanWeb, Arial, sans-serif; }
.ps-appky .network-benefit p { margin: 16px 0px 0px; font-size: 18px; line-height: 1.6; color: rgb(8, 37, 45); }
.ps-appky .network-benefit strong { font-weight: 600; }
.ps-appky .network-benefit .network-benefit-note { margin-top: 5px; font-size: 16px; color: rgb(99, 116, 120); }
@media (max-width: 650px) {
.ps-appky #aplikacie .section-top { margin-bottom: 22px; }
.ps-appky .network-benefit { margin-bottom: 28px; }
.ps-appky .network-benefit p { font-size: 16px; line-height: 1.6; margin-top: 14px; }
.ps-appky .network-benefit .network-benefit-note { font-size: 15px; margin-top: 6px; }
}
.ps-appky .ticker-item { align-items: baseline; }
.ps-appky .network-benefit p:first-child { margin-top: 0px; }
.ps-appky .network-benefit .network-benefit-note { font-size: 18px; font-weight: 400; line-height: 1.6; color: rgb(8, 37, 45); }
@media (max-width: 650px) {
.ps-appky .network-benefit .network-benefit-note { font-size: 16px; }
}
.ps-appky .sneak-peek .sneak-wordmark { width: auto; max-width: 100%; height: 44px; object-fit: contain; object-position: left center; margin-left: 0px; }
@media (max-width: 650px) {
.ps-appky .sneak-peek .sneak-wordmark { width: auto; max-width: 100%; height: 30px; margin-left: 0px; }
}
.ps-appky .identity-heading > .eyebrow { color: rgb(255, 255, 255); }
.ps-appky .career-cta-shell { margin-top: 84px; }
.ps-appky .career-cta { background: var(--lime); color: rgb(6, 35, 41); padding: 72px 48px; text-align: center; border-radius: 24px; font-family: MacanPanWeb, Arial, sans-serif; font-synthesis: none; }
.ps-appky .career-cta__inner { max-width: 900px; margin: 0px auto; }
.ps-appky .career-cta h2 { font-family: MacanStencilPanWeb, MacanPanWeb, Arial, sans-serif; font-weight: 450; font-size: clamp(36px, 4vw, 48px); line-height: 1.17; letter-spacing: -0.5px; color: rgb(6, 35, 41); margin: 0px auto 24px; max-width: 800px; }
.ps-appky .career-cta p { font-size: 18px; font-weight: 400; line-height: 28px; letter-spacing: -0.15px; color: rgb(6, 35, 41); margin: 0px auto; max-width: 720px; }
.ps-appky .career-cta__button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: rgb(6, 35, 41); color: rgb(255, 255, 255); border: 0px; border-radius: 999px; min-height: 56px; padding: 12px 32px; margin-top: 32px; font-family: MacanPanWeb, Arial, sans-serif; font-size: 16px; font-weight: 600; line-height: 24px; letter-spacing: 0px; transition: background 0.2s, transform 0.2s; }
.ps-appky .career-cta__button:hover { background: rgb(21, 61, 70); transform: translateY(-2px); }
.ps-appky .career-cta__button:focus-visible { outline: rgb(6, 35, 41) solid 3px; outline-offset: 5px; }
.ps-appky .career-cta__arrow { width: 8px; height: 8px; flex: 0 0 8px; border-top: 1.5px solid; border-right: 1.5px solid; transform: rotate(45deg); }
@media (max-width: 650px) {
.ps-appky .career-cta-shell { margin-top: 50px; }
.ps-appky .career-cta { padding: 48px 24px; border-radius: 20px; }
.ps-appky .career-cta h2 { font-size: 34px; line-height: 1.2; letter-spacing: -0.35px; margin-bottom: 20px; }
.ps-appky .career-cta p { font-size: 17px; line-height: 26px; }
.ps-appky .career-cta__button { font-size: 15px; padding: 12px 20px; max-width: 100%; margin-top: 28px; }
}
@media (prefers-reduced-motion: reduce) {
.ps-appky .career-cta__button { transition: none; }
.ps-appky .career-cta__button:hover { transform: none; }
}
.ps-appky .ecosystem { background: var(--appky-ecosystem-image, none) center center / cover no-repeat rgb(234, 231, 227); min-height: clamp(560px, 48.6vw, 875px); display: flex; align-items: center; }
.ps-appky .ecosystem .system { width: 100%; }
@media (max-width: 650px) {
.ps-appky .ecosystem { display: block; min-height: 0px; background-size: auto 300px; background-position: right bottom; padding: 50px 0px 330px; }
.ps-appky .ecosystem .system { grid-template-columns: 1fr; }
.ps-appky .ecosystem .system > div { max-width: 100%; }
}
.ps-appky .app-ticker .ticker-group { min-width: 100vw; justify-content: space-around; gap: 40px; padding-right: 40px; }
.ps-appky .app-ticker .ticker-item { align-items: center; height: 22px; }
.ps-appky .app-ticker .ticker-wordmark { display: block; flex-shrink: 0; width: 160px; height: 32px; object-fit: contain; }
@media (max-width: 650px) {
.ps-appky .app-ticker .ticker-item { height: 20px; }
.ps-appky .app-ticker .ticker-wordmark { width: 150px; height: 30px; }
.ps-appky .app-ticker .ticker-group { gap: 28px; padding-right: 28px; }
}
@media (prefers-reduced-motion: reduce) {
.ps-appky .app-ticker { overflow-x: auto; }
.ps-appky .app-ticker .ticker-track { width: max-content; animation: auto ease 0s 1 normal none running none; transform: none; }
.ps-appky .app-ticker .ticker-group { width: auto; min-width: 100vw; gap: 28px; padding-right: 28px; }
.ps-appky .app-ticker .ticker-group:first-child .ticker-item { display: flex; }
.ps-appky .app-ticker .ticker-group:nth-child(2) { display: none; }
}
.ps-appky .app-ticker .ticker-group { min-width: 0px; justify-content: flex-start; gap: 36px; padding-right: 36px; }
.ps-appky .app-ticker .ticker-wordmark { width: auto; height: 32px; }
@media (max-width: 650px) {
.ps-appky .app-ticker .ticker-group { gap: 28px; padding-right: 28px; }
.ps-appky .app-ticker .ticker-wordmark { width: auto; height: 30px; }
}
@media (prefers-reduced-motion: reduce) {
.ps-appky .app-ticker .ticker-group { min-width: 0px; gap: 28px; padding-right: 28px; }
}
.ps-appky .app-ticker .ticker-group { gap: 72px; padding-right: 72px; min-width: 0px; width: max-content; flex-shrink: 0; }
.ps-appky .app-ticker .ticker-track { animation-name: ps-appky-ticker-infinite; animation-duration: var(--ticker-duration,85s); }
@keyframes ps-appky-ticker-infinite {
  0% { transform: translateX(0px); }
  100% { transform: translateX(calc(-1 * var(--ticker-distance,0px))); }
 }
@media (max-width: 650px) {
.ps-appky .app-ticker .ticker-group { gap: 56px; padding-right: 56px; }
}
@media (prefers-reduced-motion: reduce) {
.ps-appky .app-ticker .ticker-track { animation: auto ease 0s 1 normal none running none; }
.ps-appky .app-ticker .ticker-group:not(:first-child) { display: none; }
}
.ps-appky .hero h1 { font-family: MacanStencilPanWeb, MacanPanWeb, Arial, sans-serif; font-weight: 450; font-synthesis: none; }
.ps-appky .identity-panel { grid-template-columns: minmax(210px, 0.6fr) minmax(0px, 1.4fr); gap: 36px; padding: 36px; min-height: 0px; }
.ps-appky .identity-image-preview { width: 100%; min-width: 0px; min-height: 0px; aspect-ratio: 16 / 9; }
@media (max-width: 800px) {
.ps-appky .identity-panel { grid-template-columns: 1fr; padding: 26px; gap: 24px; }
}
@media (max-width: 650px) {
.ps-appky .identity-panel { padding: 22px; }
}
@media (min-width: 651px) {
.ps-appky #aplikacie .card { min-height: 276px; }
}
@media (max-width: 650px) {
.ps-appky .hero .orbit { margin-top: -35px; }
}
.ps-appky .sneak-panel { border: 0px; align-items: stretch; }
.ps-appky .sneak-copy { display: flex; flex-direction: column; align-items: flex-start; min-width: 0px; }
.ps-appky .sneak-copy .sneak-app-icon { flex-shrink: 0; }
.ps-appky .sneak-copy h3 { margin-top: auto; width: 100%; }
.ps-appky .sneak-copy p { margin-bottom: 0px; }
@media (max-width: 800px) {
.ps-appky .sneak-copy { display: block; }
.ps-appky .sneak-copy h3 { margin-top: 18px; }
}
.ps-appky #identita .identity-panel { align-items: stretch; }
.ps-appky #identita .identity-copy { display: flex; flex-direction: column; align-items: flex-start; min-width: 0px; }
.ps-appky #identita .identity-copy > .eyebrow { margin: 0px; }
.ps-appky #identita .identity-copy h3 { margin-top: auto; width: 100%; }
.ps-appky #identita .identity-copy p { margin-bottom: 0px; }
@media (max-width: 800px) {
.ps-appky #identita .identity-copy { display: block; }
.ps-appky #identita .identity-copy h3 { margin-top: 15px; }
}
.ps-appky .hero { padding-top: 102px; padding-bottom: 110px; }
@media (max-width: 650px) {
.ps-appky .hero { padding-top: 54px; padding-bottom: 61px; }
}
.ps-appky h2, .ps-appky h3, .ps-appky .kicker, .ps-appky .eyebrow, .ps-appky .hero .eyebrow { font-weight: 500; }
.ps-appky #aplikacie.section { padding-top: 116px; padding-bottom: 116px; }
@media (max-width: 650px) {
.ps-appky #aplikacie.section { padding-top: 66px; padding-bottom: 66px; }
}
.ps-appky > .section { padding-top: 116px; padding-bottom: 116px; }
.ps-appky .career-cta-shell { margin-top: 116px; }
.ps-appky .career-cta { padding-top: 104px; padding-bottom: 104px; }
@media (min-width: 651px) {
.ps-appky #ekosystem { min-height: calc(64px + clamp(560px, 48.6vw, 875px)); }
}
@media (max-width: 650px) {
.ps-appky > .section { padding-top: 66px; padding-bottom: 66px; }
.ps-appky #ekosystem { padding-bottom: 346px; }
.ps-appky .career-cta-shell { margin-top: 66px; }
.ps-appky .career-cta { padding-top: 64px; padding-bottom: 64px; }
}
.ps-appky #dema.section { padding-top: 64px; }
@media (max-width: 650px) {
.ps-appky #dema.section { padding-top: 40px; }
}
.ps-appky .hero .orbit::before { content: ""; position: absolute; inset: 10% -3% 4%; z-index: -1; pointer-events: none; background: radial-gradient(at 29% 70%, rgba(104, 197, 205, 0.24), transparent 56%), radial-gradient(at 72% 32%, rgba(55, 141, 153, 0.18), transparent 55%); filter: blur(28px); }
.ps-appky .hero .orbit-item { border-radius: 24px; border-color: rgba(240, 255, 255, 0.48) rgba(226, 250, 251, 0.26) rgba(226, 250, 251, 0.26) rgba(226, 250, 251, 0.38); background: linear-gradient(rgba(6, 35, 41, 0.22), rgba(6, 35, 41, 0.22)), radial-gradient(at 0% 100%, rgba(109, 202, 211, 0.2), transparent 72%), linear-gradient(145deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.035) 55%, rgba(255, 255, 255, 0.09)); backdrop-filter: blur(18px) saturate(135%); box-shadow: rgba(255, 255, 255, 0.16) 0px 1px 0px inset, rgba(255, 255, 255, 0.08) 1px 0px 0px inset, rgba(9, 42, 49, 0.2) 0px -1px 0px inset, rgba(0, 13, 18, 0.26) 0px 18px 38px; }
.ps-appky .hero .orbit-item::before { content: ""; position: absolute; inset: 0px; border-radius: inherit; pointer-events: none; background: linear-gradient(125deg, rgba(255, 255, 255, 0.1), transparent 42%); }
.ps-appky .hero .orbit-item img { position: relative; }
.ps-appky .hero .orbit-item:focus-visible { outline: 3px solid var(--lime); outline-offset: 5px; }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
.ps-appky .hero .orbit-item { background: radial-gradient(at 0% 100%, rgba(109, 202, 211, 0.25), transparent 72%), linear-gradient(145deg, rgb(33, 62, 69), rgb(18, 47, 54) 65%, rgb(28, 57, 64)); }
}
.ps-appky .hero { background: radial-gradient(at 88% 22%, rgba(152, 166, 255, 0.1), transparent 52%), radial-gradient(at 48% 110%, rgba(174, 246, 97, 0.055), transparent 50%), radial-gradient(at 73% 88%, rgba(46, 116, 130, 0.18), transparent 58%), linear-gradient(125deg, rgb(6, 35, 41) 15%, rgb(10, 52, 59) 72%, rgb(6, 35, 41)); }
.ps-appky #identita { --lime: #aef661; --identity-deep: #062329; position: relative; isolation: isolate; overflow: hidden; background: radial-gradient(at 88% 12%, rgba(152, 166, 255, 0.09), transparent 48%), radial-gradient(at 10% 95%, rgba(174, 246, 97, 0.07), transparent 46%), linear-gradient(140deg, rgb(6, 35, 41) 6%, rgb(10, 52, 59) 53%, rgb(6, 35, 41) 100%); }
.ps-appky #identita::before { content: ""; position: absolute; inset: -25% -12%; z-index: -1; pointer-events: none; background: radial-gradient(24% 48% at 20% 58%, rgba(46, 116, 130, 0.34), transparent 76%), radial-gradient(30% 32% at 74% 70%, rgba(152, 166, 255, 0.14), transparent 78%), radial-gradient(34% 18% at 48% 80%, rgba(174, 246, 97, 0.09), transparent 80%); transform: rotate(-14deg); filter: blur(42px); }
.ps-appky #identita .identity-copy > .eyebrow { color: rgb(245, 245, 245); }
.ps-appky #identita .identity-copy h3 { color: var(--lime); }
.ps-appky #identita .identity-panel { background: linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.024) 60%, rgba(255, 255, 255, 0.043)), rgba(6, 35, 41, 0.3); border-color: rgba(229, 248, 250, 0.3) rgba(229, 248, 250, 0.18) rgba(229, 248, 250, 0.18); box-shadow: rgba(255, 255, 255, 0.07) 0px 1px 0px inset, rgba(0, 0, 0, 0.16) 0px 16px 32px; backdrop-filter: blur(24px) saturate(120%); }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
.ps-appky #identita .identity-panel { background: linear-gradient(135deg, rgb(24, 60, 68), rgb(16, 46, 55)); }
}
/* The shared site shell stays intact; all Appky layout and interactions are local. */
.ps-appky { display: block; width: 100%; overflow: clip; }
.ps-appky .wrap { width: 100%; }
.ps-appky [hidden] { display: none !important; }
.ps-appky #aplikacie { scroll-margin-top: 112px; outline: 0; }
.ps-appky .sneak-peek .sneak-tabs::before, .ps-appky .identity .identity-tabs::before { width: calc(100% / var(--tab-count, 4)); }
.ps-appky .sneak-peek .sneak-tabs, .ps-appky .identity .identity-tabs { grid-template-columns: repeat(var(--tab-count, 4), minmax(0, 1fr)); }
.ps-appky .ps-appky__media { display: block; width: 100%; height: 100%; object-fit: contain; }
.ps-appky .identity-image-preview video { width: 100%; height: 100%; object-fit: contain; }
.ps-appky .ps-appky__heading-text { color: inherit; }
.ps-appky .app-ticker:hover .ticker-track, .ps-appky .app-ticker:focus-within .ticker-track { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce) { .ps-appky .orbit-item { transition: none; } }
/* WOR-568: Appky hero reused as a banner on the education career page.
   The page already has its own H1, so the banner title is an H2 styled like the Appky H1. */
.ps-appky--career-banner { background: transparent; }
.ps-appky .hero h2.hero-title { font-family: MacanStencilPanWeb, MacanPanWeb, Arial, sans-serif; font-weight: 450; font-synthesis: none; font-size: clamp(44px, 5.3vw, 70px); line-height: 1.04; letter-spacing: -3px; margin: 24px 0px; color: white; }
.ps-appky .hero h2.hero-title .hero-headline-line { display: block; white-space: nowrap; color: var(--lime); }
.ps-appky .hero h2.hero-title .hero-headline-line:first-child { color: white; }
@media (max-width: 650px) {
.ps-appky .hero h2.hero-title { font-size: clamp(24px, 8vw, 44px); letter-spacing: -1.3px; }
}