/* Main visual styles extracted from the original single-file landing page.
   Keep this file visually conservative: do not redesign the UI here. */
body { background-color: #F8FAFC; color: #0F172A; font-family: 'Inter', sans-serif; }
        .industrial-grid { background-image: linear-gradient(#F1F5F9 1px, transparent 1px), linear-gradient(90deg, #F1F5F9 1px, transparent 1px); background-size: 40px 40px; }
        .wp-reveal { opacity: 0; }
        .hero-line { overflow: hidden; display: block; padding-bottom: 4px; }
        .hero-word { display: inline-block; transform: translateY(110%); opacity: 0; }
        .calc-input { width: 100%; border: 1px solid #E2E8F0; border-radius: 6px; padding: 12px 16px; font-size: 14px; font-weight: 600; color: #0F172A; outline: none; transition: all 0.2s; background-color: #F8FAFC; appearance: none; }
        .calc-input:focus { border-color: #C8102E; box-shadow: 0 0 0 3px rgba(200, 16, 46, 0.1); background-color: #FFF; }
        select.calc-input { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23475569'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E"); background-position: right 12px center; background-repeat: no-repeat; background-size: 16px; padding-right: 40px; }
        .img-zoom { overflow: hidden; border-radius: 0.5rem; }
        .img-zoom img { transition: transform 0.7s ease; }
        .img-zoom:hover img { transform: scale(1.05); }
        .calc-section.hidden { display: none; }
        .calc-section.block { display: block; }
        .hide-scrollbar::-webkit-scrollbar { display: none; }
        .hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
        .bg-before { filter: grayscale(100%) brightness(80%) sepia(20%) hue-rotate(-50deg) saturate(150%) contrast(1.2); }