:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#203f40;background:#faf8ef;line-height:1.75;font-size:17px}*{box-sizing:border-box}body{margin:0}a{color:#18675f;text-underline-offset:4px}header{max-width:1100px;margin:auto;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:14px;font-size:18px;font-weight:850;text-decoration:none;letter-spacing:.04em}.brand img{border-radius:17px}.brand small{display:block;font-size:12px;font-weight:500;letter-spacing:.08em}nav{display:flex;gap:24px;font-size:14px}nav a{text-decoration:none}main{max-width:880px;margin:34px auto 70px;padding:38px 48px 48px;background:white;border:1px solid #dfebe4;border-radius:30px;box-shadow:0 12px 40px #193c3310}h1{font-size:clamp(32px,5vw,48px);line-height:1.14;letter-spacing:-.04em;margin:14px 0 24px}h2{font-size:23px;line-height:1.35;letter-spacing:-.02em;margin-top:36px}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-weight:750;font-size:11px;color:#417b70}.intro{font-size:19px;color:#496360}.date,.note{font-size:14px;color:#526b66}aside,.card{display:block;padding:24px;border-radius:20px;background:#edf8f2;border:1px solid #d5eade;margin:24px 0}aside p{margin-bottom:0}.card h2{margin-top:0}.cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cards .card{text-decoration:none;margin:0}.cards .card:last-child{background:#fff8e7;border-color:#f1e4bc}.cards span{font-weight:700}.button{display:inline-block;padding:12px 20px;background:#17685c;border-radius:14px;color:white;text-decoration:none;font-weight:700;max-width:100%}a:focus-visible{outline:3px solid #df9519;outline-offset:4px}li{margin-bottom:14px}ul,ol{padding-left:24px}code{font-size:14px;overflow-wrap:anywhere}footer{text-align:center;padding:0 24px 40px;font-size:13px;color:#526b66}p,a{overflow-wrap:anywhere}@media(max-width:640px){header{align-items:flex-start;padding:20px;flex-direction:column;gap:16px}nav{gap:18px;flex-wrap:wrap}main{margin:12px 12px 36px;padding:26px 22px;border-radius:24px}.cards{grid-template-columns:1fr}h2{font-size:21px}.intro{font-size:17px}}

.studio-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:18px;background:#bce8d6;color:#17685c;font-weight:900;font-size:30px}.app-identity{display:flex;align-items:center;gap:16px;margin:0 0 28px}.app-identity img,.app-card img{border-radius:17px}.app-identity small{display:block;font-size:12px;overflow-wrap:anywhere}.app-card img{float:right;margin-left:12px}