.pluto-guide{--pg-ink:#14222e;--pg-copy:#52616b;--pg-paper:#eff2f3;--pg-copper:#c75b38;color:var(--pg-ink);line-height:1.8}
.pluto-guide *{box-sizing:border-box}
.pluto-guide :where(h1,h2,h3,p,figure,ol){margin:0}
.pluto-guide a{color:inherit;text-decoration:none}
.pluto-guide :where(a):focus-visible{outline:3px solid #dd896c;outline-offset:4px}
.pluto-guide .pg-wrap{width:min(1160px,calc(100% - 56px));margin-inline:auto}
.pluto-guide .pg-hero{background:#e9edef}
.pluto-guide .pg-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(28px,7vw,90px);padding-block:clamp(55px,8vw,106px)}
.pluto-guide .pg-kicker{color:#9d492f;font-size:.86rem;font-weight:750;letter-spacing:.02em}
.pluto-guide h1{max-width:12ch;margin-top:13px;font-size:clamp(3.1rem,6.4vw,6.2rem);font-weight:800;line-height:1.04;letter-spacing:-.06em}
.pluto-guide .pg-hero-grid>div>p:not(.pg-kicker){max-width:48ch;margin-top:20px;color:#3f505b;font-size:1.08rem}
.pluto-guide .pg-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:23px}
.pluto-guide .pg-actions a{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:7px;border:1px solid #aeb9bd;border-radius:6px;padding:8px 15px;font-weight:700;transition:transform .18s,background .18s}
.pluto-guide .pg-actions a:hover{transform:translateY(-2px)}
.pluto-guide .pg-actions .pg-primary{border-color:var(--pg-copper);background:var(--pg-copper);color:#fff}
.pluto-guide .pg-actions .pg-primary:hover{background:#a94426}
.pluto-guide .pg-actions .pg-secondary{background:#fff9;color:#263b49}
.pluto-guide .pg-hero figure{position:relative;overflow:hidden;border:1px solid #fff;border-radius:18px;background:#e3e8ea;box-shadow:0 22px 55px #152b3820}
.pluto-guide .pg-hero figure::after{content:"";position:absolute;inset:auto 0 0;height:28%;background:linear-gradient(0deg,#e8edefe8,transparent)}
.pluto-guide .pg-hero img{width:100%;aspect-ratio:1.5;object-fit:cover}
.pluto-guide .pg-hero figcaption{position:absolute;z-index:1;inset:auto 13px 11px;color:#31444f;font-size:.8rem}
.pluto-guide .pg-note{padding-block:26px;background:#14232f;color:#fff}
.pluto-guide .pg-note strong{font-size:1.05rem}
.pluto-guide .pg-note p{margin-top:4px;color:#d0d9dd}
.pluto-guide .pg-note a{text-decoration:underline;text-underline-offset:.2em;color:#ffbc9f}
.pluto-guide .pg-steps{padding-block:clamp(56px,8vw,100px)}
.pluto-guide .pg-heading{max-width:660px;margin-bottom:27px}
.pluto-guide h2{font-size:clamp(2.3rem,4.4vw,4.2rem);font-weight:780;line-height:1.12;letter-spacing:-.05em}
.pluto-guide .pg-heading h2{margin-top:7px}
.pluto-guide .pg-heading>p:last-child{margin-top:10px;color:var(--pg-copy)}
.pluto-guide .pg-steps ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:0;list-style:none;counter-reset:pg-step}
.pluto-guide .pg-steps li{min-height:205px;padding:22px;border:1px solid #dce2e4;border-radius:8px;background:#f8f9f8;counter-increment:pg-step}
.pluto-guide .pg-steps li::before{content:counter(pg-step,arabic-indic);display:grid;width:37px;height:37px;margin-bottom:17px;place-items:center;border-radius:50%;background:#f3e3dd;color:#a34b30;font-weight:800}
.pluto-guide .pg-steps li b{font-size:1.1rem}
.pluto-guide .pg-steps li p{margin-top:8px;color:var(--pg-copy);font-size:.94rem}
.pluto-guide .pg-steps li a{text-decoration:underline;text-underline-offset:.2em;color:#93422c}
.pluto-guide .pg-next{padding-block:53px;background:#e9edef}
.pluto-guide .pg-next>.pg-wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}
.pluto-guide .pg-next h2{margin-top:5px;font-size:clamp(2rem,4vw,3.6rem)}
.pluto-guide .pg-next p:not(.pg-kicker){max-width:55ch;margin-top:8px;color:var(--pg-copy)}
.pluto-guide .pg-next .pg-actions{flex-shrink:0;margin-top:0}
@media(max-width:760px){.pluto-guide .pg-wrap{width:calc(100% - 36px)}.pluto-guide .pg-hero-grid{grid-template-columns:1fr;gap:28px;padding-block:44px}.pluto-guide h1{font-size:clamp(3rem,11vw,5rem)}.pluto-guide .pg-hero-grid>div>p:not(.pg-kicker){font-size:1rem}.pluto-guide .pg-hero figure{border-radius:12px}.pluto-guide .pg-steps ol{grid-template-columns:1fr}.pluto-guide .pg-steps li{min-height:0}.pluto-guide .pg-next>.pg-wrap{align-items:flex-start;flex-direction:column;gap:10px}.pluto-guide .pg-next .pg-actions{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.pluto-guide *{transition:none!important}}
