.examples{max-width:1200px;margin:0 auto;padding:24px 32px 56px}.examples__intro{max-width:46rem;margin-bottom:36px}.examples h1{font-family:var(--font-heading);margin:0 0 14px;font-size:clamp(34px,5vw,50px);font-weight:500;line-height:1.1}.examples__lead{color:#d9d1c0;margin:0;font-size:18px;line-height:1.6}.examples__list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.example{background:#12251f;border:1px solid #2a4a3d;border-radius:22px;flex-direction:column;display:flex;overflow:hidden}.example__image img{aspect-ratio:1200/760;object-fit:cover;width:100%;height:auto;display:block}.example__body{flex-direction:column;flex:1;gap:10px;padding:20px 22px 22px;display:flex}.example__title{font-family:var(--font-heading);margin:0;font-size:23px;font-weight:500;line-height:1.25}.example__badge{vertical-align:3px;font-family:var(--font-body);color:#2b1d17;background:#ecd49a;border-radius:999px;margin-left:6px;padding:2px 9px;font-size:12.5px;font-weight:700;display:inline-block}.example__text{color:#d9d1c0;flex:1;margin:0;font-size:15.5px;line-height:1.55}.example__actions{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.example__view,.example__start,.example-dialog__start{border-radius:999px;padding:10px 18px;font-weight:700;text-decoration:none}.example__view{color:#ecd49a;border:1px solid #d8b46a}.example__start,.example-dialog__start{color:#16241f;background:#d8b46a}.example__view:hover{background:#d8b46a1f}.example__start:hover,.example-dialog__start:hover{background:#ecd49a}.examples__more{color:#d9d1c0;margin:40px 0 0;font-size:17px}.examples__more a{color:#ecd49a;font-weight:700}.examples__credit{color:#9d9684;margin:12px 0 0;font-size:13px}.examples__credit a{color:inherit}.example-dialog{color:#f4ecdc;background:#0c1a16;border:1px solid #2a4a3d;border-radius:20px;width:min(1200px,100vw - 32px);max-width:none;height:min(860px,100dvh - 32px);max-height:none;padding:0;overflow:hidden}.example-dialog[open]{flex-direction:column;display:flex}.example-dialog::backdrop{background:#040a08bf}.example-dialog__head{border-bottom:1px solid #2a4a3d;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px 12px 22px;display:flex}.example-dialog__title{font-family:var(--font-heading);flex:1;margin:0;font-size:21px;font-weight:500}.example-dialog__close{color:#f4ecdc;cursor:pointer;background:#f4ecdc1a;border:0;border-radius:50%;width:40px;height:40px;font-size:26px;line-height:1}.example-dialog__frame{flex:1;min-height:0;display:flex}.example-dialog__calendar{border:0;flex:1;width:100%}.mock-site{background:#f3f1ec;border-radius:12px;flex-direction:column;flex:1;min-height:0;margin:16px;display:flex;overflow:hidden}.mock-site__bar{background:#2f4858;flex:0 0 34px}.mock-site__page{box-sizing:border-box;flex-direction:column;flex:1;width:min(760px,100%);min-height:0;margin:0 auto;padding:20px 20px 0;display:flex}.mock-site__lines{flex-direction:column;gap:9px;margin-bottom:18px;display:flex}.mock-site__lines span{background:#d8d3c8;border-radius:5px;height:9px}.mock-site__lines span:first-child{background:#a9a294;height:16px;margin-bottom:6px}@media (max-width:600px){.examples{padding:16px 16px 44px}.examples__list{grid-template-columns:1fr}.example-dialog{border-radius:0;width:100vw;height:100dvh}.mock-site{margin:8px}}