.one-pager-hero{padding-block:92px 84px}.one-pager-kicker{font-family:var(--mono);font-size:13px;line-height:1.3;color:var(--green);margin-bottom:15px}.one-pager-hero h1{max-width:760px;font:600 clamp(54px,7vw,92px)/1.03 var(--sans);color:var(--forest)}.one-pager-lead{max-width:760px;margin-top:28px;font-size:22px;line-height:1.5;color:var(--ink)}.one-pager-meta{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:35px;padding-top:20px;border-top:1px solid var(--line);font-size:15px;color:var(--muted)}.one-pager-meta .text-link{color:var(--forest);white-space:nowrap}.one-pager-band{background:var(--forest);color:#fff}.one-pager-band-inner{display:flex;align-items:center;gap:35px;padding-block:20px;font-size:18px}.one-pager-band-inner strong{font-family:var(--mono);font-size:13px;color:var(--yellow);text-transform:uppercase}.one-pager-section{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);gap:85px;padding-block:84px}.one-pager-section-tinted{width:100%;background:var(--soft);border-block:1px solid var(--line)}.one-pager-section-tinted>.wrap{width:min(1120px,calc(100% - 96px));margin-inline:auto}.one-pager-section-heading h2{font:600 42px/1.08 var(--sans);color:var(--forest)}.one-pager-copy{max-width:55ch}.one-pager-copy p{font-size:18px;line-height:1.65}.one-pager-copy p+p{margin-top:20px}.one-pager-steps{grid-column:2;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:0;padding:0;list-style:none}.one-pager-steps li{border-top:1px solid var(--line);padding-top:16px}.one-pager-steps strong{font-family:var(--mono);color:var(--amber);font-size:14px}.one-pager-steps h3{font-size:20px;margin-top:24px}.one-pager-steps p{font-size:15px;line-height:1.65;margin-top:10px}.one-pager-question-grid{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:0 38px}.one-pager-question-grid>div{border-top:1px solid var(--line);padding:20px 0}.one-pager-question-grid h3{font-size:19px}.one-pager-question-grid p{font-size:15px;line-height:1.6;margin-top:8px}.one-pager-examples{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:25px}.one-pager-examples article{background:var(--white);border:1px solid var(--line);padding:27px}.one-pager-examples span{font-family:var(--mono);font-size:12px;color:var(--green)}.one-pager-examples h3{font-size:22px;line-height:1.2;margin-top:24px}.one-pager-examples p{font-size:15px;line-height:1.6;margin-top:14px}.one-pager-examples a{display:inline-flex;align-items:center;gap:8px;margin-top:23px;color:var(--amber);font-size:15px;font-weight:600}.one-pager-examples svg{width:15px;height:15px}.one-pager-self-hosted{background:var(--forest);color:#fff;padding-block:74px}.one-pager-self-hosted .one-pager-kicker{color:var(--yellow)}.one-pager-self-hosted h2{color:#fff}.one-pager-self-hosted p{grid-column:2;max-width:56ch;color:#e5eee8;font-size:17px;line-height:1.65;margin-top:42px}.one-pager-self-hosted .text-link{grid-column:2;color:var(--yellow);margin-top:-58px;justify-self:start}.one-pager-cta{background:var(--yellow);padding-block:60px}.one-pager-cta h2{font:600 48px/1.02 var(--sans);color:var(--forest)}.one-pager-cta p{font-size:18px;color:var(--forest);margin-top:14px}.one-pager-cta .button{margin-top:25px;background:var(--forest);color:#fff}.one-pager-cta .button:hover{background:#234c3a}.one-pager-cta .button svg{width:16px;height:16px}
@media(max-width:760px){.one-pager-hero{padding-block:58px 55px}.one-pager-hero h1{font-size:46px}.one-pager-lead{font-size:18px;margin-top:22px}.one-pager-meta{display:block;font-size:14px}.one-pager-meta .text-link{margin-top:20px}.one-pager-band-inner{display:block;padding-block:18px}.one-pager-band-inner span{display:block;margin-top:8px}.one-pager-section,.one-pager-section-tinted>.wrap{display:block;padding-block:58px;width:calc(100% - 40px)}.one-pager-section-heading h2{font-size:34px}.one-pager-copy{margin-top:28px}.one-pager-copy p{font-size:16px}.one-pager-steps,.one-pager-question-grid,.one-pager-examples{display:grid;grid-template-columns:1fr;margin-top:32px}.one-pager-steps{gap:25px}.one-pager-steps h3{margin-top:18px}.one-pager-examples{gap:18px}.one-pager-examples article{padding:22px}.one-pager-self-hosted{padding-block:58px}.one-pager-self-hosted p{margin-top:28px;font-size:16px}.one-pager-self-hosted .text-link{margin-top:22px}.one-pager-cta{padding-block:48px}.one-pager-cta h2{font-size:40px}.one-pager-cta p{font-size:16px}}
