/* Product layout only. Palette, typography, buttons and language menu come from nl.css. */
img,svg{max-width:100%;vertical-align:middle}
a{text-underline-offset:4px}
main:focus{outline:none}
.pk-skip{position:fixed;inset-block-start:-100px;inset-inline-start:16px;z-index:200;background:var(--text);color:var(--bg);padding:12px 20px;border-radius:8px}
.pk-skip:focus{inset-block-start:12px}
/* Keep the shared language menu at the physical top right in every locale. */
.pk-nav{direction:ltr}
.pk-nav .nav-actions{gap:24px}
.pk-nav-link{font-size:13px;color:var(--muted);text-decoration:none}
.pk-nav-link:hover{color:var(--text)}
.pk-mark{display:block;width:32px;height:28px;padding:3px;border-radius:5px;background:#faf9f5;flex:none;direction:ltr;overflow:hidden}
.language-chevron{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;flex-shrink:0;color:var(--muted);transition:transform .2s}
.language-menu[open] .language-chevron{transform:rotate(180deg)}
.language-dropdown{overscroll-behavior:contain}

.pk-hero{position:relative;isolation:isolate;min-height:calc(100svh - 58px);display:flex;align-items:center;overflow:hidden}
.pk-hero-media{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:60% 56%}
.pk-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,9,11,.99) 0%,rgba(9,9,11,.94) 35%,rgba(9,9,11,.12) 76%)}
.pk-hero-copy{padding:72px clamp(24px,4vw,64px);max-width:680px}
.pk-eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--accent2);margin-bottom:20px}
.pk-hero h1{font-size:clamp(60px,7vw,84px);font-weight:700;line-height:1;letter-spacing:-4px;direction:ltr;text-align:start;margin-bottom:26px}
.pk-tagline{font-size:clamp(21px,2.2vw,27px);line-height:1.4;letter-spacing:-.5px;max-width:21em;text-wrap:pretty}
.pk-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:28px}
.pk-button{min-height:48px;justify-content:center}
.pk-status{max-width:33em;font-size:14px;color:var(--muted);margin-top:18px}

.pk-inner{max-width:1120px;margin-inline:auto}
.pk-section{padding:88px 48px}
.pk-section.alt{background:var(--bg2);border-block:1px solid var(--border)}
.pk-section h2{font-size:clamp(28px,3.5vw,44px);line-height:1.15;letter-spacing:-1.5px;max-width:18em;margin-bottom:24px;text-wrap:balance}
.pk-section h3{font-size:19px;line-height:1.4;margin-bottom:16px}
.pk-copy{max-width:65ch;color:var(--muted);font-size:17px}
.pk-workflow-media{display:block;width:100%;max-width:960px;height:auto;margin:40px auto 0}
.pk-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}
.pk-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;list-style:none;padding:0;counter-reset:steps;margin-top:44px}
.pk-steps li{border-top:1px solid var(--border2);padding-top:24px;counter-increment:steps}
.pk-steps li::before{content:"0" counter(steps);display:block;color:var(--accent2);font:14px/1.2 ui-monospace,monospace;margin-bottom:20px}
.pk-steps p{color:var(--muted);font-size:15px}
.pk-features{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
.pk-features li{padding:20px 0;border-bottom:1px solid var(--border);font-size:16px}
.pk-formats{display:flex;flex-wrap:wrap;gap:16px 28px;list-style:none;padding:0;margin-bottom:28px;font:600 clamp(22px,3vw,34px)/1.2 ui-monospace,monospace;direction:ltr}
.pk-final{display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px}
.pk-final .pk-status{font-size:15px}
.pk-faq-section{padding-block-start:0}
.pk-faq details{border-top:1px solid var(--border)}
.pk-faq details:last-child{border-bottom:1px solid var(--border)}
.pk-faq summary{cursor:pointer;padding:24px 0;min-height:48px;font-size:16px;line-height:1.5;font-weight:600;text-wrap:pretty}
.pk-faq summary::marker{color:var(--accent2)}
.pk-faq p{padding:8px 0 24px;max-width:62ch;font-size:14px;color:var(--muted)}
.pk-footer{max-width:1216px;margin:auto;padding:36px 48px;display:flex;gap:20px 48px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--muted);border-top:1px solid var(--border)}
.pk-footer .footer-brand{font-weight:600;color:var(--text)}
.pk-footer .footer-copy{margin-inline-start:auto}

.pk-document{max-width:900px;margin:auto;padding:64px 48px 96px}
.pk-document h1{overflow-wrap:anywhere;font-size:clamp(34px,5vw,52px);line-height:1.15;letter-spacing:-1.5px;margin:24px 0}
.pk-document h2{font-size:24px;line-height:1.35;margin:44px 0 14px}
.pk-document p{color:var(--muted);margin-bottom:20px}
.pk-document .pk-date{font-size:14px}
.pk-contact{font-size:clamp(19px,3vw,26px);overflow-wrap:anywhere}
.pk-policy-links{display:flex;flex-wrap:wrap;gap:12px 24px;list-style:none;padding:0}
.pk-policy-links a{font-size:14px;color:var(--accent2)}
.pk-blog{padding:72px 48px 88px;min-height:calc(100svh - 200px)}
.pk-blog-header{margin-bottom:48px}
.pk-blog-header h1{font-size:clamp(38px,5vw,60px);letter-spacing:-2px;line-height:1.1;margin-bottom:20px}
.pk-blog-header p{max-width:640px;color:var(--muted);font-size:18px;line-height:1.65}
.pk-blog-empty{border-top:1px solid var(--border);padding-top:32px;max-width:720px}
.pk-blog-empty p{margin-bottom:24px;color:var(--muted)}
.pk-blog-empty a{color:var(--accent2)}

/* Arabic text follows RTL; the same photograph and artwork are never mirrored. */
html[dir=rtl] .pk-hero{direction:ltr}
html[dir=rtl] .pk-hero-copy{direction:rtl}
html[dir=rtl] .pk-hero h1{text-align:right}
@media(min-width:1600px){.pk-hero{min-height:720px}}
@media(max-width:1000px){.pk-section,.pk-footer,.pk-document,.pk-blog{padding-inline:28px}.pk-split{gap:36px}.pk-nav .nav-actions{gap:14px}}
@media(max-width:800px){
.pk-hero{display:block;min-height:0}
.pk-hero-copy{padding:48px 24px 36px;max-width:none}
.pk-hero h1{font-size:clamp(60px,12vw,84px)}
.pk-tagline{max-width:26em}
.pk-hero-media{position:relative;inset:auto;z-index:0;display:block;aspect-ratio:16/9;height:auto;object-position:75% 65%;object-fit:cover;max-height:390px}
.pk-hero::after{display:none}
.pk-section{padding-block:64px}
.pk-split{grid-template-columns:1fr;gap:32px}
.pk-steps{grid-template-columns:1fr;gap:28px;margin-top:36px}
.pk-features{grid-template-columns:1fr}
.pk-final{grid-template-columns:1fr;gap:24px}
.pk-footer .footer-copy{margin-inline-start:0;width:100%}
.pk-blog{padding:48px 24px 64px}
.pk-blog-header p{font-size:16px}
}
@media(max-width:640px){.pk-nav .nav-actions{gap:8px}.pk-section,.pk-footer,.pk-document{padding-inline:24px}}
@media(prefers-reduced-motion:no-preference){
@keyframes pk-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.pk-hero-copy{animation:pk-enter .65s ease-out both}
@supports((animation-timeline:view()) and (animation-range:entry)){
@keyframes pk-reveal{from{opacity:.35;transform:translateY(24px)}to{opacity:1;transform:none}}
.pk-section>.pk-inner{animation:pk-reveal auto linear both;animation-timeline:view();animation-range:entry 0% entry 80%}
}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}