/* Editorial03: text changes within the existing visual direction. */
.preview-note a{text-decoration:underline;text-underline-offset:3px}.hero{padding-top:65px}.hero-copy{max-width:600px}.hero-copy p{max-width:520px}.hero-primary{margin-top:24px;border:0;border-radius:100px;background:var(--ink);color:#fff;padding:15px 22px;font-size:14px;display:inline-flex;gap:28px;align-items:center}.hero-primary:hover{background:var(--green)}.hero-bottom{gap:35px}.hero-link{flex-shrink:0}.story-grid{padding-top:105px}.price-list article>div:first-child{min-width:0}.price-list article button{margin-right:0}.price-list article .plan-extra{font-size:10px;line-height:1.5;margin-top:8px;max-width:235px}.pricing-intro>p:last-child{max-width:350px}.closing-bottom p{line-height:1.6}
@media(max-width:760px){.hero{padding-top:40px}.hero-bottom{align-items:flex-start;gap:28px}.hero-copy p{font-size:15px}.hero-primary{font-size:13px;padding:14px 20px}.hero-link{font-size:12px;gap:12px}.hero-link .circle-arrow{width:44px;height:44px;font-size:24px}.story-grid{padding-top:65px}.price-list article{flex-wrap:wrap;gap:12px}.price-list article>div:first-child{flex:1 1 100%}.price-list article .price{margin-left:0}.price-list article>button{margin-left:auto}.pricing h2{font-size:clamp(35px,7vw,50px)}}
@media(max-width:480px){.hero-bottom{flex-direction:column}.hero-link{align-self:flex-end}.stage-meta{gap:15px;align-items:flex-start}.stage-meta h2{max-width:190px}.stage-meta>span{white-space:nowrap}.preview-note{font-size:9px}.hero h1{font-size:clamp(39px,10.2vw,65px)}}

/* Keep the illustrative revenue trend secondary within the dashboard. */
.chart .chart-data{stroke-width:1.5}