.hero-overlay { background: linear-gradient(180deg, rgba(17,24,34,.72) 0%, rgba(17,24,34,.62) 55%, rgba(17,24,34,.78) 100%); }
@media (min-width:1024px) { .hero-overlay { background: linear-gradient(90deg, rgba(17,24,34,.82) 0%, rgba(17,24,34,.62) 50%, rgba(17,24,34,.3) 100%); } }
:root { --sq-dark:#111822; --sq-darker:#0c1219; --sq-green:#8CC63F; --sq-green-hover:#7ab332; --sq-cyan:#00A3E0; --sq-cyan-hover:#008fca; }
html { scroll-behavior:smooth; scroll-padding-top:110px; }
body { font-family:'Open Sans',sans-serif; color:#1f2937; background-color:#F9FAFB; -webkit-font-smoothing:antialiased; }
h1,h2,h3,h4,h5,h6,.font-heading { font-family:'Montserrat',sans-serif; }
.bg-sasquatch-dark{background-color:var(--sq-dark)} .bg-sasquatch-darker{background-color:var(--sq-darker)}
.bg-sasquatch-green{background-color:var(--sq-green)} .text-sasquatch-green{color:var(--sq-green)}
.text-sasquatch-dark{color:var(--sq-dark)} .bg-sasquatch-cyan{background-color:var(--sq-cyan)}
.hover\:bg-sasquatch-cyan-dark:hover{background-color:var(--sq-cyan-hover)}
.btn-3d-green{background-color:var(--sq-green);color:#000;box-shadow:0 4px 0 rgba(0,0,0,.25);transition:all .15s ease-in-out}
.btn-3d-green:hover{background-color:var(--sq-green-hover);transform:translateY(2px);box-shadow:0 2px 0 rgba(0,0,0,.25)}
.ph{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.7em;font-weight:700;letter-spacing:.02em;background:#FEF3C7;color:#92400E;border:1px dashed #F59E0B;border-radius:4px;padding:0 .35em;line-height:1.6;vertical-align:middle;white-space:normal;max-width:100%;overflow-wrap:anywhere}
.img-ph{display:flex;align-items:center;justify-content:center;text-align:center;background:repeating-linear-gradient(135deg,#e5e7eb 0 12px,#f3f4f6 12px 24px);color:#4b5563;font-weight:800;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;padding:1rem}
@keyframes softPop{0%,100%{transform:scale(1);box-shadow:0 10px 25px rgba(0,163,224,.35)}50%{transform:scale(1.035);box-shadow:0 14px 34px rgba(0,163,224,.55)}}
.soft-pop{animation:softPop 2.8s ease-in-out infinite}
.soft-pop:hover{animation-play-state:paused}
.faq-item summary{list-style:none;cursor:pointer}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item[open] .faq-chevron{transform:rotate(180deg)}
#ba-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:30;margin:0}
#ba-range:focus-visible ~ .ba-focus{outline:3px solid var(--sq-cyan);outline-offset:-3px}
#mobile-menu[hidden]{display:none}
:focus-visible{outline:3px solid var(--sq-cyan);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}