.public-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:44px;align-items:center;padding:42px 38px;border:1px solid #d9cfc3;border-radius:24px}.public-hero.sage{background:#e9eddf}.public-hero h1{font-size:42px;line-height:1.2;margin-bottom:22px}.public-lead{font-size:16px;line-height:1.75;max-width:570px}.public-hero .actions{margin-top:26px;gap:12px 20px}.public-example{max-width:400px;width:100%;margin:auto}.public-mascots{display:flex;justify-content:center;position:relative;z-index:1;margin-bottom:-12px;gap:6px}.public-mascots .portrait{width:76px;height:76px}.public-mascots .portrait:nth-child(2){transform:translateY(-12px)}.public-example-card{padding:30px 24px 18px;background:#fffefa;border:1px solid #d4c9b9;border-radius:16px;box-shadow:5px 6px 0 #463d3b12;transform:rotate(-2deg)}.public-example-card>.eyebrow{font-size:9px;margin-bottom:9px}.public-example-card h2{font-size:25px;margin:0 0 18px}.public-example-row{display:flex;align-items:center;gap:13px;padding:13px 0;border-top:1px solid #e5ded3}.public-example-row>span:first-child{font-size:24px;background:#f1e9f7;border-radius:9px;width:48px;height:48px;display:grid;place-items:center;flex-shrink:0}.public-example-row:nth-of-type(2)>span:first-child{background:#f7dfd1}.public-example-row:nth-of-type(3)>span:first-child{background:#e9eddf}.public-example-row>span:last-child{margin-left:auto;color:#91749f}.public-example-row strong{display:block;font-size:13px;line-height:1.4}.public-example-row small{display:block;font-size:11px;color:#766c65;margin-top:4px}.public-example-note{text-align:center;font-size:12px;margin:19px 0 0;color:#62594f}.public-how{padding:46px 0 26px}.public-how h2{max-width:750px;font-size:30px;margin-bottom:25px}.public-how ol{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0}.public-how li{padding:24px;border:1px solid #e5ded3;background:#fffefa;border-radius:15px}.public-step{font:13px 'DM Mono',monospace;color:#8b6da9}.public-how h3{margin:15px 0 12px}.public-how p,.public-explain p{font-size:15px;line-height:1.8;margin:0;color:#62594f}.public-explain{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;padding:20px 0 30px}.public-explain h2{font-size:23px;line-height:1.4}.public-blog-link{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#e8e0f5;border:1px solid #d6c9e3;border-radius:13px;padding:20px 24px;font-weight:650;margin:10px 0 38px}.public-blog-link:hover{background:#e0d6ee}.public-blog-link>span:last-child{font-size:27px}.public-edit-note{text-align:center;font-size:12px;color:#766c65}.public-edit-note a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1000px){.public-hero{gap:24px;padding:30px 26px}.public-hero h1{font-size:34px}.public-mascots .portrait{width:64px;height:64px}.public-example-card{padding:26px 18px 14px}.public-example-card h2{font-size:23px}.public-how ol{gap:16px}.public-how li{padding:20px}.public-explain{gap:20px}.public-explain h2{font-size:21px}}
@media(max-width:750px){.public-hero{grid-template-columns:1fr;gap:30px;padding:28px 23px}.public-hero h1{font-size:34px}.public-example{max-width:340px}.public-example-card{transform:none}.public-how ol,.public-explain{grid-template-columns:1fr}.public-how{padding-top:34px}.public-how h2{font-size:27px}.public-how li{padding:22px}.public-explain{padding:14px 5px 24px;gap:24px}.public-explain h2{font-size:24px;margin-bottom:10px}.public-lead{font-size:15px}.public-example-row strong{font-size:13px}.public-blog-link{padding:18px 20px;font-size:14px}.public-hero .actions{align-items:stretch;flex-direction:column;gap:10px}.public-hero .text-link{text-align:center}.public-edit-note{line-height:1.8}}