.ph-page{padding:56px 0 100px;display:flex;flex-direction:column;align-items:center}
.ph-intro{text-align:center;max-width:46ch;margin-bottom:20px}
.ph-intro .hero__eyebrow{margin-bottom:18px}
.ph-intro h1{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.4rem);letter-spacing:-0.02em;margin:0 0 10px}
.ph-intro p{color:var(--ink-soft);margin:0;line-height:1.6}
.ph-tabs{display:flex;flex-wrap:wrap;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:5px;max-width:fit-content;margin:0 auto 20px}
.ph-tab{border:none;background:transparent;padding:9px 16px;border-radius:999px;font-weight:600;font-size:.82rem;color:var(--ink-soft);cursor:pointer;transition:all var(--dur-fast) var(--ease);white-space:nowrap}
.ph-tab:hover{color:var(--ink)}.ph-tab.is-active{background:var(--ink);color:#fff}
.ph-calc-wrap{width:100%;max-width:440px}
.ph-calculator{background:var(--ink);border-radius:var(--radius-lg);padding:28px 24px 20px;box-shadow:0 30px 60px -25px rgba(27,31,59,.45);display:flex;flex-direction:column;gap:14px}
.ph-input-group{display:flex;flex-direction:column;gap:4px;flex:1}
.ph-input-group label{font-size:.74rem;font-weight:600;color:rgba(255,255,255,.5)}
.ph-input{border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:12px 14px;font-family:var(--font-mono);font-size:1rem;font-weight:600;background:rgba(255,255,255,.06);color:#fff;text-align:center;transition:border-color var(--dur-fast) var(--ease)}
.ph-input:focus{outline:none;border-color:var(--accent)}
.ph-row{display:flex;gap:8px}
.ph-results{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ph-result-card{background:rgba(255,255,255,.06);border-radius:10px;padding:14px;text-align:center}
.ph-result-card--full{grid-column:1/-1}
.ph-result-label{font-size:.66rem;font-weight:600;color:rgba(255,255,255,.4);display:block;margin-bottom:2px;text-transform:uppercase;letter-spacing:.04em}
.ph-result-value{font-family:var(--font-mono);font-size:1.1rem;font-weight:700;color:var(--highlight)}
.ph-meter{width:100%;height:8px;border-radius:999px;background:linear-gradient(to right,#e74c3c,#e67e22,#f1c40f,#2ecc71,#3498db,#9b59b6);margin-top:8px;position:relative}
.ph-meter-fill{position:absolute;top:-4px;width:12px;height:16px;border-radius:4px;background:#fff;transform:translateX(-50%);transition:left var(--dur-med) var(--ease);box-shadow:0 2px 8px rgba(0,0,0,.3)}