.studio-demos-page{--demo-bg: #070813;--demo-panel: rgba(17, 18, 34, .86);--demo-panel-strong: rgba(23, 23, 43, .94);--demo-line: rgba(255, 255, 255, .11);--demo-line-strong: rgba(170, 111, 255, .46);--demo-text: #f8f7ff;--demo-muted: rgba(236, 232, 255, .74);--demo-soft: rgba(236, 232, 255, .58);--demo-purple: #8b5cf6;--demo-pink: #ec4899;--demo-warm: #f59e0b;--demo-teal: #14b8a6;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(139,92,246,.16),transparent 36%),linear-gradient(225deg,rgba(20,184,166,.1),transparent 42%),var(--demo-bg);color:var(--demo-text);padding-bottom:5rem}.studio-demos-container{width:min(1180px,calc(100% - 2rem));margin:0 auto}.studio-demos-section{position:relative;padding:4.5rem 0 0}.studio-demos-hero{padding-top:2.5rem}.studio-demos-hero__grid{display:grid;grid-template-columns:minmax(0,.98fr) minmax(360px,.82fr);align-items:center;gap:2rem}.studio-demos-hero__copy{max-width:720px}.studio-demos-kicker{display:inline-flex;align-items:center;min-height:34px;margin:0 0 1rem;padding:0 .85rem;border:1px solid rgba(139,92,246,.34);border-radius:999px;background:#8b5cf61f;color:#d9ccff;font-size:.77rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.studio-demos-hero h1,.studio-demos-section-head h2,.studio-demos-info h2,.studio-demos-final h2{margin:0;color:var(--demo-text);font-weight:850;letter-spacing:0}.studio-demos-hero h1{max-width:760px;font-size:4.1rem;line-height:1}.studio-demos-lead,.studio-demos-section-head p,.studio-demos-info p,.studio-demos-final p{color:var(--demo-muted);font-size:1.04rem;line-height:1.75}.studio-demos-lead{max-width:660px;margin:1.2rem 0 0}.studio-demos-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.85rem;margin-top:1.6rem}.studio-demos-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:48px;max-width:100%;padding:0 1.15rem;border-radius:8px;text-decoration:none;font-size:.9rem;font-weight:800;line-height:1.2;letter-spacing:0;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.studio-demos-btn--primary{border:1px solid rgba(255,255,255,.16);background:linear-gradient(135deg,var(--demo-purple),var(--demo-pink));color:#fff;box-shadow:0 18px 42px #8b5cf647}.studio-demos-btn--ghost{border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:var(--demo-text)}.studio-demos-btn:hover{transform:translateY(-2px)}.studio-demos-btn--primary:hover{box-shadow:0 22px 52px #ec489947}.studio-demos-btn--ghost:hover{border-color:#8b5cf66b;background:#8b5cf61f}.studio-demos-trust{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.5rem}.studio-demos-trust span{display:inline-flex;align-items:center;gap:.45rem;min-height:34px;padding:0 .75rem;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff0e;color:#f8f7ffd6;font-size:.82rem;font-weight:700}.studio-demos-trust i{color:var(--demo-teal)}.studio-demos-hero__visual{min-height:520px}.studio-demos-collage{position:relative;min-height:520px}.studio-demos-collage:before{content:"";position:absolute;top:2.2rem;right:1.2rem;bottom:2.6rem;left:2rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#8b5cf62e,#ec489914),#ffffff0a;box-shadow:0 30px 90px #04050f70}.studio-demos-collage-card{position:absolute;width:74%;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:var(--demo-panel-strong);box-shadow:0 24px 62px #03040c61;animation:studioDemoFloat 7s ease-in-out infinite}.studio-demos-collage-card--1{top:0;right:0;z-index:3}.studio-demos-collage-card--2{top:9.2rem;left:0;z-index:2;width:62%;animation-delay:.55s}.studio-demos-collage-card--3{right:3.4rem;bottom:0;z-index:1;width:56%;animation-delay:1.1s}.studio-demos-collage-card__media{display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 9;background:linear-gradient(135deg,#8b5cf638,#14b8a61f);color:#d9ccff;font-size:2.6rem}.studio-demos-collage-card__media img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.studio-demos-collage-card>div:last-child{display:grid;gap:.25rem;padding:.9rem}.studio-demos-collage-card span{color:var(--demo-soft);font-size:.72rem;font-weight:800;text-transform:uppercase}.studio-demos-collage-card strong{color:var(--demo-text);font-size:.98rem;line-height:1.25}.studio-demos-filter-section{padding-top:3.2rem}.studio-demos-filter-head p{margin:0 0 .85rem;color:var(--demo-muted);font-weight:800}.studio-demos-filters{display:flex;gap:.65rem;overflow-x:auto;padding:.3rem 0 .45rem;scrollbar-width:thin}.studio-demos-filter{flex:0 0 auto;min-height:40px;padding:0 .9rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0e;color:#f8f7ffc7;font-size:.86rem;font-weight:800;letter-spacing:0;cursor:pointer;transition:transform .17s ease,border-color .17s ease,background .17s ease,color .17s ease}.studio-demos-filter:hover,.studio-demos-filter.is-active{color:#fff;border-color:#ffffff2e;background:linear-gradient(135deg,#8b5cf6f5,#ec4899e6)}.studio-demos-filter:hover{transform:translateY(-1px)}.studio-demos-section-head{max-width:740px;margin-bottom:1.3rem}.studio-demos-section-head h2,.studio-demos-info h2,.studio-demos-final h2{font-size:2.35rem;line-height:1.12}.studio-demos-section-head p,.studio-demos-info p,.studio-demos-final p{margin:.8rem 0 0}.studio-demos-featured-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.82fr);grid-auto-rows:1fr;gap:1rem}.studio-demos-card{position:relative;display:flex;min-height:100%;overflow:hidden;flex-direction:column;border:1px solid var(--demo-line);border-radius:8px;background:linear-gradient(180deg,#ffffff0e,#ffffff06),var(--demo-panel);color:var(--demo-text);text-decoration:none;box-shadow:0 20px 54px #02030c4d;transition:transform .19s ease,border-color .19s ease,box-shadow .19s ease,opacity .19s ease}.studio-demos-card:hover{transform:translateY(-4px);border-color:var(--demo-line-strong);box-shadow:0 26px 72px #0d082370}.studio-demos-card.is-hidden{display:none}.studio-demos-card.is-large{grid-row:span 2}.studio-demos-card__external{position:absolute;top:.8rem;right:.8rem;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#080813b8;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.studio-demos-card__media{position:relative;overflow:hidden;aspect-ratio:16 / 9;background:linear-gradient(135deg,#8b5cf638,#f59e0b1f)}.studio-demos-card.is-large .studio-demos-card__media{aspect-ratio:16 / 10}.studio-demos-card__media img,.studio-demos-card__placeholder{display:block;width:100%;height:100%}.studio-demos-card__media img{-o-object-fit:cover;object-fit:cover;transition:transform .22s ease}.studio-demos-card:hover .studio-demos-card__media img{transform:scale(1.035)}.studio-demos-card__placeholder{display:flex;align-items:center;justify-content:center;color:#f8f7ffc7;font-size:3rem}.studio-demos-card__body{display:flex;flex:1 1 auto;flex-direction:column;gap:.85rem;padding:1.05rem}.studio-demos-card__meta,.studio-demos-tags{display:flex;flex-wrap:wrap;gap:.45rem}.studio-demos-card__meta span,.studio-demos-tags span{display:inline-flex;align-items:center;min-height:26px;padding:0 .55rem;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:#ffffff0e;color:#f8f7ffb8;font-size:.72rem;font-weight:800}.studio-demos-card__meta span:first-child{color:#f6d58b;border-color:#f59e0b3d;background:#f59e0b1a}.studio-demos-card h3,.studio-demos-info-card h3,.studio-demos-empty h3{margin:0;color:var(--demo-text);font-size:1.24rem;line-height:1.25;letter-spacing:0}.studio-demos-card p,.studio-demos-info-card p,.studio-demos-empty p{margin:0;color:var(--demo-muted);font-size:.94rem;line-height:1.62}.studio-demos-card p{display:-webkit-box;overflow:hidden;min-height:4.55rem;-webkit-box-orient:vertical;-webkit-line-clamp:3}.studio-demos-card__footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:auto;color:#d9ccff;font-size:.86rem;font-weight:900}.studio-demos-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:1rem}.studio-demos-empty{grid-column:1 / -1;display:grid;justify-items:center;gap:.85rem;min-height:18rem;padding:2rem;border:1px solid var(--demo-line);border-radius:8px;background:#ffffff0b;text-align:center}.studio-demos-empty i{color:#d9ccff;font-size:2.5rem}.studio-demos-empty--filtered{margin-top:1rem}.studio-demos-info__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1rem;align-items:start}.studio-demos-info-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.studio-demos-info-card{display:grid;gap:.75rem;min-height:100%;padding:1.05rem;border:1px solid var(--demo-line);border-radius:8px;background:#ffffff0e}.studio-demos-info-card i{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:8px;background:linear-gradient(135deg,#8b5cf63d,#14b8a61f);color:#d9ccff;font-size:1.35rem}.studio-demos-final-section{padding-bottom:2rem}.studio-demos-final{position:relative;overflow:hidden;padding:2rem;border:1px solid rgba(139,92,246,.38);border-radius:8px;background:linear-gradient(135deg,#8b5cf638,#ec489914),#ffffff0e;box-shadow:0 28px 80px #0c081f57}.studio-demos-final p{max-width:760px}.studio-demos-final small{display:block;margin-top:1rem;color:var(--demo-soft);font-weight:700}.studio-demos-reveal{opacity:0;transform:translateY(16px);transition:opacity .46s ease,transform .46s ease}.studio-demos-reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes studioDemoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width: 1199.98px){.studio-demos-hero__grid,.studio-demos-info__grid{grid-template-columns:1fr}.studio-demos-hero__copy{max-width:820px}.studio-demos-hero__visual,.studio-demos-collage{min-height:460px}.studio-demos-featured-grid{grid-template-columns:1fr 1fr}.studio-demos-card.is-large{grid-row:auto;grid-column:1 / -1}}@media (max-width: 991.98px){.studio-demos-hero h1{font-size:3.25rem}.studio-demos-grid,.studio-demos-info-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 767.98px){.studio-demos-page{padding-bottom:3rem}.studio-demos-container{width:min(100% - 1rem,1180px)}.studio-demos-section{padding-top:3rem}.studio-demos-hero{padding-top:1.5rem}.studio-demos-hero h1{font-size:2.65rem;line-height:1.06}.studio-demos-lead,.studio-demos-section-head p,.studio-demos-info p,.studio-demos-final p{font-size:.98rem}.studio-demos-actions{align-items:stretch;flex-direction:column}.studio-demos-btn{width:100%}.studio-demos-hero__visual,.studio-demos-collage{min-height:390px}.studio-demos-collage-card{width:82%}.studio-demos-collage-card--2{top:8rem;width:70%}.studio-demos-collage-card--3{right:.4rem;width:68%}.studio-demos-featured-grid,.studio-demos-grid,.studio-demos-info-cards{grid-template-columns:1fr}.studio-demos-section-head h2,.studio-demos-info h2,.studio-demos-final h2{font-size:2rem}.studio-demos-final{padding:1.25rem}}@media (max-width: 420px){.studio-demos-hero h1{font-size:2.25rem}.studio-demos-hero__visual,.studio-demos-collage{min-height:340px}.studio-demos-collage-card>div:last-child{padding:.75rem}}@media (prefers-reduced-motion: reduce){.studio-demos-reveal,.studio-demos-card,.studio-demos-card__media img,.studio-demos-filter,.studio-demos-btn{transition:none}.studio-demos-collage-card{animation:none}}