.ph-stat{padding:56px var(--section-pad-x);border-top:1px solid var(--rail);background:var(--white);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:40px;display:grid}.ph-stat-number{font-family:var(--font-display);letter-spacing:-.04em;align-items:baseline;gap:10px;margin:0;font-weight:600;line-height:1;display:flex}.ph-stat-number span:first-child{color:var(--ink);font-size:clamp(72px,9vw,120px)}.ph-stat-of{color:var(--text-muted);font-size:clamp(28px,3vw,40px)}.ph-stat-copy{flex-direction:column;align-items:flex-start;gap:10px;max-width:640px;display:flex}.ph-stat-line{font-family:var(--font-display);letter-spacing:-.015em;color:var(--ink);margin:0;font-size:clamp(22px,2.2vw,28px);line-height:1.25}.ph-stat-note{color:var(--text-muted);margin:0;font-size:15px;line-height:1.6}.ph-instead,.ph-rewrites{padding:112px var(--section-pad-x);border-top:1px solid var(--rail);flex-direction:column;gap:40px;display:flex}.ph-lead{max-width:640px;color:var(--text-muted);margin:0;font-size:17px;line-height:1.6}.ph-options{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:0;display:grid}.ph-option{background:var(--white);border:1px solid var(--rail);border-radius:var(--radius-card);flex-direction:column;gap:14px;padding:24px;display:flex}.ph-option dt{font-family:var(--font-display);color:var(--ink);flex-direction:column;gap:6px;font-size:20px;font-weight:600;line-height:1.3;display:flex}.ph-option dd{margin:0}.ph-option ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ph-option li{background:var(--panel-soft);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);padding:10px 12px;font-size:15px;line-height:1.5}.ph-rewrite-list{flex-direction:column;gap:20px;margin:0;padding:0;list-style:none;display:flex}.ph-rewrite{background:var(--white);border:1px solid var(--rail);border-radius:var(--radius-card);grid-template-columns:1fr 1fr;gap:0;display:grid;overflow:hidden}.ph-before,.ph-after{flex-direction:column;gap:10px;padding:24px;display:flex}.ph-after{border-left:1px solid var(--line)}.ph-before p,.ph-after p{font-family:var(--font-display);color:var(--ink);margin:0;font-size:20px;line-height:1.45}.ph-why{border-top:1px solid var(--line);background:var(--panel-soft);color:var(--text-muted);grid-column:1/-1;margin:0;padding:16px 24px;font-size:15px;line-height:1.6}.ph-group{padding:88px var(--section-pad-x) 24px;flex-direction:column;gap:28px;display:flex}.ph-group+.ph-group{padding-top:56px}.ph-group-head{flex-direction:column;gap:8px;display:flex}.revisi-site .ph-group-head h2{letter-spacing:-.025em;margin:0;font-size:clamp(32px,3vw,44px);line-height:1.1}.ph-group-head p{color:var(--text-muted);max-width:640px;margin:0;font-size:17px;line-height:1.6}.ph-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.ph-card{background:var(--white);border:1px solid var(--rail);border-radius:var(--radius-card);flex-direction:column;gap:10px;padding:24px;transition:border-color .15s;display:flex;position:relative}.ph-card:hover,.ph-card:focus-within{border-color:var(--ink)}.revisi-site .ph-card h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:24px;line-height:1.2}.revisi-site .ph-card h3 a{color:var(--ink);text-decoration:none}.ph-card h3 a:after{content:"";border-radius:inherit;position:absolute;inset:0}.ph-card h3 a:focus-visible{outline:none}.ph-card:has(a:focus-visible){outline:2px solid var(--ink);outline-offset:2px}.ph-card p{color:var(--text-muted);margin:0;font-size:15px;line-height:1.55}.ph-card-meta{color:var(--text-muted);margin-top:auto;padding-top:6px;font-size:13px}.ph-card-meta strong{color:var(--ink)}.ph-sites{border-top:1px solid var(--rail);margin-top:8px;padding-top:16px}.ph-sites summary{cursor:pointer;color:var(--ink);font-weight:600}.ph-sites ul{columns:3 160px;font-family:var(--font-mono);color:var(--text-muted);column-gap:24px;margin:16px 0 0;padding:0;font-size:13px;line-height:1.9;list-style:none}@media (width<=900px){.ph-instead,.ph-rewrites{padding:72px var(--section-pad-x);gap:32px}.ph-rewrite{grid-template-columns:1fr}.ph-after{border-left:0;border-top:1px dashed var(--line)}.ph-group{padding-top:64px}}@media (width<=720px){.ph-stat{padding:40px var(--section-pad-x);grid-template-columns:1fr;gap:16px}.ph-before p,.ph-after p{font-size:18px}.ph-option,.ph-before,.ph-after{padding:20px}}
