.plana-page{color:var(--ink)}
.plana-hero{padding:48px var(--space) 56px;background:#f5f1eb}
.plana-hero>.text-link{display:inline-block;margin-bottom:36px}
.plana-hero>.eyebrow{color:#655a52;margin-bottom:10px}
.plana-name{font:clamp(64px,12vw,150px)/1 var(--serif);letter-spacing:-.065em;margin:0 0 22px}
.plana-name span{color:var(--terracotta)}
.plana-hero h1{font-size:clamp(34px,4.5vw,58px);max-width:17em;margin-bottom:26px;text-wrap:balance}
.plana-lead{font-size:17px;line-height:1.8;max-width:75ch;margin-bottom:30px}
.plana-featured{margin:0;background:#f5f1eb}
.plana-featured-image{width:100%;height:auto;max-height:620px;object-fit:contain}
.plana-index{display:flex;gap:12px 28px;flex-wrap:wrap;padding:24px var(--space);border-bottom:1px solid var(--line)}
.plana-index a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;text-decoration:underline;text-underline-offset:5px}
.plana-index a:hover{color:var(--cobalt)}
.plana-article{padding:0 var(--space)}
.plana-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);gap:48px;padding:52px 0;border-bottom:1px solid var(--line);scroll-margin-top:24px}
.plana-section-heading .eyebrow{color:var(--terracotta)}
.plana-section h2{font-size:clamp(28px,3vw,40px);max-width:15em;text-wrap:balance}
.plana-section-body{min-width:0}
.plana-section-body p{line-height:1.8;font-size:16px;margin-bottom:20px;max-width:70ch}
.plana-section-body p:last-child{margin-bottom:0}
.plana-section-body strong{font-weight:600}
.plana-variant{padding:22px;background:#f5f1eb;border-left:3px solid var(--terracotta)}
.plana-variant strong{display:block;margin-bottom:8px}
.plana-extra{padding:44px var(--space)}
.plana-cta{padding:52px var(--space);background:var(--cobalt);color:#fff}
.plana-cta h2{font-size:clamp(32px,4vw,50px);max-width:15em;text-wrap:balance}
.plana-cta p{max-width:65ch;margin-bottom:28px;line-height:1.8}
.plana-cta .eyebrow{color:#ffe0a0}
@media(max-width:940px){
 .plana-section{grid-template-columns:minmax(0,1fr);gap:12px;padding:36px 0}
 .plana-section h2{max-width:24em;margin-bottom:12px}
 .plana-hero{padding-top:30px;padding-bottom:36px}
 .plana-name{font-size:clamp(64px,13vw,108px)}
}
@media(max-width:600px){
 .plana-hero>.text-link{margin-bottom:28px}
 .plana-hero h1{font-size:34px}
 .plana-lead{font-size:16px;line-height:1.7}
 .plana-index{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding-block:16px}
 .plana-index a{border-bottom:1px solid var(--line)}
 .plana-index a:last-child{border:0}
 .plana-section h2{font-size:30px}
 .plana-variant{padding:18px}
 .plana-cta{padding:36px var(--space)}
 .plana-cta .button,.plana-hero .button{width:100%}
}