.page-module__dB_q0G__supportBadges{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.5rem;display:flex}.page-module__dB_q0G__supportBadge{background:var(--surface-alt);border-radius:var(--radius-md);border:1px solid var(--border);color:var(--foreground);transition:transform var(--transition-fast);align-items:center;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;display:inline-flex}.page-module__dB_q0G__supportBadge:hover{transform:translateY(-1px)}.page-module__dB_q0G__chrome{color:#4285f4;border-color:#4285f4}.page-module__dB_q0G__firefox{color:#c77800;border-color:#ff9a00}.page-module__dB_q0G__safari{color:#08c;border-color:#0af}.page-module__dB_q0G__edge{color:#0078d4;border-color:#0078d4}.dark .page-module__dB_q0G__chrome{color:#6ea8ff}.dark .page-module__dB_q0G__firefox{color:#ffb84d}.dark .page-module__dB_q0G__safari{color:#4dc4ff}.dark .page-module__dB_q0G__edge{color:#47a3e8}.page-module__dB_q0G__comparison{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.page-module__dB_q0G__comparisonCard{background:var(--background);border:2px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;position:relative;overflow:hidden}.page-module__dB_q0G__comparisonCard:before{content:"";pointer-events:none;position:absolute;inset:0}.page-module__dB_q0G__oldWay{border-color:#ef4444}.page-module__dB_q0G__oldWay:before{background:#ef44440a}.page-module__dB_q0G__newWay{border-color:#10b981}.page-module__dB_q0G__newWay:before{background:#10b9810a}.dark .page-module__dB_q0G__oldWay:before{background:#ef444414}.dark .page-module__dB_q0G__newWay:before{background:#10b98114}.page-module__dB_q0G__comparisonTitle{color:var(--foreground);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.125rem;font-weight:700;display:flex}.page-module__dB_q0G__iconCross{color:#ef4444;font-weight:700}.page-module__dB_q0G__iconCheck{color:#10b981;font-weight:700}.page-module__dB_q0G__comparisonCode{background:var(--surface-alt);border-radius:var(--radius-md);font-family:var(--font-mono);color:var(--foreground);margin:0;padding:1rem;font-size:.8125rem;line-height:1.6;overflow-x:auto}.page-module__dB_q0G__demoForm{max-width:400px;margin:0 auto}.page-module__dB_q0G__formField{margin-bottom:1.5rem;position:relative}.page-module__dB_q0G__formLabel{color:var(--foreground);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.page-module__dB_q0G__formInput{border:2px solid var(--border);border-radius:var(--radius-md);background:var(--background);width:100%;color:var(--foreground);transition:all var(--transition-fast);padding:.625rem .75rem;font-size:.9375rem}.page-module__dB_q0G__formInput:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring-colour);outline:none}.page-module__dB_q0G__errorMessage{color:#ef4444;margin-top:.375rem;font-size:.8125rem;display:none}.page-module__dB_q0G__formField:has(.page-module__dB_q0G__formInput:invalid:not(:placeholder-shown)) .page-module__dB_q0G__errorMessage{display:block}.page-module__dB_q0G__formField:has(.page-module__dB_q0G__formInput:invalid:not(:placeholder-shown)) .page-module__dB_q0G__formInput{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.page-module__dB_q0G__formField:has(.page-module__dB_q0G__formInput:valid:not(:placeholder-shown)):after{content:"✓";color:#10b981;font-size:1.125rem;font-weight:700;position:absolute;top:2.25rem;right:.75rem}.page-module__dB_q0G__formHint{text-align:center;color:var(--text-muted);margin-top:.5rem;font-size:.8125rem;font-style:italic}.page-module__dB_q0G__cardsGrid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.page-module__dB_q0G__productCard{background:var(--background);border:2px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-base);padding:1.25rem;position:relative}.page-module__dB_q0G__productTitle{color:var(--foreground);margin-bottom:.375rem;font-size:.9375rem;font-weight:600}.page-module__dB_q0G__productDesc{color:var(--text-muted);font-size:.8125rem;line-height:1.5}.page-module__dB_q0G__badge{text-transform:uppercase;letter-spacing:.05em;color:#fff;z-index:1;border-radius:9999px;padding:.25rem .625rem;font-size:.6875rem;font-weight:700;position:absolute;top:-8px;right:-8px}.page-module__dB_q0G__badgeNew{background:#10b981}.page-module__dB_q0G__badgeSale{background:#ef4444}.page-module__dB_q0G__productCard:has(.page-module__dB_q0G__badge){box-shadow:var(--shadow-md);transform:translateY(-2px)}.page-module__dB_q0G__productCard:has(.page-module__dB_q0G__badgeNew){background:linear-gradient(135deg,#10b9810f 0%,#0000 50%);border-color:#10b981}.page-module__dB_q0G__productCard:has(.page-module__dB_q0G__badgeSale){background:linear-gradient(135deg,#ef44440f 0%,#0000 50%);border-color:#ef4444;animation:2s ease-in-out infinite page-module__dB_q0G__cardPulse}@keyframes page-module__dB_q0G__cardPulse{0%,to{transform:translateY(-2px)scale(1)}50%{transform:translateY(-2px)scale(1.015)}}.dark .page-module__dB_q0G__productCard:has(.page-module__dB_q0G__badgeNew){background:linear-gradient(135deg,#10b9811f 0%,#0000 50%)}.dark .page-module__dB_q0G__productCard:has(.page-module__dB_q0G__badgeSale){background:linear-gradient(135deg,#ef44441f 0%,#0000 50%)}.page-module__dB_q0G__demoNav{width:100%}.page-module__dB_q0G__navList{background:var(--surface-alt);border-radius:var(--radius-lg);gap:.25rem;margin:0;padding:.75rem;list-style:none;display:flex}.page-module__dB_q0G__navItem{position:relative}.page-module__dB_q0G__navLink{color:var(--foreground);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:block}.page-module__dB_q0G__navLink:hover{background:var(--surface);color:var(--primary)}.page-module__dB_q0G__dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:180px;box-shadow:var(--shadow-lg);z-index:10;margin-top:.375rem;padding:.375rem;list-style:none;display:none;position:absolute;top:100%;left:0}.page-module__dB_q0G__dropdownLink{color:var(--foreground);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);padding:.5rem .75rem;font-size:.8125rem;display:block}.page-module__dB_q0G__dropdownLink:hover{background:var(--surface-alt);color:var(--primary)}.page-module__dB_q0G__navItem:has(.page-module__dB_q0G__dropdown)>.page-module__dB_q0G__navLink:after{content:" ▾";opacity:.6;font-size:.8em}.page-module__dB_q0G__navItem:has(.page-module__dB_q0G__dropdown):hover .page-module__dB_q0G__dropdown{animation:.25s ease-out page-module__dB_q0G__dropSlideDown;display:block}@keyframes page-module__dB_q0G__dropSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.page-module__dB_q0G__galleryGrid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.page-module__dB_q0G__galleryItem{transition:all var(--transition-base);border-radius:var(--radius-md);margin:0}.page-module__dB_q0G__imagePlaceholder{background:var(--surface-alt);border-radius:var(--radius-md);justify-content:center;align-items:center;height:120px;display:flex}.page-module__dB_q0G__placeholderIcon{font-size:2.5rem}.page-module__dB_q0G__galleryCaption{text-align:center;color:var(--text-muted);padding:.625rem;font-size:.8125rem}.page-module__dB_q0G__galleryItem:has(.page-module__dB_q0G__galleryCaption){background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.page-module__dB_q0G__galleryItem:has(.page-module__dB_q0G__galleryCaption) .page-module__dB_q0G__imagePlaceholder{border-radius:0}.page-module__dB_q0G__galleryGrid:hover .page-module__dB_q0G__galleryItem:not(:has(.page-module__dB_q0G__galleryCaption)){filter:blur(2px);opacity:.6}.page-module__dB_q0G__articlesList{flex-direction:column;gap:1.25rem;display:flex}.page-module__dB_q0G__blogArticle{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-base);padding:1.25rem}.page-module__dB_q0G__articleTitle{color:var(--foreground);margin-bottom:.375rem;font-size:.9375rem;font-weight:600}.page-module__dB_q0G__articleText{color:var(--text-muted);font-size:.8125rem;line-height:1.5}.page-module__dB_q0G__articleMedia{border-radius:var(--radius-md);width:100%;overflow:hidden}.page-module__dB_q0G__articleImage{border-radius:var(--radius-md);width:100%;height:auto;display:block}.page-module__dB_q0G__videoPlaceholder{border-radius:var(--radius-md);color:#9333ea;background:linear-gradient(135deg,#9333ea26 0%,#9333ea0d 100%);justify-content:center;align-items:center;height:120px;font-size:2rem;display:flex}.page-module__dB_q0G__hiddenTrigger{opacity:0;pointer-events:none;width:0;height:0;position:absolute}:is(.page-module__dB_q0G__blogArticle:has(img),.page-module__dB_q0G__blogArticle:has(video)){grid-template-columns:180px 1fr;align-items:start;gap:1.25rem;display:grid}.page-module__dB_q0G__blogArticle:has(video){background:linear-gradient(135deg,#9333ea0f 0%,#0000 50%);border-color:#9333ea}.page-module__dB_q0G__blogArticle:has(img):not(:has(video)){background:linear-gradient(135deg,#357a3a0f 0%,#0000 50%);background:linear-gradient(135deg,lab(45.7706% -33.6758 28.0119/.06) 0%,#0000 50%);border-color:#2563eb}.dark .page-module__dB_q0G__blogArticle:has(video){background:linear-gradient(135deg,#9333ea1f 0%,#0000 50%);border-color:#a855f7}.dark .page-module__dB_q0G__blogArticle:has(img):not(:has(video)){background:linear-gradient(135deg,#60a5fa1f 0%,#0000 50%);border-color:#60a5fa}.page-module__dB_q0G__patternDemo{background:var(--surface-alt);border-radius:var(--radius-md);border:1px dashed var(--border);justify-content:center;align-items:center;padding:1.5rem;display:flex}.page-module__dB_q0G__patternLabel{color:var(--text-secondary);font-size:.875rem;font-style:italic;font-weight:500}.page-module__dB_q0G__supportTable{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.page-module__dB_q0G__supportRow{border-bottom:1px solid var(--border);color:var(--foreground);grid-template-columns:1fr 1fr 2fr;align-items:center;padding:.875rem 1.25rem;font-size:.875rem;display:grid}.page-module__dB_q0G__supportRow:last-child{border-bottom:none}.page-module__dB_q0G__supportHeader{background:var(--surface-alt);font-weight:600}.page-module__dB_q0G__statusSupported{color:#10b981;font-weight:500}.dark .page-module__dB_q0G__statusSupported{color:#34d399}.page-module__dB_q0G__tipsGrid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.page-module__dB_q0G__tipCard{background:var(--surface-alt);border-radius:var(--radius-lg);border:1px solid var(--border);text-align:center;transition:transform var(--transition-fast);padding:1.5rem}.page-module__dB_q0G__tipCard:hover{transform:translateY(-2px)}.page-module__dB_q0G__tipIcon{margin-bottom:.75rem;font-size:1.75rem;display:inline-block}.page-module__dB_q0G__tipTitle{color:var(--foreground);margin-bottom:.5rem;font-size:1rem;font-weight:700}.page-module__dB_q0G__tipText{color:var(--text-muted);font-size:.8125rem;line-height:1.6}@media (max-width:768px){.page-module__dB_q0G__comparison,.page-module__dB_q0G__cardsGrid{grid-template-columns:1fr}.page-module__dB_q0G__navList{flex-direction:column;gap:.125rem}.page-module__dB_q0G__dropdown{box-shadow:none;background:0 0;border:none;margin-top:0;padding-left:1rem;position:static}.page-module__dB_q0G__navItem:has(.page-module__dB_q0G__dropdown):hover .page-module__dB_q0G__dropdown{animation:none}.page-module__dB_q0G__galleryGrid{grid-template-columns:1fr 1fr}:is(.page-module__dB_q0G__blogArticle:has(img),.page-module__dB_q0G__blogArticle:has(video)),.page-module__dB_q0G__tipsGrid{grid-template-columns:1fr}.page-module__dB_q0G__supportRow{grid-template-columns:1fr;gap:.25rem}.page-module__dB_q0G__supportHeader{display:none}}@media (max-width:480px){.page-module__dB_q0G__galleryGrid{grid-template-columns:1fr}.page-module__dB_q0G__comparisonCode{font-size:.75rem}}@media (prefers-reduced-motion:reduce){.page-module__dB_q0G__productCard:has(.page-module__dB_q0G__badgeSale){animation:none}.page-module__dB_q0G__navItem:has(.page-module__dB_q0G__dropdown):hover .page-module__dB_q0G__dropdown{animation:none}.page-module__dB_q0G__supportBadge:hover,.page-module__dB_q0G__tipCard:hover{transform:none}}