@tailwind base;@tailwind components;@tailwind utilities;:root{--color-primary: #1d973a;--color-bg: #ffffff}html{-webkit-tap-highlight-color:transparent}body{background-color:var(--color-bg);color:#000;font-family:Plus Jakarta Sans,sans-serif;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6,p,li{color:#000}nav a,footer a{color:#000;font-weight:700}.clean-card{background:#fff;border:2px solid #000000;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-brand{@apply bg-[#1d973a] text-white px-6 md:px-10 py-4 md:py-5 rounded-xl md:rounded-2xl font-black transition-all hover:opacity-90 active:scale-95 flex items-center justify-center gap-3 md:gap-4;}.bg-black p,.bg-black h2,.bg-black h3,.bg-black h4,.bg-black span,.btn-brand span,.btn-brand div,.bg-black li{color:#fff!important}.benefit-pill{@apply px-4 md:px-5 py-2 md:py-2.5 rounded-full border-2 border-black bg-white text-[10px] md:text-xs font-black text-black uppercase tracking-widest whitespace-nowrap shadow-[2px_2px_0px_0px_rgba(0,0,0,1)] md:shadow-[4px_4px_0px_0px_rgba(0,0,0,1)];}@media(min-width:768px){::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#000;border-radius:5px}}.comparison-table tr{@apply border-b-2 border-black;}.comparison-table td{@apply py-4 md:py-6 px-4 md:px-6 text-black font-bold text-sm md:text-lg;}@keyframes infinite-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-infinite-scroll{animation:infinite-scroll 20s linear infinite}@media(min-width:768px){.animate-infinite-scroll{animation-duration:35s}}.mockup-shadow{box-shadow:20px 20px #000}@media(min-width:768px){.mockup-shadow{box-shadow:40px 40px #000}}
