/* Igniteweb — site-wide styles for the live build */

/* ---------- Self-hosted fonts (no Google requests) ---------- */
@font-face{font-family:"Anton";src:url("fonts/anton.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Archivo";src:url("fonts/archivo-var.woff2") format("woff2");font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:"Space Mono";src:url("fonts/spacemono-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Space Mono";src:url("fonts/spacemono-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}

html{-webkit-text-size-adjust:100%;scroll-padding-top:90px}
:focus-visible{outline:3px solid #D7FF3B;outline-offset:3px}

/* ---------- Glow used by the mobile chrome ---------- */
@keyframes igmGlow{0%,100%{transform:scale(1);filter:drop-shadow(0 0 0 rgba(215,255,59,0))}50%{transform:scale(1.07);filter:drop-shadow(0 0 14px rgba(215,255,59,.8))}}
@keyframes igmBtnGlow{0%,100%{box-shadow:0 0 0 0 rgba(215,255,59,0)}50%{box-shadow:0 0 22px 2px rgba(215,255,59,.55)}}
/* Reduce motion: moving effects (scrolling bands, spinning stamps, nudges) are paused in site.js; soft glows stay. */
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}

/* ---------- Mobile chrome (hidden on desktop) ---------- */
.igm-head,.igm-bar,.igm-menu{display:none}

@media (max-width: 900px){
  html{scroll-padding-top:80px}
  body{padding-top:64px;padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
  body.igm-contact{padding-bottom:0}
  #ig-root header{display:none!important}

  .igm-head{display:flex;position:fixed;top:0;left:0;right:0;z-index:50;height:64px;box-sizing:border-box;padding:0 12px 0 16px;align-items:center;justify-content:space-between;background:rgba(10,10,10,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #222226}
  .igm-logo svg{animation:igmGlow 2.4s ease-in-out infinite;flex:none}
  .igm-logo{display:flex;align-items:center;gap:8px;color:#F5F5F0;text-decoration:none;font-family:Anton,Impact,sans-serif;font-size:24px;letter-spacing:.01em;min-height:44px}
  .igm-logo b{color:#D7FF3B;font-weight:400}
  .igm-actions{display:flex;gap:8px;align-items:center}
  .igm-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#1A1A1D;color:#F5F5F0;border:0;cursor:pointer;text-decoration:none}
  .igm-menu-btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px;border-radius:12px;background:#D7FF3B;color:#0A0A0A;border:2px solid #0A0A0A;font:800 14px/1 Archivo,Arial,sans-serif;letter-spacing:.04em;cursor:pointer}

  .igm-menu{position:fixed;inset:0;z-index:60;background:#0A0A0A;flex-direction:column;padding:16px 20px calc(24px + env(safe-area-inset-bottom,0px));box-sizing:border-box;overflow-y:auto}
  .igm-menu.open{display:flex}
  .igm-menu-top{display:flex;justify-content:space-between;align-items:center;height:48px;margin-bottom:24px}
  .igm-menu nav{display:flex;flex-direction:column;border-top:1px solid #2A2A2E}
  .igm-menu nav a{display:flex;justify-content:space-between;align-items:center;min-height:68px;border-bottom:1px solid #2A2A2E;color:#F5F5F0;text-decoration:none;font-family:Anton,Impact,sans-serif;font-size:40px;text-transform:uppercase;letter-spacing:.01em}
  .igm-menu nav a[aria-current="page"]{color:#D7FF3B}
  .igm-menu-ctas .igm-btn.lime{animation:igmBtnGlow 2s ease-in-out infinite}
  .igm-menu-ctas{display:flex;flex-direction:column;gap:14px;margin-top:auto;padding-top:28px}

  .igm-btn{display:flex;align-items:center;justify-content:center;min-height:56px;padding:0 18px;border:2px solid #0A0A0A;font:800 15px/1.1 Archivo,Arial,sans-serif;letter-spacing:.04em;text-decoration:none;text-align:center;box-sizing:border-box}
  .igm-btn.lime{background:#D7FF3B;color:#0A0A0A;box-shadow:5px 5px 0 #B8A6FF}
  .igm-btn.dark{background:#1A1A1D;color:#F5F5F0;border-color:#3A3A3F}

  .igm-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;gap:10px;padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px));background:rgba(10,10,10,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid #222226;transition:transform .25s ease}
  .igm-bar .igm-btn{flex:1;min-height:52px;box-shadow:none}
  .igm-bar .igm-btn.lime{flex:1.6;animation:igmBtnGlow 2s ease-in-out infinite}
  .igm-bar.hide{transform:translateY(110%)}
  body.igm-contact .igm-bar{display:none}

  /* Page fixes on small screens */
  .ig-hero-stamp{position:relative!important;right:auto!important;top:auto!important;width:116px!important;height:116px!important;margin:0 0 -8px auto;order:-1}
  .ig-hero-stamp svg{width:100%!important;height:100%!important}
  .ig-hero-stamp span{font-size:20px!important}
  section#top > div[aria-hidden="true"]{position:relative!important;right:auto!important;top:auto!important;width:116px!important;height:116px!important;margin:0 0 8px auto}
  section#top > div[aria-hidden="true"] svg{width:100%!important;height:100%!important}
  section#top > div[aria-hidden="true"] span{font-size:20px!important}
  #form{order:-1}
  .ig-swipe{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:stretch;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:24px;gap:12px!important;margin-left:-24px!important;margin-right:-24px!important;padding:24px 24px 14px!important;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
  .ig-swipe::-webkit-scrollbar{display:none}
  .ig-swipe > *{flex:0 0 82%!important;max-width:420px;scroll-snap-align:start;min-height:0!important;box-sizing:border-box}
  .ig-swipe-wide > *{flex-basis:88%!important}
  .ig-swipe-hint{display:flex;align-items:center;gap:10px;margin:2px 0 0;font:700 13px/1 "Space Mono",monospace;color:#B5B5AE;letter-spacing:.04em}
  .ig-swipe-dots{display:flex;gap:6px}
  .ig-swipe-dots i{width:8px;height:8px;border-radius:50%;background:#3A3A3F;transition:background .2s,width .2s}
  .ig-swipe-dots i.on{background:#D7FF3B;width:22px;border-radius:4px}
  footer a{display:inline-flex;align-items:center;min-height:44px}
}
@media (max-width: 480px){
  #ig-root a[style*="white-space: nowrap"]{white-space:normal!important;text-align:center;justify-content:center;line-height:1.1;padding-top:8px!important;padding-bottom:8px!important}
  #ig-root a[style*="min-height: 58px"],#ig-root a[style*="min-height: 62px"]{width:100%;justify-content:center;padding:0 14px!important;font-size:14px!important;letter-spacing:.02em!important;box-sizing:border-box}
}

/* ---------- Cookie consent ---------- */
.ig-cookie{position:fixed;z-index:70;left:16px;bottom:16px;max-width:420px;box-sizing:border-box;padding:20px;border-radius:20px;background:#1A1A1D;color:#F5F5F0;border:1.5px solid #3A3A3F;box-shadow:0 20px 60px rgba(0,0,0,.5);font:15px/1.5 Archivo,Arial,sans-serif}
.ig-cookie p{margin:0 0 12px}
.ig-cookie a{color:#D7FF3B}
.ig-cookie .row{display:flex;gap:10px}
.ig-cookie button{flex:1;min-height:48px;border:2px solid #0A0A0A;font:800 14px/1 Archivo,Arial,sans-serif;letter-spacing:.04em;cursor:pointer}
.ig-cookie .yes{background:#D7FF3B;color:#0A0A0A;box-shadow:4px 4px 0 #B8A6FF}
.ig-cookie .no{background:transparent;color:#F5F5F0;border-color:#3A3A3F}
@media (max-width: 900px){.ig-cookie{padding:14px 16px;font-size:14px;left:12px;right:12px;bottom:calc(88px + env(safe-area-inset-bottom,0px));max-width:none}body.igm-contact .ig-cookie{bottom:12px}}