.demo-section{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}@media (max-width:992px){.demo-section{grid-template-columns:1fr;gap:2.5rem;padding:48px 0}}.demo-section__content{flex-direction:column;gap:1.5rem;display:flex}.demo-section__badge{background:color-mix(in srgb, var(--portal-primary) 10%, transparent);border:1px solid color-mix(in srgb, var(--portal-primary) 25%, transparent);color:var(--portal-primary);letter-spacing:.14em;text-transform:uppercase;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:5px 16px;font-size:11px;font-weight:800;display:inline-flex}.demo-section__features{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.demo-section__feature{color:var(--text-color);align-items:center;gap:.85rem;font-weight:500;display:flex}.demo-section__feature-icon{background:color-mix(in srgb, var(--portal-primary) 12%, transparent);width:28px;height:28px;color:var(--portal-primary);border:1px solid color-mix(in srgb, var(--portal-primary) 20%, transparent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;display:flex}.demo-section__cta{flex-wrap:wrap;gap:.75rem;display:flex}.demo-section__cta .p-button{border-radius:10px!important;font-size:.85rem!important;font-weight:700!important}.demo-section__cta .demo-cta--primary{background:var(--portal-primary)!important;border-color:var(--portal-primary)!important;color:#fff!important;box-shadow:0 4px 14px color-mix(in srgb, var(--portal-primary) 35%, transparent)!important}.demo-section__cta .demo-cta--primary:hover{opacity:.9!important}.demo-section__cta .demo-cta--outline{border:1.5px solid color-mix(in srgb, var(--portal-primary) 40%, transparent)!important;color:var(--portal-primary)!important;background:0 0!important}.demo-section__cta .demo-cta--outline:hover{background:color-mix(in srgb, var(--portal-primary) 6%, transparent)!important}.demo-section__visual{position:relative}.demo-section__visual:before{content:"";background:radial-gradient(ellipse at center, color-mix(in srgb, var(--portal-primary) 10%, transparent), transparent 70%);pointer-events:none;z-index:0;border-radius:28px;position:absolute;inset:-20px}.demo-section__img-frame{z-index:1;border:1px solid color-mix(in srgb, var(--portal-primary) 20%, transparent);background:color-mix(in srgb, var(--portal-primary) 5%, var(--surface-card));border-radius:20px;justify-content:center;align-items:center;min-height:260px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a,inset 0 1px #fff9}.demo-section__img-frame img{object-fit:cover;width:100%;height:100%;display:block}html[data-portal-theme=dark] .demo-section__img-frame{border-color:color-mix(in srgb, var(--portal-primary) 25%, transparent);box-shadow:0 8px 40px #00000059,0 2px 8px #0003}