.page-module__5002RG__page{background:var(--canvas);min-height:100svh;color:var(--ink);padding:0 max(24px,50% - 560px);font-size:17px;line-height:1.65}.page-module__5002RG__page a:focus-visible{outline:3px solid var(--ink);outline-offset:5px}.page-module__5002RG__skip{background:var(--paper);z-index:5;padding:12px 18px;position:absolute;top:-100px;left:20px}.page-module__5002RG__skip:focus{top:10px}.page-module__5002RG__header{justify-content:space-between;align-items:center;gap:22px;padding:24px 0;display:flex}.page-module__5002RG__brand{letter-spacing:-.05em;align-items:center;gap:9px;font-size:25px;font-weight:650;text-decoration:none;display:flex}.page-module__5002RG__header nav{gap:26px;font-size:14px;display:flex}.page-module__5002RG__header nav a{align-items:center;min-height:44px;text-decoration:none;display:flex}.page-module__5002RG__hero{text-align:center;padding:62px 0 78px}.page-module__5002RG__hero h1{letter-spacing:-.055em;margin:0 0 28px;font-size:clamp(46px,6.5vw,76px);font-weight:550;line-height:1.08}.page-module__5002RG__hero>p{max-width:710px;color:var(--muted);margin:0 auto 28px;font-size:19px;line-height:1.7}.page-module__5002RG__action{border:2px solid var(--ink);background:var(--mint);min-height:50px;color:var(--ink);border-radius:999px;justify-content:center;align-items:center;gap:20px;padding:11px 24px;font-size:16px;font-weight:550;text-decoration:none;display:inline-flex}.page-module__5002RG__action:hover{background:#b8efce}.page-module__5002RG__intro{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:80px;padding:48px 0;display:grid}.page-module__5002RG__page h2{letter-spacing:-.04em;margin:0;font-size:clamp(29px,3.5vw,40px);font-weight:550;line-height:1.2}.page-module__5002RG__intro p,.page-module__5002RG__details p{color:var(--muted);margin:0}.page-module__5002RG__examples{padding:45px 0 65px}.page-module__5002RG__examples>h2{text-align:center}.page-module__5002RG__exampleNote{text-align:center;color:var(--muted);margin:18px 0 32px;font-size:16px}.page-module__5002RG__exampleGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.page-module__5002RG__exampleGrid article{border:1px solid #1f263633;border-radius:24px;padding:30px}.page-module__5002RG__exampleGrid article[data-colour=purple]{background:var(--lavender)}.page-module__5002RG__exampleGrid article[data-colour=blue]{background:var(--blue)}.page-module__5002RG__exampleGrid article[data-colour=orange]{background:var(--peach)}.page-module__5002RG__exampleGrid h3{letter-spacing:-.03em;margin:0 0 15px;font-size:22px;font-weight:550;line-height:1.3}.page-module__5002RG__exampleGrid p,.page-module__5002RG__exampleGrid li{font-size:16px;line-height:1.65}.page-module__5002RG__exampleGrid ul{margin:22px 0;padding-left:21px}.page-module__5002RG__follow{border-top:1px solid #1f263633;margin-bottom:0;padding-top:18px}.page-module__5002RG__details{border-top:1px solid var(--line)}.page-module__5002RG__details article{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding:43px 0;display:grid}.page-module__5002RG__next{text-align:center;padding:70px 0}.page-module__5002RG__next p{max-width:630px;color:var(--muted);margin:22px auto 27px}.page-module__5002RG__footer{border-top:1px solid var(--line);flex-wrap:wrap;gap:10px 26px;padding:24px 0 28px;font-size:14px;display:flex}.page-module__5002RG__footer a{text-underline-offset:4px;align-items:center;min-height:44px;display:flex}@media (max-width:720px){.page-module__5002RG__page{padding:0 20px;font-size:16px}.page-module__5002RG__header{padding:17px 0}.page-module__5002RG__brand{font-size:22px}.page-module__5002RG__header nav{gap:16px;font-size:13px}.page-module__5002RG__hero{padding:42px 0 48px}.page-module__5002RG__hero h1{font-size:clamp(42px,10vw,58px)}.page-module__5002RG__hero>p{font-size:17px}.page-module__5002RG__intro,.page-module__5002RG__details article{grid-template-columns:1fr;gap:20px;padding:32px 0}.page-module__5002RG__exampleGrid{grid-template-columns:1fr;gap:18px}.page-module__5002RG__exampleGrid article{padding:25px}.page-module__5002RG__examples{padding:35px 0}.page-module__5002RG__page h2{font-size:31px}.page-module__5002RG__next{padding:45px 0}.page-module__5002RG__footer{gap:4px 20px}}