.po-page{background:var(--paper)}.po-hero{background:linear-gradient(135deg,var(--nile-900) 0%,var(--nile-700) 100%);color:var(--white);padding:clamp(4rem,8vw,7rem) 0 clamp(3rem,5vw,5rem)}.po-hero .container{max-width:920px}.po-hero .eyebrow{color:var(--sand-300);display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin-bottom:1rem}body[data-lang=ar] .po-hero .eyebrow{letter-spacing:0;text-transform:none}.po-hero h1{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3.6rem);font-weight:400;line-height:1.1;letter-spacing:-.015em;color:var(--white);margin:0 0 1.5rem}.po-hero h1 em{color:var(--sand-300);font-style:italic;font-weight:500}.po-hero .lead{font-size:clamp(1.1rem,1.8vw,1.25rem);line-height:1.6;color:#ffffffeb;max-width:65ch;margin:0 0 1.5rem}.po-hero .meta{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.15)}.po-hero .meta-item{display:flex;flex-direction:column;gap:.25rem}.po-hero .meta-label{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--sand-300);font-weight:600}body[data-lang=ar] .po-hero .meta-label{letter-spacing:0;text-transform:none}.po-hero .meta-value{font-family:var(--font-display);font-size:1.1rem;font-weight:500;color:var(--white)}.po-overview{padding:clamp(3rem,6vw,5rem) 0;background:var(--paper)}.po-overview .container{max-width:920px}.po-overview h2{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.1rem);font-weight:500;line-height:1.25;color:var(--nile-900);margin:0 0 1rem}.po-overview p{color:var(--ink-700);font-size:1.02rem;line-height:1.7;max-width:70ch;margin:0 0 1rem}.po-overview p strong{color:var(--nile-900);font-weight:600}.po-steps{padding:clamp(3rem,6vw,5rem) 0;background:var(--white)}.po-steps .container{max-width:920px}.po-steps .section-eyebrow{display:block;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--sand-700);font-weight:700;margin-bottom:.75rem}body[data-lang=ar] .po-steps .section-eyebrow{letter-spacing:0;text-transform:none}.po-steps h2{font-family:var(--font-display);font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:500;line-height:1.2;color:var(--nile-900);margin:0 0 3rem}.po-step-list{list-style:none;padding:0;margin:0}.po-step{display:grid;grid-template-columns:80px 1fr;gap:2rem;padding-bottom:2.5rem;margin-bottom:2.5rem;border-bottom:1px solid var(--line-soft);align-items:start;scroll-margin-top:100px}.po-step:last-child{border-bottom:none;margin-bottom:0}@media(max-width:700px){.po-step{grid-template-columns:1fr;gap:1rem}}.po-step-number{font-family:var(--font-display);font-size:2.5rem;font-weight:400;color:var(--sand-700);line-height:1;letter-spacing:-.02em}.po-step-content h3{font-family:var(--font-display);font-size:clamp(1.3rem,2.2vw,1.55rem);font-weight:500;color:var(--nile-900);margin:0 0 .5rem;line-height:1.3}.po-step-content .po-duration{display:inline-block;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--accent-warning-text);background:var(--accent-warning-bg);padding:.3rem .7rem;border-radius:var(--radius-pill);margin-bottom:1rem}body[data-lang=ar] .po-step-content .po-duration{letter-spacing:0;text-transform:none}.po-step-content>p{color:var(--ink-700);font-size:1rem;line-height:1.65;margin:0 0 1.25rem}.po-step-content>p strong{color:var(--nile-900);font-weight:600}.po-step-detail{background:var(--paper);border-left:3px solid var(--sand-500);border-radius:var(--radius);padding:1.25rem 1.5rem;margin-top:1rem}html[dir=rtl] .po-step-detail{border-left:0;border-right:3px solid var(--sand-500)}.po-step-detail h4{font-family:var(--font-display);font-size:.95rem;font-weight:600;color:var(--nile-900);margin:0 0 .5rem}.po-step-detail ul{list-style:none;padding:0;margin:0}.po-step-detail li{position:relative;padding-left:1.2rem;font-size:.93rem;line-height:1.6;color:var(--ink-700);margin-bottom:.4rem}html[dir=rtl] .po-step-detail li{padding-left:0;padding-right:1.2rem}.po-step-detail li:before{content:"\2192";position:absolute;left:0;color:var(--sand-700);font-weight:600}html[dir=rtl] .po-step-detail li:before{left:auto;right:0;content:"\2190"}.po-step-tools{margin-top:1rem;font-size:.92rem;color:var(--ink-700);line-height:1.55}.po-step-tools strong{color:var(--nile-900);font-weight:600}.po-step-tools a{color:var(--nile-700);font-weight:600;text-decoration:none;border-bottom:1px dotted var(--ink-500);display:inline-flex;align-items:center;min-height:24px}.po-step-tools a:hover{color:var(--nile-900);border-bottom-color:var(--nile-900)}.po-timeline-chart{padding:clamp(3rem,6vw,5rem) 0;background:var(--paper)}.po-timeline-chart .container{max-width:920px}.po-timeline-chart h2{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.1rem);font-weight:500;line-height:1.25;color:var(--nile-900);margin:0}.po-timeline-card{background:var(--white);border:1px solid var(--line-soft);border-radius:var(--radius-xl);padding:2rem;margin-top:1.5rem}.po-timeline-card h3{font-family:var(--font-display);font-size:1.3rem;font-weight:500;color:var(--nile-900);margin:0 0 1.25rem}.po-timeline-bars{display:grid;gap:.75rem}.po-timeline-bar{display:grid;grid-template-columns:200px 1fr 100px;gap:1rem;align-items:center;font-size:.92rem}@media(max-width:700px){.po-timeline-bar{grid-template-columns:1fr;gap:.25rem}}.po-timeline-bar-label{color:var(--nile-900);font-weight:600}.po-timeline-bar-track{position:relative;background:var(--neutral-200);border-radius:var(--radius-pill);height:22px;overflow:hidden}.po-timeline-bar-fill{position:absolute;top:0;height:100%;background:linear-gradient(90deg,var(--nile-700) 0%,var(--sand-500) 100%);border-radius:var(--radius-pill)}html[dir=rtl] .po-timeline-bar-fill{background:linear-gradient(270deg,var(--nile-700) 0%,var(--sand-500) 100%)}.po-timeline-bar-weeks{color:var(--ink-700);font-size:.88rem;text-align:right}html[dir=rtl] .po-timeline-bar-weeks{text-align:left}.po-timeline-note{margin-top:1.5rem;font-size:.92rem;line-height:1.6;color:var(--ink-500);font-style:italic}.po-cta-section{padding:clamp(3rem,6vw,5rem) 0;background:linear-gradient(135deg,var(--nile-900) 0%,var(--nile-700) 100%);color:var(--white)}.po-cta-section .container{max-width:720px;text-align:center}.po-cta-section h2{font-family:var(--font-display);font-size:clamp(1.8rem,3.5vw,2.4rem);font-weight:500;color:var(--white);margin:0 0 1.25rem;line-height:1.2}.po-cta-section p{color:#ffffffe6;font-size:1.05rem;line-height:1.6;margin:0 0 2rem}.po-cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.po-cta-buttons .btn{min-width:200px}.po-cta-section .btn-primary{background:var(--sand-500);color:var(--nile-900);border-color:var(--sand-500)}.po-cta-section .btn-primary:hover{background:var(--sand-300);border-color:var(--sand-300);color:var(--nile-900)}.po-cta-section .btn-secondary{background:transparent;color:#fff;border-color:#ffffff8c}.po-cta-section .btn-secondary:hover{background:#fff;color:var(--nile-900);border-color:#fff}body[data-lang=ar] .po-hero h1,body[data-lang=ar] .po-overview h2,body[data-lang=ar] .po-overview p,body[data-lang=ar] .po-steps h2,body[data-lang=ar] .po-step-content h3,body[data-lang=ar] .po-step-content>p,body[data-lang=ar] .po-step-detail h4,body[data-lang=ar] .po-step-detail li,body[data-lang=ar] .po-step-tools,body[data-lang=ar] .po-timeline-chart h2,body[data-lang=ar] .po-timeline-card h3,body[data-lang=ar] .po-timeline-bar-label,body[data-lang=ar] .po-timeline-bar-weeks,body[data-lang=ar] .po-timeline-note,body[data-lang=ar] .po-cta-section h2,body[data-lang=ar] .po-cta-section p{font-family:var(--font-arabic)}
