*{font-family:'DM Sans',system-ui,sans-serif}
        h1,h2,h3,.font-display{font-family:'DM Serif Display',Georgia,serif}
        .hero-bg{background:linear-gradient(to bottom,rgba(0,0,0,.3),rgba(0,0,0,.5)),url('/images/hero-field.webp') center/cover no-repeat fixed;min-height:100vh;min-height:100dvh}
        @media(max-width:768px){.hero-bg{background-attachment:scroll}}
        .nav-solid{background:rgba(255,255,255,.97);box-shadow:0 1px 3px rgba(0,0,0,.08)}
        .icon-box{width:4.5rem;height:4.5rem;display:flex;align-items:center;justify-content:center;border-radius:1rem;transition:transform .3s ease,box-shadow .3s ease}
        .icon-box:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.1)}
        .icon-box svg{width:2.25rem;height:2.25rem;stroke:currentColor;fill:none;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
        .fade-in{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}
        details[open] p{animation:faqOpen .3s ease}
        @keyframes faqOpen{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
        .btn-hover{transition:transform .2s ease}.btn-hover:hover{transform:scale(1.03)}
.cta-bg{background:linear-gradient(rgba(45,80,22,.85),rgba(45,80,22,.9)),url('/images/field-drone.webp') center/cover}
.product-hero-bg{background:linear-gradient(to bottom,rgba(0,0,0,.35),rgba(0,0,0,.58)),url('/images/hero-field.webp') center/cover no-repeat fixed;min-height:100vh;min-height:100dvh}
@media(max-width:768px){.product-hero-bg{background-attachment:scroll}}