*{box-sizing:border-box}.demo-gallery-page{min-height:100vh;background:radial-gradient(circle at 12% 8%,#0db8f329,transparent 25%),radial-gradient(circle at 88% 22%,#4a72ff22,transparent 30%),#041229;color:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.demo-gallery-nav{position:-webkit-sticky;position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px max(24px,calc((100vw - 1240px)/2));border-bottom:1px solid #ffffff1f;background:#041229d9;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.demo-gallery-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.demo-gallery-brand img{width:112px;height:36px;object-fit:contain;filter:brightness(0) invert(1)}.demo-gallery-brand span{color:#94abd0;font-size:11px;letter-spacing:.08em}.demo-gallery-nav>div{display:flex;align-items:center;gap:12px}.demo-gallery-nav label{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #ffffff24;border-radius:12px;background:#ffffff0b}.demo-gallery-nav select{border:0;background:transparent;color:#fff}.demo-gallery-nav option{color:#10243f}.demo-gallery-nav>div>a{color:#cbe7ff;font-size:13px;font-weight:800;text-decoration:none}.demo-gallery-hero{position:relative;isolation:isolate;max-width:1240px;margin:auto;padding:88px 24px 62px;text-align:center;overflow:hidden}.demo-grid-glow{position:absolute;z-index:-1;inset:12px 15% 0;background:linear-gradient(#00baf51c 1px,transparent 0),linear-gradient(90deg,#00baf51c 1px,transparent 0);background-size:42px 42px;-webkit-mask-image:linear-gradient(transparent,#000 35%,transparent);mask-image:linear-gradient(transparent,#000 35%,transparent)}.demo-gallery-hero>span{color:#4fe1ff;font-size:12px;font-weight:900;letter-spacing:.2em}.demo-gallery-hero h1{max-width:850px;margin:14px auto 16px;font-size:clamp(38px,6vw,72px);line-height:1.04;letter-spacing:-.04em}.demo-gallery-hero p{max-width:760px;margin:0 auto 28px;color:#a9bedb;font-size:17px;line-height:1.75}.demo-trial-button{display:inline-flex;align-items:center;gap:12px;padding:14px 22px;border-radius:14px;background:linear-gradient(120deg,#0a72ed,#16c6ec);color:#fff;font-weight:900;text-decoration:none;box-shadow:0 16px 42px #087edc50}.demo-gallery-hero small{display:block;margin-top:14px;color:#7892b7}.demo-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:24px;gap:24px;max-width:1240px;margin:auto;padding:0 24px 80px}.demo-card{overflow:hidden;border:1px solid #ffffff1c;border-radius:28px;background:linear-gradient(150deg,#102343,#081a34);box-shadow:0 24px 70px #0008;transition:.35s ease}.demo-card:focus-within,.demo-card:hover{transform:translateY(-7px);border-color:#5bdcff80;box-shadow:0 28px 80px #008bd030}.demo-card-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:#000}.demo-card-media>img,.demo-card-media>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .4s,transform 5s ease}.demo-card-media>img{transform:scale(1.02)}.demo-card:hover .demo-card-media>img{transform:scale(1.08)}.demo-card-media>video{z-index:2;opacity:0}.demo-card-media>video.active{opacity:1}.demo-card-media em,.demo-card-media span{position:absolute;z-index:3;top:18px;padding:7px 10px;border-radius:10px;background:#06152bd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-style:normal;font-size:11px;font-weight:900}.demo-card-media span{left:18px;color:#62e8ff}.demo-card-media em{right:18px;color:#fff;letter-spacing:.12em}.demo-card-copy{display:flex;align-items:center;gap:16px;padding:22px 22px 10px}.demo-card-copy>img{width:58px;height:58px;padding:5px;border-radius:15px;background:#fff;object-fit:contain}.demo-card-copy small{color:#8fa8c9}.demo-card-copy h2{margin:4px 0 0;font-size:25px}.demo-card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:14px 22px 24px}.demo-card-actions a{padding:11px 15px;border-radius:12px;background:#1478e8;color:#fff;font-size:13px;font-weight:900;text-decoration:none}.demo-card-actions a.secondary{border:1px solid #ffffff24;background:#ffffff0d;color:#bfe4ff}.demo-card-actions a.trial{-webkit-margin-start:auto;margin-inline-start:auto;background:transparent;color:#6de6ff}.demo-gold .demo-card-actions>a:first-child{background:#a57822}.demo-red .demo-card-actions>a:first-child{background:#bd1827}.demo-indigo .demo-card-actions>a:first-child{background:#4939ac}.demo-coral .demo-card-actions>a:first-child{background:#e04c42}.demo-gallery-page>footer{display:flex;align-items:center;justify-content:center;gap:18px;padding:30px 24px;border-top:1px solid #ffffff18;color:#718bac;font-size:12px}.demo-gallery-page>footer img{width:90px;filter:brightness(0) invert(1)}@media(max-width:760px){.demo-gallery-nav{padding:12px 16px}.demo-gallery-brand span,.demo-gallery-nav>div>a{display:none}.demo-gallery-hero{padding:65px 20px 42px}.demo-gallery-hero p{font-size:15px}.demo-gallery-grid{grid-template-columns:1fr;padding:0 14px 55px}.demo-card{border-radius:22px}.demo-card-actions a.trial{width:100%;margin:0;text-align:center}.demo-gallery-page>footer{flex-direction:column;text-align:center}}