:root{font-family:ui-sans-serif,system-ui,-apple-system,"PingFang SC",sans-serif;color:#17332f;background:#f4f5ee}*{box-sizing:border-box}body{margin:0}a{color:inherit}a:focus-visible{outline:3px solid #216b51;outline-offset:5px}.landing{max-width:1060px;margin:auto;padding:42px 42px 64px}.wordmark{font-size:18px;letter-spacing:3px;font-weight:750;display:flex;align-items:center;gap:18px}.wordmark span{font-size:10px;letter-spacing:1px;color:#7c8b79;font-weight:500;border-left:1px solid #cbd4c5;padding-left:18px}.kicker{font-size:10px;letter-spacing:2.4px;color:#71806d;margin:85px 0 22px}h1{font-weight:500;letter-spacing:-2px;line-height:1.25;font-size:clamp(38px,5vw,64px);margin:0}.intro{font-size:15px;line-height:1.9;color:#6b7d70;margin:25px 0 40px}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.demo-card{text-decoration:none;display:block;border:1px solid #d6dfcf;background:#fcfdf9;border-radius:12px;padding:26px;transition:transform .15s,border-color .15s}.demo-card:hover{transform:translateY(-3px);border-color:#658c70}.number{font-size:10px;letter-spacing:1px;color:#74906e}.demo-card h2{font-size:21px;font-weight:550;margin:24px 0 10px}.demo-card p{font-size:13px;line-height:1.8;color:#758575}.card-footer{display:block;border-top:1px solid #e4e9dd;padding-top:17px;margin-top:30px;font-size:10px;color:#8b9986}.footnote{font-size:11px;color:#7e8d77;margin-top:26px;line-height:1.9}.example{max-width:1180px;margin:auto;padding:32px}.back{font-size:12px;color:#68836b;text-decoration:none}.example-grid{display:grid;grid-template-columns:1fr 440px;gap:45px;margin-top:30px;align-items:start}.profile{padding-top:32px}.profile .kicker{margin-top:30px}.profile h1{font-size:46px}.profile h2{font-size:17px;font-weight:550;margin-top:34px}.profile p,.profile li{font-size:14px;line-height:2;color:#667e68}.profile ul{padding-left:18px}.tag{font-size:10px;padding:5px 8px;border:1px solid #cad7c3;border-radius:5px;color:#68815e}.embed-card{border:1px solid #d6dfcf;border-radius:16px;overflow:hidden;background:#fbfcf8;box-shadow:0 15px 60px #34513008}.embed-card iframe{display:block;width:100%;height:730px;max-height:calc(100dvh - 95px);min-height:500px;border:0}.details{border-top:1px solid #d7dfd0;margin-top:32px;padding-top:20px;font-size:11px;color:#78906e}@media(max-width:850px){.example-grid{grid-template-columns:1fr;gap:25px}.profile{padding-top:0}.embed-card iframe{height:680px;max-height:none;min-height:500px}.example{padding:22px}}@media(max-width:560px){.landing{padding:28px 22px}.kicker{margin-top:60px}.demo-grid{grid-template-columns:1fr}.demo-card{padding:22px}.intro{font-size:14px}.profile h1{font-size:36px}}