.tpl-page{color:#1d1919;background:#f7f7f5;min-height:100vh;padding:8rem max(1.5rem,50vw - 590px) 5rem}.tpl-hero{max-width:880px;padding:4rem 0}.tpl-kicker{letter-spacing:.04em;text-transform:uppercase;color:#9e268f;font-size:.86rem;font-weight:800}.tpl-hero h1,.tpl-example h2,.tpl-structure h2{font-family:var(--font-display,inherit);letter-spacing:-.035em;line-height:.95}.tpl-hero h1{margin:.75rem 0 1.5rem;font-size:clamp(3.2rem,8vw,7rem)}.tpl-lead{max-width:720px;font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.5}.tpl-primary{color:#fff;background:#1d1919;border-radius:999px;margin-top:1.5rem;padding:.9rem 1.35rem;font-weight:750;text-decoration:none;display:inline-flex}.tpl-example{background:#f59be8;border-radius:2rem;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;padding:clamp(1.5rem,4vw,3.5rem);display:grid}.tpl-example__copy h2,.tpl-structure h2{margin:.65rem 0 1.25rem;font-size:clamp(2.2rem,5vw,4.4rem)}.tpl-example__copy p,.tpl-example__copy li{font-size:1.08rem;line-height:1.55}.tpl-example__copy small{opacity:.7;margin-top:1.25rem;display:block}.tpl-structure{padding:6rem 0 3rem}.tpl-segments{grid-template-columns:repeat(3,1fr);gap:1rem;margin:2.5rem 0;display:grid}.tpl-segments article{background:#fff;border-radius:1.25rem;min-height:210px;padding:1.5rem}.tpl-segments article>span{color:#d72fc0;font-weight:850}.tpl-segments h3{margin:2rem 0 .5rem;font-size:1.55rem}.tpl-segments p{line-height:1.5}.tpl-back{margin-top:4rem}.tpl-back a{color:inherit}.tpl-example .hpl{background:#fff}.tpl-example .hpl__src{background:#fce6f8}@media (max-width:760px){.tpl-page{padding-top:5rem}.tpl-example,.tpl-segments{grid-template-columns:1fr}.tpl-hero{padding:2.5rem 0}}