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