.examplesPage{color:#f7f5fb;background:#08070b;min-height:100vh;font-family:Arial,Helvetica,sans-serif}.examplesPage nav{justify-content:space-between;align-items:center;max-width:1180px;height:78px;margin:auto;padding:0 26px;display:flex}.examplesPage nav a{color:#d4cfda;align-items:center;gap:9px;font-weight:700;text-decoration:none;display:flex}.examplesPage nav svg{width:17px}.exampleCta{background:#7047e8;border-radius:11px;padding:12px 17px;color:#fff!important}.examplesPage header{text-align:center;max-width:860px;margin:90px auto 105px;padding:0 22px}.examplesPage header span,.exampleTag{letter-spacing:.15em;color:#af8aff;font-size:11px;font-weight:800}.examplesPage header h1{letter-spacing:-.055em;margin:20px 0;font-size:65px;line-height:1.04}.examplesPage header h1 em{background:linear-gradient(90deg,#ad89ff,#6a57ed);color:#0000;-webkit-background-clip:text;font-style:normal}.examplesPage header p{color:#9f99a8;max-width:650px;margin:auto;font-size:18px;line-height:1.6}.examplesList{max-width:1180px;margin:auto;padding:0 26px}.exampleRow{border-top:1px solid #25212b;grid-template-columns:1.05fr .95fr;align-items:center;gap:85px;padding:70px 0;display:grid}.exampleRow:nth-child(2n) .exampleImage{order:2}.exampleImage{background:#15131a;border-radius:22px;height:590px;position:relative;overflow:hidden}.exampleImage img{object-fit:cover;width:100%;height:100%}.mediaBadge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b0910dd;border-radius:10px;align-items:center;gap:7px;padding:10px 13px;font-size:11px;display:flex;position:absolute;bottom:20px;left:20px}.mediaBadge svg{color:#9e79ff;width:13px}.exampleContent h2{letter-spacing:-.04em;margin:17px 0;font-size:42px;line-height:1.1}.exampleContent>p{color:#a19ba9;font-size:16px;line-height:1.65}.outputs{margin:30px 0}.outputs small{letter-spacing:.13em;color:#716b78;font-size:9px}.outputs div{color:#d2cdd6;border-bottom:1px solid #25212b;grid-template-columns:25px 1fr 20px;align-items:center;gap:10px;padding:13px 0;display:grid}.outputs div svg{color:#9974ff;width:18px}.outputs div svg:last-child{color:#66dea3}.exampleContent>a{color:#fff;background:#7650e6;border-radius:11px;align-items:center;gap:9px;padding:14px 18px;font-weight:700;text-decoration:none;display:inline-flex}.exampleContent>a svg{width:17px}.examplesBottom{text-align:center;background:radial-gradient(circle at top,#3b2465,#17101f 65%);border:1px solid #3c2b4e;border-radius:24px;max-width:1128px;margin:100px auto;padding:80px 30px}.examplesBottom>svg{color:#ae8aff}.examplesBottom h2{margin:18px 0 10px;font-size:46px}.examplesBottom p{color:#aaa3b2}.examplesBottom a{color:#37226e;background:#fff;border-radius:11px;align-items:center;gap:9px;margin-top:22px;padding:15px 21px;font-weight:800;text-decoration:none;display:inline-flex}.examplesBottom a svg{width:17px}.examplesPage footer{color:#7f7985;border-top:1px solid #221e28;justify-content:space-between;gap:25px;max-width:1180px;margin:auto;padding:40px 26px 60px;font-size:12px;display:flex}.examplesPage footer a{color:#b9b3c0;text-decoration:none}@media (max-width:800px){.examplesPage header{margin:60px auto 75px}.examplesPage header h1{font-size:49px}.exampleRow{grid-template-columns:1fr;gap:38px}.exampleRow:nth-child(2n) .exampleImage{order:0}.exampleImage{height:520px}.examplesBottom{margin:70px 20px}.examplesPage footer{flex-wrap:wrap}}@media (max-width:520px){.examplesPage header h1{font-size:40px}.examplesPage header p{font-size:16px}.exampleRow{padding:50px 0}.exampleImage{height:450px}.exampleContent h2{font-size:34px}.examplesBottom{padding:55px 22px}.examplesBottom h2{font-size:35px}.examplesPage footer{flex-direction:column}}.examplesPage header{z-index:auto;text-align:left;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-top:1px solid #25212b;border-bottom:1px solid #25212b;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:end;gap:72px;max-width:1180px;height:auto;margin:62px auto 78px;padding:46px 26px;display:grid;position:relative;top:auto}html[data-theme=light] .examplesPage header{color:#f7f5fb;background:0 0;border-color:#25212b}.examplesPage header h1{max-width:720px;margin:18px 0 0;font-size:clamp(46px,5vw,70px);line-height:1.01}.examplesPage header p{max-width:440px;margin:0 0 8px}.exampleRow{gap:72px;padding:72px 0}.exampleImage{height:520px}.exampleContent h2{font-size:clamp(34px,3.2vw,46px)}@media (max-width:800px){.examplesPage header{grid-template-columns:1fr;gap:26px;margin:40px 20px 60px;padding:36px 6px}.examplesPage header p{margin:0}.exampleImage{height:500px}}@media (max-width:520px){.examplesPage nav{height:68px;padding:0 16px}.exampleCta{padding:10px 12px}.examplesPage header{margin-top:25px}.examplesPage header h1{font-size:40px}.exampleImage{height:420px}}