/* Case and tutorial pages: isolated from the animation workbench. */
.public-site .content-hero{padding:54px 0 30px;max-width:820px}.public-site .content-hero h1{font-size:clamp(32px,5vw,54px);line-height:1.18;letter-spacing:-1.5px;margin:14px 0 20px}.public-site .content-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0}.public-site .content-tabs a{padding:9px 20px;border:1px solid #c9d2bf;border-radius:24px;text-decoration:none;background:#fff;color:#34593c}.public-site .content-tabs a[aria-current="true"]{background:#355c3e;color:#fff;border-color:#355c3e}.public-site .content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:22px 0 44px}.public-site .content-card{display:flex;flex-direction:column;background:#fff;border:1px solid #dce3d7;border-radius:18px;overflow:hidden}.public-site .content-card-body{padding:24px;display:flex;flex-direction:column;flex:1}.public-site .content-card h3{font-size:22px;line-height:1.4;margin:12px 0}.public-site .content-card p{color:#637366;margin:0 0 20px}.public-site .content-card a{color:#355c3e;text-underline-offset:4px;margin-top:auto}.public-site .content-cover{height:190px;background:#eef2e7;display:flex;align-items:center;justify-content:center;overflow:hidden}.public-site .content-cover img{height:180px;width:auto}.public-site .content-cover-text{font-size:32px;font-weight:700;color:#355c3e;letter-spacing:2px}.public-site .content-label{font-size:12px;letter-spacing:1px;color:#627852}.public-site .content-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center;border:1px solid #dce3d7;border-radius:20px;background:#fff;padding:30px;margin:20px 0 38px}.public-site .content-feature h2{font-size:30px;line-height:1.4}.public-site .content-feature-visual{height:290px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#f0f2e9}.public-site .content-feature-visual img{height:274px;width:auto}.public-site .content-article{max-width:840px;margin:0 auto 60px;line-height:1.9}.public-site .content-article h2{margin-top:36px}.public-site .content-article h3{margin-top:26px}.public-site .content-article p{margin:16px 0}.public-site .content-article .muted,.public-site .content-meta{font-size:14px;color:#637366}.public-site .content-article .note{border-left:3px solid #9daa74;padding:12px 18px;background:#f0f2e7}.public-site .content-article .facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:26px 0}.public-site .content-article .fact{background:#eef2e7;padding:16px;border-radius:12px}.public-site .content-article .fact strong{display:block;font-size:23px}.public-site .content-article .fact span{font-size:13px}.public-site .content-stage{min-height:416px;border:1px solid #dce3d7;border-radius:16px;background-color:#eee;background-image:conic-gradient(#fff 25%,#e9eddf 0 50%,#fff 0 75%,#e9eddf 0);background-size:24px 24px;display:flex;align-items:center;justify-content:center}.public-site .content-stage.solid{background:#faf6e8}.public-site .content-stage img{width:164px;height:386px}.public-site .content-controls{display:flex;gap:12px;margin:16px 0;flex-wrap:wrap}.public-site .content-controls button{font:inherit;color:#355c3e;background:#fff;border:1px solid #aab9a1;border-radius:9px;padding:8px 18px;cursor:pointer}.public-site .content-article .step{border-top:1px solid #dce3d7;padding:10px 0}.public-site .content-article .timing{font-family:monospace;overflow-wrap:anywhere;background:#eef2e7;padding:16px;border-radius:10px}.public-site .content-related{border-top:1px solid #dce3d7;padding-top:24px;margin-top:36px}.public-site [hidden]{display:none!important}@media(max-width:900px){.public-site .content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.public-site .content-grid,.public-site .content-feature{grid-template-columns:1fr}.public-site .content-feature{padding:20px}.public-site .content-article .facts{grid-template-columns:repeat(2,1fr)}.public-site .content-hero{padding-top:26px}}