.phone-mockup{perspective:1200px;justify-content:center;display:flex}.phone-frame{background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:40px;width:280px;height:570px;padding:12px;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s;position:relative;box-shadow:0 25px 60px #00000059,0 0 0 1px #ffffff14,inset 0 1px #ffffff1a}.phone-frame:hover{transform:translateY(-6px)rotateX(2deg);box-shadow:0 35px 80px #0006,0 0 0 1px #ffffff1f,inset 0 1px #ffffff26}.phone-notch{z-index:10;background:#0d0d1a;border-radius:0 0 16px 16px;justify-content:center;align-items:center;width:100px;height:24px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.phone-camera{background:radial-gradient(circle,#2d3561 30%,#0d0d1a 70%);border-radius:50%;width:10px;height:10px;box-shadow:0 0 4px #2d356180}.phone-screen{background:#0a0a0a;border-radius:28px;width:100%;height:calc(100% - 28px);position:relative;overflow:hidden}.phone-iframe{transform-origin:0 0;opacity:0;border:none;width:375px;height:812px;transition:opacity .6s;transform:scale(.683)}.phone-iframe--loaded{opacity:1}.phone-loader{color:#fff6;letter-spacing:.05em;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:12px;display:flex;position:absolute;inset:0}.phone-loader-spinner{border:2px solid #ffffff1a;border-top-color:#ffffff80;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite phone-spin}@keyframes phone-spin{to{transform:rotate(360deg)}}.phone-home-indicator{z-index:10;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.phone-home-bar{background:#ffffff40;border-radius:4px;width:100px;height:4px}.demo-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff0f;border-radius:24px;flex-direction:column;align-items:center;gap:24px;padding:32px 20px;transition:background .3s,border-color .3s,transform .3s;display:flex}.demo-card:hover{background:#ffffff0f;border-color:#ffffff1f;transform:translateY(-4px)}.demo-card__preview{flex-shrink:0}.demo-card__info{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.demo-card__title{font-family:var(--font-playfair),serif;color:#f5f5f5;letter-spacing:.01em;font-size:1.5rem;font-weight:600}.demo-card__description{color:#ffffff80;max-width:280px;font-size:.875rem;line-height:1.6}.demo-card__tags{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.demo-card__tag{letter-spacing:.06em;text-transform:uppercase;opacity:.8;border:1px solid;border-radius:999px;padding:4px 12px;font-size:.7rem;transition:opacity .2s}.demo-card__tag:hover{opacity:1}.demo-card__cta{color:#fff;letter-spacing:.02em;border-radius:999px;align-items:center;gap:8px;margin-top:4px;padding:10px 24px;font-size:.85rem;font-weight:500;text-decoration:none;transition:opacity .2s,transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 20px #0003}.demo-card__cta:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 28px #0000004d}.demo-card__cta-icon{width:14px;height:14px}.xv-showcase{color:#f5f5f5;background:#0a0a0f;min-height:100vh;overflow-x:hidden}.xv-showcase__hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 24px 60px;display:flex;position:relative;overflow:hidden}.xv-showcase__hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#f472b614 0%,#0000 70%);width:800px;height:800px;position:absolute;top:-50%;left:50%;transform:translate(-50%)}.xv-showcase__hero:after{content:"";background:linear-gradient(90deg,#0000,#f472b633,#0000);height:1px;position:absolute;bottom:0;left:0;right:0}.xv-showcase__badge{letter-spacing:.2em;text-transform:uppercase;color:#f472b6cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f472b60d;border:1px solid #f472b633;border-radius:999px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:.7rem;display:inline-flex}.xv-showcase__title{font-family:var(--font-playfair),serif;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#f5f5f5 30%,#f472b6b3 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:1.15}.xv-showcase__subtitle{color:#ffffff73;max-width:520px;font-size:1.1rem;line-height:1.7}.xv-showcase__grid{grid-template-columns:1fr;gap:32px;max-width:1400px;margin:0 auto;padding:40px 24px 80px;display:grid}@media (min-width:768px){.xv-showcase__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.xv-showcase__grid{grid-template-columns:repeat(3,1fr)}}.xv-showcase__cta{text-align:center;border-top:1px solid #ffffff0f;padding:80px 24px;position:relative}.xv-showcase__cta:before{content:"";pointer-events:none;background:radial-gradient(circle,#8b5cf60f 0%,#0000 70%);width:600px;height:600px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.xv-showcase__cta-title{font-family:var(--font-playfair),serif;color:#f5f5f5;margin-bottom:12px;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:600}.xv-showcase__cta-text{color:#fff6;margin-bottom:28px;font-size:1rem}.xv-showcase__cta-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ec4899,#a855f7);border:none;border-radius:999px;align-items:center;gap:8px;padding:14px 32px;font-size:.95rem;font-weight:500;text-decoration:none;transition:opacity .2s,transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 8px 30px #ec489940}.xv-showcase__cta-button:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 12px 40px #ec489959}.demo-card{opacity:0;animation:.6s forwards fadeInUp;transform:translateY(30px)}.demo-card:first-child{animation-delay:.1s}.demo-card:nth-child(2){animation-delay:.2s}.demo-card:nth-child(3){animation-delay:.3s}.demo-card:nth-child(4){animation-delay:.4s}.demo-card:nth-child(5){animation-delay:.5s}.demo-card:nth-child(6){animation-delay:.6s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.phone-frame{border-radius:32px;width:240px;height:490px;padding:10px}.phone-iframe{transform:scale(.582)}.phone-screen{border-radius:22px}.phone-notch{width:80px;height:20px}.demo-card{padding:24px 16px}.xv-showcase__hero{padding:60px 20px 40px}}