.btn--ink{background:var(--ink);color:#fff}.btn--ink:hover{background:var(--ink-800)}.btn--ghost-dark{color:#fff;box-shadow:inset 0 0 0 1px #ffffff47}.btn--ghost-dark:hover{box-shadow:inset 0 0 0 1px #fff}main{display:block}.hero .wrap{container-type:inline-size}.sec[class*="bg-[#e8fda8]"],.sec[class*="bg-[#e8fda8]"],.sec[class*="bg-[#ece7ff]"],.sec[class*="bg-[#ece7ff]"],.sec[class*="bg-[#ece7ff]"],.sec.bg-tint-purple,.on-colour{--text-2:var(--ink)}.tx-ink{color:var(--ink)}.api-gap{margin-top:var(--gap-head-body)}.api-card{padding:var(--pad-card);border-radius:var(--r-card)}.on-dark{color:#fff;--text-2:var(--text-inv-2)}@media (min-width:1024px){img[src="/design/kit/img/build-illustration-flat.webp"]{object-fit:contain;object-position:right bottom;max-width:54%}.relative.z-10:has(+img[src="/design/kit/img/build-illustration-flat.webp"]){max-width:min(560px,42%)}}.flex.h-full.flex-col:has(>.btn){height:auto}.flex.h-full.flex-col:has(>.btn)>div{flex:auto}.max-w-\[900px\]:has(>.h2){max-width:none}.mt-10:has(>.sec-cta){margin-top:0}.rounded-\[36px\] :is(.sub,img)+.btn{margin-top:var(--gap-cta)}.hero .max-w-\[720px\].rounded-\[16px\].border{margin-bottom:40px}@media (max-width:640px){.hero .max-w-\[720px\].rounded-\[16px\].border{margin-bottom:32px}}.api-card>:is(code,.h-11)+.card-title{margin-top:20px}