.visual-wrapper[data-astro-cid-6effwlwc]{display:flex;justify-content:center;padding:calc(var(--spacing-unit) * 2)}.responsive-card[data-astro-cid-6effwlwc]{background:linear-gradient(135deg,var(--color-gray-900) 0%,var(--color-gray-800) 100%);border-radius:var(--radius-xl);overflow:hidden;width:100%;max-width:400px;box-shadow:0 25px 50px #10b98126;transform:perspective(1000px) rotateY(5deg) rotateX(2deg);transition:transform .4s ease}.responsive-card[data-astro-cid-6effwlwc]:hover{transform:perspective(1000px) rotateY(0) rotateX(0)}.resp-header[data-astro-cid-6effwlwc]{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 1.5);padding:calc(var(--spacing-unit) * 2);background:#0003;border-bottom:1px solid rgba(255,255,255,.1)}.resp-icon[data-astro-cid-6effwlwc]{width:36px;height:36px;background:linear-gradient(135deg,var(--color-success),var(--color-success));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff}.resp-title[data-astro-cid-6effwlwc]{color:var(--color-gray-200);font-size:var(--font-size-sm);font-weight:600}.status-badge[data-astro-cid-6effwlwc]{margin-left:auto;padding:var(--space-1) var(--space-3);background:#10b98126;color:var(--color-success);border-radius:var(--radius-lg);font-size:var(--font-size-2xs)}.devices-preview[data-astro-cid-6effwlwc]{display:flex;justify-content:center;align-items:flex-end;gap:calc(var(--spacing-unit) * 2);padding:calc(var(--spacing-unit) * 3) calc(var(--spacing-unit) * 2)}.device[data-astro-cid-6effwlwc]{position:relative}.device-screen[data-astro-cid-6effwlwc]{background:var(--color-dark-bg);border-radius:var(--radius-sm);padding:var(--space-1);border:2px solid var(--color-gray-700)}.device[data-astro-cid-6effwlwc].desktop .device-screen[data-astro-cid-6effwlwc]{width:100px;height:65px}.device[data-astro-cid-6effwlwc].tablet .device-screen[data-astro-cid-6effwlwc]{width:55px;height:70px;border-radius:var(--radius-sm)}.device[data-astro-cid-6effwlwc].mobile .device-screen[data-astro-cid-6effwlwc]{width:35px;height:65px;border-radius:var(--radius-md)}.device-stand[data-astro-cid-6effwlwc]{width:30px;height:3px;background:var(--color-gray-700);margin:2px auto 0;border-radius:0 0 2px 2px}.device-notch[data-astro-cid-6effwlwc]{position:absolute;top:4px;left:50%;transform:translate(-50%);width:15px;height:4px;background:var(--color-gray-700);border-radius:2px}.mini-nav[data-astro-cid-6effwlwc]{height:6px;background:#3b82f64d;border-radius:2px;margin-bottom:var(--space-1)}.mini-hero[data-astro-cid-6effwlwc]{height:15px;background:#ffffff1a;border-radius:2px;margin-bottom:var(--space-1)}.mini-grid[data-astro-cid-6effwlwc]{display:flex;gap:2px}.mini-grid[data-astro-cid-6effwlwc] span[data-astro-cid-6effwlwc]{flex:1;height:12px;background:#ffffff0d;border-radius:2px}.mini-grid[data-astro-cid-6effwlwc].two span[data-astro-cid-6effwlwc]{height:15px}.mini-grid[data-astro-cid-6effwlwc].one span[data-astro-cid-6effwlwc]{height:20px}.breakpoints-list[data-astro-cid-6effwlwc]{padding:0 calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 2);display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * .75)}.breakpoint-item[data-astro-cid-6effwlwc]{display:flex;align-items:center;padding:calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 1.5);background:#ffffff0d;border-radius:var(--radius-md)}.bp-name[data-astro-cid-6effwlwc]{color:var(--color-gray-400);font-size:var(--font-size-xs);flex:1}.bp-width[data-astro-cid-6effwlwc]{color:var(--color-gray-400);font-size:var(--font-size-2xs);font-family:SF Mono,monospace;margin-right:calc(var(--spacing-unit) * 1)}.bp-status[data-astro-cid-6effwlwc]{color:var(--color-success);font-size:var(--font-size-xs)}.resp-footer[data-astro-cid-6effwlwc]{display:flex;justify-content:center;gap:calc(var(--spacing-unit) * 3);padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 2);background:#0003;border-top:1px solid rgba(255,255,255,.1)}.metric[data-astro-cid-6effwlwc]{display:flex;align-items:center;gap:var(--space-1)}.metric-icon[data-astro-cid-6effwlwc]{font-size:var(--font-size-sm)}.metric-text[data-astro-cid-6effwlwc]{color:var(--color-gray-400);font-size:var(--font-size-2xs)}@media(max-width:768px){.responsive-card[data-astro-cid-6effwlwc]{transform:none;max-width:100%}.responsive-card[data-astro-cid-6effwlwc]:hover{transform:none}}@media(prefers-reduced-motion:reduce){.responsive-card[data-astro-cid-6effwlwc]{transform:none;transition:none}}.dark .resp-title[data-astro-cid-6effwlwc]{color:var(--color-gray-100)}.dark .status-badge[data-astro-cid-6effwlwc]{color:var(--color-success)}.dark .bp-name[data-astro-cid-6effwlwc]{color:var(--color-gray-300)}.dark .bp-width[data-astro-cid-6effwlwc]{color:var(--color-gray-400)}.dark .bp-status[data-astro-cid-6effwlwc]{color:var(--color-success)}.dark .metric-text[data-astro-cid-6effwlwc]{color:var(--color-gray-300)}