/* ============================================================
   Hello Biztonság — KRÍZISKEZELÉS (gyűjtő aloldal) stílus
   Minden szabály .kr alá skópozva, hogy ne ütközzön a témával.
   A blokkjaidra tedd rá a .kr wrappert (ld. kriziskezeles-szekciok.html).
   Ez az oldal döntően statikus; a kr-page.js csak a Lucide
   ikonokat rajzolja ki. A tartalom közvetlenül a markupban van.
   ============================================================ */
.kr{
  --navy:#003153; --navy-d:#00263f; --teal:#11B7A3; --lime:#C9EA3D;
  --cream:#F7F5F0; --danger:#FF5A5A; --amber:#F5B324; --info:#8AA9C9;
  --f-display:'Anton',sans-serif;
  --f-head:'Space Grotesk',sans-serif;
  --f-body:'DM Sans',system-ui,sans-serif;
  --f-mono:'Space Mono',monospace;
  background:var(--navy); color:var(--cream); font-family:var(--f-body);
}
.kr *{box-sizing:border-box}
.kr img{display:block}
.kr a{text-decoration:none;color:inherit}
.kr .i{display:inline-flex;align-items:center;justify-content:center}
.kr .i svg{width:100%;height:100%;display:block}

/* ---- kártyák közös hover ---- */
.kr-card{transition:transform .15s,border-color .18s,box-shadow .18s}
@media (hover:hover) and (pointer:fine){.kr-card:hover{transform:translateY(-3px);border-color:rgba(247,245,240,.28);box-shadow:0 18px 40px -22px rgba(0,0,0,.6)}}
@media (hover:hover) and (pointer:fine){.kr-card:hover .kr-card-go{gap:10px;color:var(--lime)}}
.kr-card-go{transition:gap .18s,color .18s}
.kr-contact{transition:transform .15s,border-color .18s}
@media (hover:hover) and (pointer:fine){.kr-contact:hover{transform:translateY(-3px)}}

/* ---- animációk ---- */
@keyframes krfloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(.6deg)}}
@keyframes krpulse{0%,100%{box-shadow:0 0 0 0 rgba(255,90,90,.5)}70%{box-shadow:0 0 0 15px rgba(255,90,90,0)}}
@keyframes krnumpulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
@keyframes krmarq{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes krwobble{0%,55%,100%{transform:rotate(0)}62%{transform:rotate(-9deg)}70%{transform:rotate(7deg)}78%{transform:rotate(-6deg)}86%{transform:rotate(4deg)}94%{transform:rotate(-2deg)}}
.kr-phwobble{display:inline-flex;transform-origin:center bottom;animation:krwobble 2s ease-in-out infinite}
.kr-num{display:inline-block;transform-origin:left center;animation:krnumpulse 2s ease-in-out infinite}

/* ---- reszponzív ---- */
@media(max-width:960px){
  .kr-hero-grid{grid-template-columns:1fr!important}
  .kr-hero-card{justify-self:start!important;margin-top:8px}
  .kr-grid{grid-template-columns:1fr 1fr!important}
  .kr-112-grid{grid-template-columns:1fr!important}
  .kr-contacts{grid-template-columns:1fr 1fr!important}
}
@media(max-width:620px){
  .kr-nav-links{display:none!important}
  .kr-grid{grid-template-columns:1fr!important}
  .kr-contacts{grid-template-columns:1fr!important}
  .kr-say-grid{grid-template-columns:1fr!important}
  .kr-h1{font-size:52px!important}
  .kr-hero-card{justify-self:stretch!important}
  .kr-hero-card > div{width:auto!important;max-width:100%}
  .kr header,.kr section,.kr footer{padding-left:22px!important;padding-right:22px!important}
}
@media (prefers-reduced-motion: reduce){
  .kr-phwobble,.kr-num,.kr-hero-card,.kr-marq-track,.kr-112-dot{animation:none!important}
}