body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img[src$=".png"],img[src$=".jpg"],img[src$=".jpeg"]{image-rendering:-webkit-optimize-contrast}.lazy-img{content-visibility:auto}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-height:1.25}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.25}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:1.25}.h-8{height:32px}.h-10{height:40px}.h-12{height:48px}.h-20{height:80px}.text-overflow-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multiline-text-stable{word-break:keep-all;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-hover:hover{transform:translateY(-2px);transition:transform .2s ease-in-out}.gradient-bg{background:linear-gradient(135deg,#667eea,#764ba2)}.upload-area{border:2px dashed #e5e7eb;transition:all .3s ease;min-height:192px}.upload-area:hover{border-color:#3b82f6;background-color:#f8fafc}.upload-area.dragover{border-color:#3b82f6;background-color:#eff6ff}*{box-sizing:border-box}input[type=range]{height:8px;border-radius:4px}input[type=radio]{width:16px;height:16px}button{min-height:40px;padding:8px 16px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .8s ease-out forwards}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.grid>*{animation:slide-up .6s ease-out forwards;opacity:0}.text-gradient{background:linear-gradient(135deg,#2563eb,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.auto-scale-text{font-size:clamp(.75rem,2vw,.875rem);line-height:1.25;word-break:keep-all;overflow-wrap:break-word}.auto-scale-text-desc{font-size:clamp(.625rem,1.5vw,.75rem);line-height:1.3;word-break:keep-all;overflow-wrap:break-word}.uniform-card-grid{display:grid;gap:24px}@media (max-width: 640px){.grid-cols-4{grid-template-columns:repeat(1,minmax(0,1fr))}.h-48{height:160px}main{padding-bottom:64px}.grid,.text-center.mb-16{margin-bottom:48px}.auto-scale-text{font-size:clamp(.875rem,3vw,1rem)}.auto-scale-text-desc{font-size:clamp(.75rem,2.5vw,.875rem)}}@media (min-width: 641px) and (max-width: 1023px){.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.h-48{height:176px}}@media (min-width: 1024px) and (max-width: 1279px){.grid-cols-4{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1280px){.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.card-content-spacing>*+*{margin-top:16px}.w-16{width:64px}.h-16{height:64px}.h-8{height:32px;min-height:32px}.h-12{height:48px;min-height:48px}.p-6{padding:24px}.gap-6{gap:24px}.mb-4{margin-bottom:16px}.mb-2{margin-bottom:8px}.uniform-card{aspect-ratio:1 / 1.2;min-height:192px}.text-overflow-safe{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.rounded-2xl{border-radius:16px}@media (max-width: 768px){footer .grid{grid-template-columns:1fr;gap:32px}footer .space-y-3>*+*{margin-top:12px}footer .space-y-3 a{justify-content:center}footer .flex.flex-col.md\\:flex-row{text-align:center}}@media (min-width: 769px) and (max-width: 1023px){footer .grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (min-width: 1024px){footer .grid{grid-template-columns:repeat(4,1fr);gap:32px}}.react-compare-slider{border-radius:16px;overflow:hidden}.react-compare-slider-handle{transition:all .2s ease-in-out}.react-compare-slider-handle:hover{transform:scale(1.1)}.react-compare-slider-handle-line{transition:all .2s ease-in-out}.image-container-bg{background-image:linear-gradient(45deg,#f8f9fa 25%,transparent 25%),linear-gradient(-45deg,#f8f9fa 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f8f9fa 75%),linear-gradient(-45deg,transparent 75%,#f8f9fa 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}@keyframes sparkle-twinkle{0%{transform:scale(1) rotate(0);filter:drop-shadow(0 0 0 rgba(139,92,246,0)) brightness(1);opacity:1}20%{transform:scale(1.04) rotate(6deg);filter:drop-shadow(0 0 6px rgba(139,92,246,.45)) brightness(1.1);opacity:.95}50%{transform:scale(1.08) rotate(-8deg);filter:drop-shadow(0 0 10px rgba(139,92,246,.65)) brightness(1.2);opacity:1}70%{transform:scale(1.03) rotate(4deg);filter:drop-shadow(0 0 6px rgba(139,92,246,.35)) brightness(1.05);opacity:.9}to{transform:scale(1) rotate(0);filter:drop-shadow(0 0 0 rgba(139,92,246,0)) brightness(1);opacity:1}}.sparkle-star{animation:sparkle-twinkle 2.2s ease-in-out infinite;transform-origin:50% 50%;will-change:transform,filter,opacity}
