:root{
  --bg:#1A2738;
  --anthracite:#2B2E34;
  --slate:#3C4B5A;
  --text:#E8EEF5;
  --cta:#FF6B00;
  --cta-secondary:#00CFFF;
  --off:#F5F7FA;
  --border:#223043;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Roboto,system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.55}
a{color:var(--cta-secondary);text-decoration:none}
.wrap{max-width:1200px;margin:0 auto;padding:clamp(16px,3vw,32px)}
.badge{display:inline-block;padding:6px 10px;background:rgba(0,207,255,.12);border:1px solid var(--cta-secondary);border-radius:999px;color:#BFEFFF;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
h1.pfmt-title{font-family:Montserrat,Roboto,Arial,sans-serif;font-weight:900;letter-spacing:.02em;font-size:clamp(36px,5vw,64px);margin:12px 0 8px;color:#fff}
.sub{color:#CFE0EE;font-size:clamp(16px,2.2vw,20px);max-width:48ch}
.pfmt-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--border)}
.pfmt-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;min-height:72vh}
.split-visual{position:relative;min-height:56vh;border-radius:20px;overflow:hidden;border:1px solid var(--border)}
.split-visual::before, .split-visual::after{content:"";position:absolute;inset:0}
.split-visual::before{background:linear-gradient(120deg,#0F1D2B 0%, var(--anthracite) 48%, #0b2030 52%, #0A1723 100%);filter:contrast(1.05) brightness(0.98)}
.split-visual::after{background:radial-gradient(circle at 52% 50%, rgba(0,207,255,.22), transparent 28%),linear-gradient(90deg, transparent 49%, rgba(255,255,255,.06) 50%, transparent 51%);mix-blend-mode:screen}
.glow{position:absolute;inset:auto auto 8% 55%;width:220px;height:220px;background:radial-gradient(circle, rgba(0,207,255,.35), transparent 60%);filter:blur(18px)}
.section{padding:64px 0;border-bottom:1px solid var(--border)}
.section.light{background:var(--off);color:#1A2635}
.kicker{color:#8DE8FF;font-weight:800;letter-spacing:.15em;text-transform:uppercase;font-size:12px}
h2.pfmt-h2{font-family:Montserrat,Roboto,Arial,sans-serif;font-size:clamp(26px,3.5vw,40px);margin:10px 0 16px}
.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.card{background:#121a26;border:1px solid var(--border);border-radius:14px;padding:16px}
.card .title{font-weight:800;margin-bottom:6px}
.tip{background:#142130;border-left:3px solid var(--cta);padding:12px;border-radius:8px}
.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}
.chart{background:#0f1722;border:1px dashed #3a4b64;border-radius:12px;padding:12px;height:260px;display:flex;align-items:flex-end;gap:6px}
.bar{flex:1;background:linear-gradient(180deg,var(--cta-secondary),#045c74);border-radius:6px}
.bar.red{background:linear-gradient(180deg,var(--cta),#8a3700)}
blockquote{margin:0;padding:18px;border:1px solid var(--border);border-radius:12px;background:#101a27}
blockquote p{margin:0 0 8px}
.quote{font-size:18px;color:#f4f8fb}
.by{color:#a9bed2;font-size:13px}
.buy{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}
.logo-tag{padding:8px 12px;border-radius:10px;border:1px solid var(--border);background:#0F1A28;color:#d6e3ee;font-weight:700}
footer.pfmt-footer{padding:32px 0;color:#a6b8c7}
footer.pfmt-footer nav{display:flex;gap:16px;flex-wrap:wrap}
.pill{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:#0F1A28;color:#d6e3ee}
.author{display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:center}
.avatar{width:120px;height:120px;border-radius:16px;background:var(--anthracite);border:1px solid #3a4a58}
.social a{display:inline-flex;align-items:center;gap:8px}
@media (max-width: 900px){.pfmt-hero-grid{grid-template-columns:1fr;min-height:auto}.split-visual{min-height:36vh}.grid-5{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr;gap:16px}}
@media (max-width: 520px){.grid-5{grid-template-columns:1fr}}