/* ── Base / Variables ── */
:root{--navy:#000e4b;--orange:#ff5a00;--orange-2:#cc4800;--bg:#f1f5f9;--surface:#fff;--border:#dde3f0;--text:#0a0e24;--muted:#6172a3;--success:#059669;--danger:#dc2626;--warn:#d97706}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:#0a0a0a;color:#fff;overflow-x:hidden}

/* ── Hero ── */
.pp-hero{padding:180px 48px 72px;background:radial-gradient(ellipse at 50% 0%, rgba(255,90,0,0.10) 0%, transparent 60%),#0a0a0a;text-align:center}
.pp-hero-inner{max-width:760px;margin:0 auto}
.pp-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:50px;background:rgba(255,90,0,0.1);border:1px solid rgba(255,90,0,0.3);color:var(--orange);font-size:13px;font-weight:600;margin-bottom:24px}
.pp-hero-title{font-family:'Montserrat',sans-serif;font-size:clamp(32px,5vw,52px);font-weight:800;color:#fff;line-height:1.15;margin-bottom:18px}
.pp-highlight{color:var(--orange)}
.pp-hero-desc{font-size:16px;line-height:1.75;color:rgba(255,255,255,0.65);margin-bottom:18px}
.pp-hero-updated{font-size:13px;color:rgba(255,255,255,0.4);font-weight:500}

/* ── Content Layout ── */
.pp-content{padding:0 48px 96px;background:#0a0a0a}
.pp-shell{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:240px 1fr;gap:56px;align-items:start}

/* Table of contents (sticky sidebar) */
.pp-toc{position:sticky;top:32px;display:flex;flex-direction:column;gap:2px;border-right:1px solid rgba(255,255,255,0.08);padding-right:24px}
.pp-toc-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.6px;color:rgba(255,255,255,0.35);margin-bottom:10px}
.pp-toc a{font-size:14px;color:rgba(255,255,255,0.6);text-decoration:none;padding:8px 0;border-left:2px solid transparent;padding-left:12px;margin-left:-13px;transition:color .2s,border-color .2s}
.pp-toc a:hover{color:#fff;border-color:rgba(255,90,0,0.4)}

/* Article */
.pp-article{display:flex;flex-direction:column;gap:40px;max-width:720px}
.pp-block h2{font-family:'Montserrat',sans-serif;font-size:22px;font-weight:700;color:#fff;margin-bottom:14px;scroll-margin-top:32px}
.pp-block p{font-size:15px;line-height:1.8;color:rgba(255,255,255,0.65);margin-bottom:12px}
.pp-block p:last-child{margin-bottom:0}
.pp-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin:14px 0}
.pp-list li{font-size:14.5px;line-height:1.75;color:rgba(255,255,255,0.62);padding-left:22px;position:relative}
.pp-list li::before{content:'';position:absolute;left:0;top:8px;width:7px;height:7px;border-radius:50%;background:var(--orange)}
.pp-list li strong{color:#fff;font-weight:600}

/* Contact CTA link */
.pp-contact-btn{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:13px 28px;background:var(--orange);color:#fff;font-weight:700;font-size:14.5px;border-radius:10px;text-decoration:none;transition:box-shadow .25s,transform .2s}
.pp-contact-btn:hover{box-shadow:0 0 24px rgba(255,90,0,0.4);transform:translateY(-2px)}

/* ── Responsive ── */
@media(max-width:1024px){
    .pp-hero{padding:150px 32px 60px}
    .pp-content{padding:0 32px 80px}
    .pp-shell{gap:40px}
}
@media(max-width:900px){
    .pp-shell{grid-template-columns:1fr}
    .pp-toc{position:static;flex-direction:row;flex-wrap:wrap;gap:8px 18px;border-right:none;border-bottom:1px solid rgba(255,255,255,0.08);padding-right:0;padding-bottom:20px;margin-bottom:8px}
    .pp-toc-title{width:100%}
    .pp-toc a{padding:2px 0;margin-left:0;border-left:none}
}
@media(max-width:640px){
    .pp-hero{padding:130px 20px 48px}
    .pp-content{padding:0 20px 64px}
    .pp-article{gap:32px}
    .pp-block h2{font-size:19px}
    .pp-block p,.pp-list li{font-size:14px}
}