.examples-page{color:#163d32;background:#f0f4f1;min-height:100vh}.examples-header{background:#fff;border-bottom:1px solid #d9e3dd;justify-content:space-between;align-items:center;gap:20px;padding:24px 5%;display:flex}.examples-intro{max-width:1200px;margin:0 auto;padding:70px 24px 45px}.examples-intro h1{letter-spacing:-.045em;margin:18px 0 24px;font-size:clamp(38px,5.5vw,72px);line-height:1.06}.examples-intro>p:last-child{color:#52685f;max-width:680px;font-size:19px;line-height:1.7}.examples-grid{grid-template-columns:1fr 1fr;gap:26px;max-width:1200px;margin:auto;padding:0 24px;display:grid}.example-card{color:inherit;background:#fff;border:1px solid #d8e2dc;border-radius:18px;text-decoration:none;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 10px 35px #143b3010}.example-card:hover{transform:translateY(-4px);box-shadow:0 15px 40px #143b3020}.example-card img{aspect-ratio:16/10;object-fit:cover;width:100%}.example-card>div{padding:30px}.example-card span{letter-spacing:.12em;font-size:13px;font-weight:800}.example-card h2{letter-spacing:-.035em;margin:12px 0;font-size:32px}.example-card p{color:#52685f;margin:0 0 22px;font-size:17px;line-height:1.65}.example-card strong,.example-card a{font-size:16px;font-weight:750}.example-coming{box-shadow:none;background:#e3ece5;grid-column:1/-1}.example-coming>div{max-width:680px}.examples-note{color:#52685f;max-width:1152px;margin:28px auto;padding:0 24px;font-size:15px;line-height:1.6}.examples-footer{border-top:1px solid #d6dfd8;justify-content:space-between;gap:20px;padding:35px 5%;font-size:15px;display:flex}.example-player{background:#fff;flex-direction:column;height:100dvh;display:flex}.example-player>header{border-bottom:1px solid #d6dfd8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 24px;font-size:14px;display:flex}.example-player>header a{color:#153e31;font-weight:750}.example-player>header span{color:#62736b}.example-player iframe{border:0;flex:1;width:100%;min-height:0}@media (max-width:700px){.examples-grid{grid-template-columns:1fr}.examples-header .brand{font-size:16px}.examples-header .header-cta{padding:10px;font-size:13px}.examples-intro{padding-top:45px}.example-card>div{padding:24px}.example-player>header{padding:10px 14px}.example-player>header span{display:none}.examples-footer{flex-direction:column}}