/* Dace homepage. Page-level styles; component styles are inline in index.html. */
:root{
  --acid:#EEFA61; --ink:#19232D; --muted:#566777; --line:#D9E1E9; --rail:#F8FAFC; --focus:#507BBA;
}
[hidden]{display:none !important}
body{margin:0;background:#FFFFFF}
a{color:#19232D}a:hover{color:#000000}
.chip{cursor:pointer;transition:background 160ms,color 160ms,border-color 160ms}
.chip:hover{border-color:#19232D !important}
.chip.is-on{background:#19232D !important;color:#FFFFFF !important;border-color:#19232D !important}
.btn{cursor:pointer;transition:background 160ms}
.btn:hover{background:#000000 !important}
.field:focus,.btn:focus-visible,.chip:focus-visible,a:focus-visible{outline:3px solid #507BBA;outline-offset:4px}
.navlink{text-decoration:none}
.navlink:hover{text-decoration:underline;text-underline-offset:4px}
.hl{background:linear-gradient(transparent 58%, #EEFA61 58%, #EEFA61 92%, transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 4px;margin:0 -4px}
.row-fade{transition:opacity 200ms}
.ic{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.ic-sm{width:17px;height:17px;stroke-width:1.7}
@media (max-width: 820px){
  .nav-links{display:none !important}
  .win-card{left:12px !important;right:12px !important;width:auto !important;bottom:-56px !important}
  .hero-photo{margin-bottom:72px !important}
  .float-card{position:relative !important;left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;width:auto !important;margin:-40px 12px 0 !important;transform:none !important}
  .flow-arrow{display:none !important}
  .camp-img{object-position:30% center !important}
}
@media (prefers-reduced-motion: reduce){
  .row-fade,.chip,.btn{transition:none}
}

/* Cookie banner (components/CookieBanner.tsx) */
.cookie-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:50;max-width:560px;margin:0 auto;background:#FFFFFF;color:#19232D;border:1px solid #D9E1E9;border-radius:16px;box-shadow:0 24px 60px -24px rgba(25,35,45,.35);padding:18px 20px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;font-family:'Instrument Sans',system-ui,sans-serif}
.cookie-banner p{margin:0;flex:1 1 300px;font-size:15px;line-height:1.5;color:#566777}
.cookie-banner p a{color:#19232D}
.cookie-actions{display:flex;gap:10px;flex:0 0 auto}
.cookie-btn{font:inherit;font-weight:600;font-size:15px;padding:11px 18px;border-radius:10px;border:1.5px solid #19232D;background:#FFFFFF;color:#19232D;cursor:pointer}
.cookie-btn:hover{background:#F3F6F9}
.cookie-btn--primary{background:#19232D;color:#FFFFFF}
.cookie-btn--primary:hover{background:#000000}
.cookie-btn:focus-visible{outline:3px solid #507BBA;outline-offset:3px}
.link-btn{font:inherit;background:none;border:0;padding:0;color:inherit;text-decoration:underline;cursor:pointer}
@media (max-width: 520px){.cookie-actions{flex:1 1 100%}.cookie-btn{flex:1}}