/* ════════════════════════════════════════════════════════════
   SOS DUGULÁS BALATON · LÁTVÁNYTERV (v6)
   CORE Marketing · 2026. június
   Minden szöveg, telefonszám és kép minta, egyeztetés után véglegesedik.
   A fotók ingyenes Pexels stock képek (élesben saját fotókra cseréljük).
   Szín-szabály: piros és narancs TILOS (ügyfélkérés).
   Lekerekítés: visszafogott (slightly rounded), gombok is.
   ════════════════════════════════════════════════════════════ */
:root{
  --navy-950:#061B33; --navy-900:#0A2540; --navy-800:#0F3460;
  --ink:#122B45; --slate:#4A6076; --mist:#8FA3B8;
  --paper:#F7FAFC; --surface:#FFFFFF; --hairline:rgba(18,43,69,.10);
  --teal-500:#0E9594; --teal-600:#0B7B7A; --cyan-300:#5BC8E8; --cyan-100:#DCF1F8;
  --gold:#F6C344;
  --shadow-card:0 3px 12px rgba(10,37,64,.06);
  --r-lg:14px; --r-md:10px; --r-sm:8px; --r-xs:6px;
  --header-h:74px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Figtree',-apple-system,BlinkMacSystemFont,sans-serif;
  background:var(--paper); color:var(--ink); line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img,svg,canvas{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.wrap{max-width:1180px;margin:0 auto;padding:0 clamp(1.25rem,4vw,2.5rem)}
.eyebrow{font-size:.78rem;letter-spacing:.13em;text-transform:uppercase;
  font-weight:700;color:var(--teal-500)}
h1,h2,h3{letter-spacing:-.02em;color:var(--navy-900);line-height:1.18}
h2{font-size:clamp(1.6rem,3.4vw,2.35rem);font-weight:800}
h3{font-size:1.1rem;font-weight:700}
.lead{color:var(--slate);font-size:1.06rem;max-width:62ch}
section{padding:clamp(4rem,9vw,7.5rem) 0}

/* ── reveal animáció ── */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease-out,transform .6s ease-out}
.reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none;transition:none}
  .btn-call-big,.mobile-callbar a,.mm-call,.cta-panel .cta-avail i,.live-dot,.hb-dot,
  .hs-live i,.hs-chip{animation:none !important}
  .hs-chip{opacity:1;transform:none}
}

/* ── fejléc ── */
header.site{position:sticky;top:0;z-index:90;background:rgba(247,250,252,.92);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid transparent;transition:border-color .3s, box-shadow .3s}
header.site.is-stuck{border-bottom-color:var(--hairline);box-shadow:0 6px 24px rgba(10,37,64,.06)}
.nav-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;height:var(--header-h)}
.brand svg{height:42px;width:auto}
.brand{display:flex;align-items:center;gap:.62rem;text-decoration:none}
.brand-ico{height:46px;width:46px;display:block;flex-shrink:0}
.brand-wm{display:flex;flex-direction:column;line-height:1}
.brand-wm-main{font-weight:800;font-size:1.16rem;letter-spacing:-.01em;color:var(--navy-900)}
.brand-wm-sub{font-weight:700;font-size:.6rem;letter-spacing:.3em;color:var(--teal-500);margin-top:.2rem}
nav.main{display:flex;align-items:center;gap:1.6rem}
nav.main > a, .dd > button{font-weight:600;font-size:.92rem;color:var(--ink);
  background:none;border:0;cursor:pointer;font-family:inherit;padding:.4rem 0;
  border-bottom:2px solid transparent;transition:color .2s}
nav.main > a:hover, .dd > button:hover{color:var(--teal-600)}
.dd{position:relative}
.dd > button .car{display:inline-block;transition:transform .25s;font-size:.7rem;margin-left:.25rem}
.dd.open > button .car{transform:rotate(180deg)}
.dd-menu{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(6px);
  background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);
  box-shadow:0 24px 64px rgba(10,37,64,.16);width:640px;padding:.7rem;
  display:grid;grid-template-columns:1fr 1fr;gap:.4rem;
  opacity:0;visibility:hidden;transition:opacity .22s,transform .22s,visibility .22s}
.dd.open .dd-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.dd-menu a{display:flex;align-items:center;gap:.9rem;padding:.7rem;border-radius:var(--r-sm);
  transition:background .2s}
.dd-menu a:hover{background:var(--cyan-100)}
.dd-menu .thumb{width:78px;height:58px;border-radius:var(--r-xs);object-fit:cover;flex-shrink:0}
.dd-menu b{display:block;font-size:.9rem;font-weight:700;color:var(--navy-900);line-height:1.3}
.dd-menu small{font-size:.78rem;color:var(--slate)}

/* fejléc telefon gomb: ghost, nem pulzál */
.btn-call{display:inline-flex;align-items:center;gap:.55rem;border:1.5px solid rgba(18,43,69,.3);
  color:var(--navy-900);font-weight:700;font-size:.92rem;padding:.66rem 1.2rem;border-radius:var(--r-md);
  white-space:nowrap;transition:border-color .2s,background .2s}
.btn-call:hover{border-color:var(--teal-500);background:var(--cyan-100)}
.btn-call svg{width:16px;height:16px}
.hamb{display:none;position:relative;width:46px;height:46px;background:none;border:0;cursor:pointer;
  border-radius:var(--r-sm);transition:background .2s}
.hamb:hover{background:var(--cyan-100)}
.hamb span{position:absolute;left:12px;right:12px;height:2.5px;background:var(--navy-900);border-radius:2px;
  transition:top .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),opacity .2s}
.hamb span:nth-child(1){top:16px}
.hamb span:nth-child(2){top:22px}
.hamb span:nth-child(3){top:28px}
.hamb[aria-expanded="true"] span:nth-child(1){top:22px;transform:rotate(45deg)}
.hamb[aria-expanded="true"] span:nth-child(2){opacity:0}
.hamb[aria-expanded="true"] span:nth-child(3){top:22px;transform:rotate(-45deg)}

/* mobil menü — prémium */
.mobile-menu{display:none;background:var(--surface);border-bottom:1px solid var(--hairline);
  padding:.5rem 0 1.6rem;box-shadow:0 26px 44px rgba(10,37,64,.12)}
.mobile-menu.open{display:block;animation:mmIn .3s cubic-bezier(.33,1,.68,1)}
@keyframes mmIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
.mobile-menu .wrap > a{display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:1.05rem .25rem;font-weight:700;font-size:1.08rem;color:var(--navy-900);
  border-bottom:1px solid var(--hairline);transition:color .2s}
.mobile-menu .wrap > a::after{content:"→";color:var(--mist);font-weight:700;font-size:1rem;transition:transform .2s,color .2s}
.mobile-menu .wrap > a:hover,.mobile-menu .wrap > a:active{color:var(--teal-600)}
.mobile-menu .wrap > a:hover::after{color:var(--teal-500);transform:translateX(3px)}
.mobile-menu .mm-sub{padding-left:1rem;font-weight:600;color:var(--slate);font-size:.95rem}
.mobile-menu .mm-sub::after{content:""}
.mm-foot{margin-top:1.3rem;display:flex;flex-direction:column;gap:.85rem}
.mm-call{display:flex;align-items:center;justify-content:center;gap:.6rem;
  background:var(--teal-500);color:#fff;font-weight:800;font-size:1.05rem;
  padding:1.05rem;border-radius:var(--r-md);animation:pulseRing 2.4s ease-out infinite}
.mm-call svg{width:19px;height:19px}
.mm-avail{display:flex;align-items:center;justify-content:center;gap:.5rem;
  font-size:.84rem;font-weight:700;letter-spacing:.04em;color:var(--teal-600)}
.mm-avail i{width:8px;height:8px;border-radius:50%;background:#3FB950;display:inline-block;flex-shrink:0;
  box-shadow:0 0 0 3px rgba(63,185,80,.16)}

/* ── gombok ── */
@keyframes pulseRing{
  0%{box-shadow:0 0 0 0 rgba(14,149,148,.42)}
  70%{box-shadow:0 0 0 14px rgba(14,149,148,0)}
  100%{box-shadow:0 0 0 0 rgba(14,149,148,0)}
}
.btn-call-big{display:inline-flex;align-items:center;gap:.7rem;background:var(--teal-500);color:#fff;
  font-weight:800;font-size:1.1rem;padding:1.05rem 1.7rem;border-radius:var(--r-md);
  animation:pulseRing 2.4s ease-out infinite;transition:background .2s,transform .15s;white-space:nowrap}
.btn-call-big:hover{background:var(--teal-600)}
.btn-call-big:active{transform:translateY(1px)}
.btn-call-big svg{width:19px;height:19px;flex-shrink:0}
.btn-ghost{display:inline-flex;align-items:center;gap:.5rem;border:1.5px solid rgba(255,255,255,.35);
  color:#fff;font-weight:600;font-size:.97rem;padding:1rem 1.5rem;border-radius:var(--r-md);
  transition:border-color .2s,background .2s;cursor:pointer;font-family:inherit;background:none}
.btn-ghost:hover{border-color:var(--cyan-300);background:rgba(91,200,232,.10)}
.btn-ghost.on-light{border-color:rgba(18,43,69,.35);color:var(--navy-900);background:rgba(255,255,255,.55)}
.btn-ghost.on-light:hover{border-color:var(--teal-500);background:var(--cyan-100)}

/* ── HERO ── */
.hero{position:relative;overflow:hidden;
  padding:clamp(3.2rem,7vw,5.5rem) 0 clamp(4rem,8vw,6rem)}
.hero-bg{position:absolute;inset:0;z-index:0}
.hero-bg img{width:100%;height:100%;object-fit:cover}
.hero-bg .hero-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:0;transition:opacity .9s ease}
.hero-bg .hero-vid.on{opacity:1}
.hero-bg::after{content:"";position:absolute;inset:0;
  background:linear-gradient(95deg,
    rgba(247,250,252,.97) 0%, rgba(247,250,252,.9) 30%,
    rgba(247,250,252,.6) 52%, rgba(247,250,252,.2) 74%, rgba(247,250,252,.04) 100%)}
.hero .wrap{position:relative;z-index:2}
.hero-grid{display:block}
.hero-copy{max-width:620px}
.hero-eyebrow{display:inline-flex;align-items:center;gap:.55rem}
.live-dot{width:9px;height:9px;border-radius:50%;background:#3FAE49;flex-shrink:0;
  box-shadow:0 0 0 0 rgba(63,174,73,.55);animation:pulseDot 2s infinite}
@keyframes pulseDot{0%{box-shadow:0 0 0 0 rgba(63,174,73,.5)}70%{box-shadow:0 0 0 7px rgba(63,174,73,0)}100%{box-shadow:0 0 0 0 rgba(63,174,73,0)}}

.hero-proof{display:inline-flex;align-items:center;gap:.7rem;margin-top:1.5rem;text-decoration:none;
  background:rgba(255,255,255,.66);border:1px solid var(--hairline);border-radius:999px;
  padding:.5rem 1rem .5rem .8rem;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  width:fit-content;transition:border-color .2s,box-shadow .2s}
.hero-proof:hover{border-color:var(--teal-500);box-shadow:0 6px 18px rgba(10,37,64,.10)}
.hero-proof .hp-stars{display:flex;gap:2px;color:var(--gold);flex-shrink:0}
.hero-proof .hp-stars svg{width:16px;height:16px}
.hero-proof .hp-txt{font-size:.88rem;color:var(--slate)}
.hero-proof .hp-txt b{color:var(--navy-900);font-weight:700}

.hero-points{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.4rem}
.hero-points li{display:flex;align-items:center;gap:.45rem;font-size:.88rem;font-weight:700;color:var(--navy-900);
  background:rgba(255,255,255,.66);border:1px solid var(--hairline);border-radius:999px;padding:.5rem .9rem;
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.hero-points li svg{width:16px;height:16px;color:var(--teal-500);flex-shrink:0}

/* ── HŒS élő SOS radar panel ── */
.hero-sos{position:absolute;right:clamp(1.25rem,4vw,2.5rem);bottom:clamp(1.2rem,3vw,2.4rem);z-index:3;width:352px;
  background:rgba(255,255,255,.74);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,.8);border-radius:var(--r-lg);
  box-shadow:0 24px 60px rgba(10,37,64,.22);padding:1.25rem 1.35rem 1.35rem}
.hs-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.55rem}
.hs-live{display:inline-flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:800;
  letter-spacing:.13em;color:var(--teal-600)}
.hs-live i{width:8px;height:8px;border-radius:50%;background:#3FAE49;flex-shrink:0;
  box-shadow:0 0 0 0 rgba(63,174,73,.6);animation:pulseDot 2s infinite}
.hs-247{font-size:.7rem;font-weight:800;letter-spacing:.06em;color:var(--navy-900);
  background:var(--cyan-100);border-radius:999px;padding:.26rem .62rem}

.hs-radar{position:relative;width:188px;height:188px;margin:.3rem auto .1rem;border-radius:50%;
  border:1px solid rgba(14,149,148,.18);
  background:radial-gradient(circle at 50% 50%, rgba(220,241,248,.55), rgba(247,250,252,.18) 72%, transparent 74%);
  overflow:hidden;touch-action:manipulation}
.hs-title{font-size:1.18rem;font-weight:800;color:var(--navy-900);margin:.2rem 0 .25rem}
.hs-sub{font-size:.84rem;color:var(--slate);line-height:1.4;margin-bottom:.9rem}
.hs-sub b{color:var(--teal-600);font-weight:700}
.hs-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.hs-chip{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;
  background:var(--surface);border:1.5px solid rgba(18,43,69,.14);border-radius:var(--r-md);
  padding:.7rem .75rem;cursor:pointer;font-family:inherit;text-align:left;min-height:80px;
  transition:border-color .2s,box-shadow .2s,transform .12s;
  opacity:0;transform:translateY(8px);animation:hsChipIn .5s cubic-bezier(.33,1,.68,1) forwards;animation-delay:var(--d)}
@keyframes hsChipIn{to{opacity:1;transform:none}}
.hs-chip::before{content:"";position:absolute;left:0;right:0;bottom:0;top:100%;
  background:linear-gradient(180deg,var(--teal-500),var(--teal-600));transition:top .35s cubic-bezier(.4,0,.2,1);z-index:0}
.hs-chip .hs-ico{position:relative;z-index:1;display:flex;color:var(--teal-500);transition:color .25s}
.hs-chip .hs-ico svg{width:23px;height:23px}
.hs-chip .hs-lbl{position:relative;z-index:1;font-size:.85rem;font-weight:700;color:var(--navy-900);line-height:1.25;transition:color .25s}
.hs-chip:hover{border-color:var(--teal-500);box-shadow:0 8px 20px rgba(10,37,64,.10);transform:translateY(-1px)}
.hs-chip:hover::before{top:0}
.hs-chip:hover .hs-ico,.hs-chip:hover .hs-lbl{color:#fff}
.hs-chip.sel{border-color:var(--teal-600);box-shadow:0 10px 24px rgba(14,149,148,.26)}
.hs-chip.sel::before{top:0}
.hs-chip.sel .hs-ico,.hs-chip.sel .hs-lbl{color:#fff}
.hs-chip .hs-check{position:absolute;top:.45rem;right:.45rem;z-index:2;width:18px;height:18px;border-radius:50%;
  background:rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;
  opacity:0;transform:scale(.4);transition:opacity .2s,transform .2s}
.hs-chip .hs-check svg{width:12px;height:12px;color:#fff}
.hs-chip.sel .hs-check{opacity:1;transform:scale(1)}
.hs-note{display:flex;align-items:center;justify-content:center;gap:.4rem;margin:.8rem 0 0;
  font-size:.82rem;font-weight:700;color:var(--slate);min-height:1.3em;text-align:center;transition:opacity .2s}
.hs-note.ok{color:var(--teal-600)}
.hs-note svg{width:15px;height:15px;flex-shrink:0}
.hs-note a{color:var(--teal-600);text-decoration:underline}

.hs-foot{border-top:1px solid var(--hairline);margin-top:.85rem;padding-top:.9rem}
.hs-call{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;border:0;cursor:pointer;
  font-family:inherit;background:var(--teal-500);color:#fff;font-weight:800;font-size:.92rem;line-height:1.25;
  text-align:center;padding:.85rem 1rem;border-radius:var(--r-md);
  transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 6px 16px rgba(14,149,148,.28)}
.hs-call:hover{background:var(--teal-600);box-shadow:0 8px 22px rgba(14,149,148,.36)}
.hs-call:active{transform:translateY(1px)}
.hs-call svg{width:17px;height:17px;flex-shrink:0}
.hs-call .hs-arrow{transition:transform .2s}
.hs-call:hover .hs-arrow{transform:translateX(3px)}

@media(max-width:1100px){
  .hero-sos{position:static;width:100%;max-width:540px;margin:2.4rem auto 0;bottom:auto;
    box-shadow:0 14px 36px rgba(10,37,64,.16)}
}

.hero .eyebrow{color:var(--teal-600)}
.hero h1{font-size:clamp(2.1rem,4.6vw,3.2rem);font-weight:800;margin:.8rem 0 1.1rem;color:var(--navy-900)}
.hero h1 em{font-style:normal;color:var(--teal-600)}
.hero .lead{color:var(--ink);margin-bottom:1.8rem;font-weight:500}
.cta-row{display:flex;flex-wrap:wrap;gap:.9rem;align-items:center}

/* social proof */
.proof{display:flex;align-items:center;gap:1rem;margin-top:2rem;flex-wrap:wrap}
.avatars{display:flex;padding-left:5px}
.avatars img{width:36px;height:36px;border-radius:50%;border:2px solid #fff;
  object-fit:cover;margin-left:-14px;box-shadow:0 4px 12px rgba(10,37,64,.22)}
.avatars img:first-child{margin-left:0}
.proof-txt .stars{display:flex;gap:2px;margin-bottom:.2rem}
.proof-txt .stars svg{width:16px;height:16px}
.proof-txt p{font-size:.92rem;color:var(--slate);font-weight:600}
.proof-txt p b{color:var(--navy-900)}

/* ── bejelentő kártya: 4 lépéses űrlap ── */
.lead-card{position:relative;background:var(--surface);border-radius:var(--r-lg);
  padding:clamp(1.5rem,3vw,2.1rem);box-shadow:0 6px 20px rgba(10,37,64,.10);color:var(--ink);
  border:1px solid var(--hairline);overflow:hidden}
.lc-bar{position:absolute;top:0;left:0;height:3px;width:25%;
  background:linear-gradient(90deg,var(--teal-500),var(--cyan-300));
  transition:width .55s cubic-bezier(.4,0,.2,1)}
.lead-card h3{font-size:1.25rem;font-weight:800}
.lc-sub{font-size:.88rem;color:var(--slate);margin:.25rem 0 1.2rem}
.lc-step{display:none}
.lc-step.active{display:block;animation:stepIn .3s ease-out}
@keyframes stepIn{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
.lc-label{display:block;font-size:.9rem;font-weight:700;color:var(--navy-900);margin-bottom:.7rem}
.chips-col{display:grid;grid-template-columns:1fr;gap:.5rem}
.chip-opt{position:relative;display:block;cursor:pointer}
.chip-opt input{position:absolute;opacity:0;pointer-events:none}
.chip-opt span{display:flex;align-items:center;justify-content:space-between;gap:.5rem;
  border:1.5px solid rgba(18,43,69,.16);
  border-radius:var(--r-sm);padding:.62rem .9rem;font-size:.88rem;font-weight:600;color:var(--ink);
  transition:border-color .2s,background .2s;min-height:42px}
.chip-opt span::after{content:"→";color:var(--mist);font-weight:700;transition:color .2s,transform .2s}
.chip-opt:hover span{border-color:var(--teal-500)}
.chip-opt:hover span::after{color:var(--teal-500);transform:translateX(2px)}
.chip-opt input:checked + span{border-color:var(--teal-500);background:var(--cyan-100)}
.chip-opt input:checked + span::after{content:"✓";color:var(--teal-600);transform:none}
.chip-opt input:focus-visible + span{outline:2px solid var(--teal-500);outline-offset:2px}
.f-field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.9rem}
.f-field label{font-size:.84rem;font-weight:700;color:var(--navy-900)}
.f-field label small{color:var(--mist);font-weight:500}
.f-field label i{font-style:normal;color:var(--teal-600)}
.f-field input{font-family:inherit;font-size:.96rem;color:var(--ink);
  border:1.5px solid rgba(18,43,69,.16);border-radius:var(--r-sm);padding:.78rem .9rem;background:var(--paper);
  transition:border-color .2s,box-shadow .2s;width:100%}
.f-field input:focus{outline:none;border-color:var(--teal-500);
  box-shadow:0 0 0 3px rgba(14,149,148,.16)}
.f-err{display:none;font-size:.78rem;font-weight:600;color:#0B7B7A;
  background:var(--cyan-100);border-radius:var(--r-xs);padding:.45rem .7rem;margin-bottom:.8rem}
.f-err.show{display:block}
.lc-nav{display:flex;gap:.7rem;margin-top:1.1rem}
.btn-back{background:none;border:1.5px solid rgba(18,43,69,.16);color:var(--slate);
  font-family:inherit;font-weight:600;font-size:.9rem;padding:.8rem 1.1rem;border-radius:var(--r-md);cursor:pointer;
  transition:border-color .2s}
.btn-back:hover{border-color:var(--slate)}
.btn-next{flex:1;background:var(--navy-900);color:#fff;border:0;cursor:pointer;
  font-family:inherit;font-weight:700;font-size:.98rem;padding:.85rem 1.2rem;border-radius:var(--r-md);
  transition:background .2s,transform .15s}
.btn-next:hover{background:var(--navy-800)}
.btn-next:active{transform:translateY(1px)}
.btn-next.teal{background:var(--teal-500)}
.btn-next.teal:hover{background:var(--teal-600)}
.gdpr{display:flex;gap:.55rem;align-items:flex-start;font-size:.76rem;color:var(--slate);margin-top:.2rem}
.gdpr input{margin-top:.2rem;accent-color:var(--teal-500)}
.lc-success{display:none;text-align:center;padding:1.5rem 0 .5rem}
.lc-success > svg{width:52px;height:52px;margin:0 auto 1rem}
.lc-success h4{font-size:1.15rem;font-weight:800;color:var(--navy-900);margin-bottom:.4rem}
.lc-success p{font-size:.9rem;color:var(--slate)}
.lc-success p a{color:var(--teal-600);font-weight:700}
.hp-field{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}

/* ── SOS sáv ── */
.sos-strip{background:var(--navy-900);padding:1.2rem 0}
.sos-strip .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.6rem 2rem;text-align:center}
.sos-strip p{color:#B9CCDE;font-size:.95rem}
.sos-strip a.phone{font-weight:800;font-size:1.3rem;letter-spacing:.02em;color:#fff;
  display:inline-flex;align-items:center;gap:.6rem}
.sos-strip a.phone svg{width:18px;height:18px}
.sos-strip a.phone:hover{color:var(--cyan-300)}

/* ── szolgáltatások: 2×2 kártya, hoverre a többi elsötétül ── */
.svc-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2.6rem}
.svc-card{display:block;background:var(--surface);border:1px solid var(--hairline);
  border-radius:var(--r-lg);padding:clamp(1.6rem,3vw,2.1rem);box-shadow:var(--shadow-card);
  transition:border-color .2s ease,box-shadow .2s ease}
.svc-card:hover{border-color:rgba(14,149,148,.35);box-shadow:0 6px 18px rgba(10,37,64,.09)}
.sc-ico{display:flex;align-items:center;justify-content:center;width:54px;height:54px;
  border-radius:var(--r-md);background:var(--cyan-100);color:var(--teal-500);margin-bottom:1.1rem}
.sc-ico svg{width:27px;height:27px}
.svc-card h3{color:var(--navy-900);font-size:1.25rem;font-weight:800;margin-bottom:.45rem}
.svc-card p{color:var(--slate);font-size:.95rem;line-height:1.55;max-width:42ch}

/* ── hullám-elválasztó ── */
.wave-div{display:block;width:100%;height:54px;margin-bottom:-1px}

/* ── VOMA: bento ── */
.voma{background:var(--navy-950);color:#C9DAEA;position:relative;overflow:hidden}
.voma h2{color:#fff}
.voma-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(2rem,5vw,3.5rem);align-items:stretch}
.voma-head{max-width:52ch}
.voma-head .lead{color:#A8BDD2;margin-top:.8rem}
.voma-head .lead b{color:#fff}
.voma-listlabel{color:#fff;font-weight:800;font-size:1.05rem;margin-top:1.8rem}
.voma-list{list-style:none;display:flex;flex-direction:column;gap:.9rem;margin:1rem 0 0}
.voma-list li{display:flex;gap:.75rem;align-items:flex-start;color:#C9DAEA;font-size:1.02rem;line-height:1.5}
.voma-list li svg{width:22px;height:22px;flex-shrink:0;margin-top:.1rem;color:var(--cyan-300)}
.voma-list b{color:#fff}
.voma-fine{color:#8FA3B8;font-size:.95rem;margin-top:1.4rem}
.voma-media{border-radius:var(--r-lg);overflow:hidden;position:relative;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09)}
.voma-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.bento{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:1rem;
  padding-bottom:clamp(3rem,7vw,5.5rem)}
.b-photo{position:relative;grid-row:1/3;border-radius:var(--r-lg);overflow:hidden;margin:0;
  min-height:430px;box-shadow:0 24px 60px rgba(0,0,0,.3)}
.b-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.b-photo figcaption{position:absolute;left:.9rem;right:.9rem;bottom:.9rem;
  background:rgba(6,27,51,.85);backdrop-filter:blur(6px);
  border-radius:var(--r-sm);padding:.6rem .9rem;font-size:.78rem;color:#C9DAEA}
.b-photo figcaption b{color:#fff}
.b-card{border-radius:var(--r-lg);padding:1.5rem 1.6rem}
.b-clean{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09)}
.b-card h3{color:#fff;font-size:1.02rem;margin-bottom:1rem}
.b-clean ul{display:flex;flex-direction:column;gap:.75rem}
.b-clean li{list-style:none;display:flex;gap:.8rem;align-items:center;font-size:.93rem;color:#C9DAEA}
.b-clean li .ic{width:36px;height:36px;border-radius:var(--r-sm);background:rgba(91,200,232,.12);
  display:flex;align-items:center;justify-content:center;flex-shrink:0}
.b-clean li .ic svg{width:19px;height:19px}
.b-clean li b{color:#fff}
.b-clean .fine{margin-top:.9rem;font-size:.8rem;color:#8FA3B8}
.b-comp{background:var(--surface);box-shadow:0 18px 48px rgba(0,0,0,.3)}
.b-comp h3{color:var(--navy-900)}
.comp-head,.comp-row{display:grid;grid-template-columns:1fr 58px 58px;gap:.4rem;align-items:center}
.comp-head{font-size:.68rem;font-weight:800;letter-spacing:.08em;color:var(--mist);
  text-transform:uppercase;padding-bottom:.5rem}
.comp-head .vlab{color:var(--teal-600);text-align:center}
.comp-head .slab{text-align:center}
.comp-row{padding:.62rem 0;border-top:1px solid var(--hairline);font-size:.88rem;color:var(--ink)}
.comp-row .c{display:flex;align-items:center;justify-content:center}
.comp-yes{width:23px;height:23px;border-radius:50%;background:var(--cyan-100);
  display:flex;align-items:center;justify-content:center}
.comp-yes svg{width:12px;height:12px}
.comp-no{color:rgba(18,43,69,.25);font-weight:800}

/* ── HOGYAN MŰKÖDIK: scroll-kísérős kártya-kiemelés ── */
.howx{background:var(--navy-950);color:#C9DAEA}
.howx-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);
  gap:clamp(2rem,5vw,4.5rem);align-items:start}
.howx-left{position:sticky;top:calc(var(--header-h) + 3rem)}
.howx-left .eyebrow{color:#5BC8E8}
.howx-left h2{color:#fff;margin:.5rem 0 .7rem}
.howx-left p{color:#A8BDD2;font-size:1rem;max-width:38ch}
.howx-left .hx-call{margin-top:1.8rem;font-size:.92rem;color:#8FA3B8}
.howx-left .hx-call a{color:var(--cyan-300);font-weight:700}
.hx2-cards{display:flex;flex-direction:column;gap:1.8rem}
.hx2-card{display:flex;gap:1.2rem;align-items:flex-start;min-height:200px;
  background:rgba(255,255,255,.04);border:1.5px solid rgba(255,255,255,.1);
  border-radius:var(--r-lg);padding:2.1rem 2rem;
  opacity:.4;transform:scale(.985);
  transition:opacity .4s ease,transform .4s ease,border-color .4s ease,
    background .4s ease,box-shadow .4s ease}
.hx2-card.lit{opacity:1;transform:none;background:rgba(91,200,232,.08);
  border-color:rgba(91,200,232,.55);box-shadow:0 16px 48px rgba(91,200,232,.12)}
.hx2-ico{width:52px;height:52px;border-radius:var(--r-md);background:var(--navy-900);
  border:1.5px solid rgba(91,200,232,.35);display:flex;align-items:center;
  justify-content:center;flex-shrink:0}
.hx2-ico svg{width:26px;height:26px}
.hx2-card .hs-num{font-size:.7rem;font-weight:800;letter-spacing:.1em;color:var(--cyan-300)}
.hx2-card h4{color:#fff;font-size:1.12rem;font-weight:700;margin:.15rem 0 .3rem}
.hx2-card p{font-size:.93rem;color:#A8BDD2}

/* ── lefedettség: bal szöveg, jobb térkép ── */
.cover-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);
  gap:clamp(2rem,5vw,4rem);align-items:center}
.cover-text{max-width:46ch}
.cover .panel{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);
  padding:clamp(1.5rem,4vw,3rem);box-shadow:var(--shadow-card)}
.cover .panel.map-empty{padding:0;min-height:clamp(280px,34vw,400px)}
.map-bg{position:absolute;inset:0;width:100%;height:100%}
.map-flag-wrap{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;
  background:rgba(247,250,252,.22)}
.map-flag{display:inline-flex;align-items:center;gap:.55rem;white-space:nowrap;background:var(--surface);
  border:1.5px dashed var(--teal-500);border-radius:var(--r-md);padding:.75rem 1.4rem;
  font-size:.98rem;font-weight:800;letter-spacing:.02em;color:var(--navy-900);
  box-shadow:0 12px 32px rgba(10,37,64,.16)}
.cover .panel .map-flag svg{width:18px;height:18px;flex-shrink:0}
.map-credit{position:absolute;right:.85rem;bottom:.55rem;z-index:3;font-size:.6rem;
  letter-spacing:.02em;color:var(--mist);opacity:.7}

/* ── interaktív Balaton-térkép ── */
.cover .panel.map-empty{min-height:clamp(320px,40vw,460px);background:#ECF2F0}
.map-bg .town{cursor:pointer;outline:none}
.town-hit{fill:transparent}
.town-dot{fill:#0E9594;stroke:#fff;stroke-width:2;transform-box:fill-box;transform-origin:center;
  transition:fill .18s,transform .18s}
.town.inland .town-dot{fill:#fff;stroke:#0E9594;stroke-width:2.4}
.town-ring{fill:none;stroke:#0E9594;stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center;
  transform:scale(.45);transition:opacity .2s,transform .2s}
.town-lbl{font-size:14px;font-weight:600;fill:#16344E;paint-order:stroke;stroke:#fff;stroke-width:4.2px;
  stroke-linejoin:round;pointer-events:none;opacity:0;transition:opacity .16s}
.town.major .town-lbl{opacity:1;font-size:15.5px;font-weight:700;fill:#0A2540}
.town.inland .town-lbl{fill:#0B7B7A}
.map-bg .town:hover .town-dot,.map-bg .town:focus-visible .town-dot{fill:#0B7B7A;transform:scale(1.4)}
.map-bg .town.inland:hover .town-dot,.map-bg .town.inland:focus-visible .town-dot{fill:#DCF1F8}
.map-bg .town:hover .town-lbl,.map-bg .town:focus-visible .town-lbl,.map-bg .town.sel .town-lbl{opacity:1}
.map-bg .town:hover .town-lbl,.map-bg .town:focus-visible .town-lbl{font-size:16px;font-weight:700;fill:#0A2540;stroke-width:5.5px}
.map-bg .town.sel .town-dot{fill:#0A2540;transform:scale(1.35)}
.map-bg .town.sel .town-ring{opacity:1;transform:scale(1)}
.map-radius-lbl{font-size:10.5px;font-weight:700;fill:#3FA9CC;letter-spacing:.04em}

.map-hint{position:absolute;top:.85rem;left:50%;transform:translateX(-50%);z-index:4;
  display:inline-flex;align-items:center;gap:.5rem;max-width:calc(100% - 1.4rem);
  background:rgba(255,255,255,.92);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);
  border:1px solid var(--hairline);border-radius:999px;padding:.55rem 1.25rem;
  font-size:clamp(.9rem,2.7vw,1.05rem);font-weight:800;letter-spacing:.005em;color:var(--navy-900);
  box-shadow:0 8px 22px rgba(10,37,64,.14);pointer-events:none;white-space:nowrap}
.map-hint svg{width:18px;height:18px;color:var(--teal-500);flex-shrink:0}

.map-pop{position:absolute;z-index:6;width:248px;background:var(--surface);border:1px solid var(--hairline);
  border-radius:var(--r-md);box-shadow:0 18px 46px rgba(10,37,64,.24);padding:.85rem .95rem 1rem;
  opacity:0;transform:translateY(6px) scale(.98);transform-origin:center bottom;
  transition:opacity .18s ease,transform .18s ease;pointer-events:none}
.map-pop.show{opacity:1;transform:none;pointer-events:auto}
.map-pop::after{content:"";position:absolute;left:var(--arrow,50%);bottom:-7px;
  transform:translateX(-50%) rotate(45deg);width:13px;height:13px;background:var(--surface);
  border-right:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}
.map-pop.below::after{bottom:auto;top:-7px;
  border:0;border-left:1px solid var(--hairline);border-top:1px solid var(--hairline)}
.map-pop-tag{font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--teal-600)}
.map-pop-name{font-size:1.12rem;font-weight:800;color:var(--navy-900);margin:.15rem 0 .4rem;line-height:1.2}
.map-pop-txt{font-size:.82rem;color:var(--slate);line-height:1.46;margin-bottom:.85rem}
.map-pop-cta{display:flex;align-items:center;justify-content:center;white-space:nowrap;gap:.45rem;width:100%;border:0;cursor:pointer;
  font-family:inherit;background:var(--teal-500);color:#fff;font-weight:700;font-size:.86rem;line-height:1.2;
  padding:.72rem .8rem;border-radius:var(--r-sm);transition:background .2s,transform .15s;
  box-shadow:0 6px 16px rgba(14,149,148,.28)}
.map-pop-cta:hover{background:var(--teal-600)}
.map-pop-cta:active{transform:translateY(1px)}
.map-pop-cta svg{width:15px;height:15px;flex-shrink:0}
.map-pop-x{position:absolute;top:.35rem;right:.4rem;width:24px;height:24px;border:0;background:none;cursor:pointer;
  color:var(--mist);font-size:1.25rem;line-height:1;border-radius:6px;transition:background .2s,color .2s}
.map-pop-x:hover{background:var(--paper);color:var(--navy-900)}
.cover-note{display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;margin-top:1.8rem;align-items:center}
.cover-note p{color:var(--slate);font-size:.95rem}
.cover-note .pill{font-size:.74rem;font-weight:700;letter-spacing:.06em;
  background:var(--cyan-100);color:var(--navy-900);padding:.4rem .8rem;border-radius:var(--r-xs)}

/* ── kinek dolgozunk: hoverre kinyíló képes panelek ── */
.who{background:var(--surface);border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}
.who-row{display:flex;gap:1rem;margin-top:2.6rem;align-items:stretch}
.who-panel{flex:1;min-width:0;background:var(--surface);border:1px solid var(--hairline);
  border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:clamp(1.7rem,3vw,2.2rem);
  display:flex;flex-direction:column}
.wp-ico{display:flex;align-items:center;justify-content:center;width:54px;height:54px;
  border-radius:var(--r-md);background:var(--cyan-100);color:var(--teal-500);margin-bottom:1.2rem}
.wp-ico svg{width:28px;height:28px}
.who-panel h3{color:var(--navy-900);font-size:1.3rem;font-weight:800;margin-bottom:.35rem}
.wp-sub{color:var(--slate);font-size:.95rem;line-height:1.5;margin-bottom:1.1rem}
.wp-list{list-style:none;display:flex;flex-direction:column;gap:.6rem;margin:0}
.wp-list li{display:flex;align-items:flex-start;gap:.6rem;color:var(--ink);font-size:.96rem;line-height:1.45}
.wp-list li svg{width:17px;height:17px;flex-shrink:0;margin-top:.16rem;stroke:var(--teal-500)}
.wp-keret{margin:.95rem 0 1.4rem;font-size:.82rem;font-weight:700;letter-spacing:.03em;color:var(--teal-600)}
.wp-btn{display:inline-flex;align-items:center;gap:.5rem;margin-top:auto;align-self:flex-start;
  background:var(--teal-500);color:#fff;font-weight:700;font-size:.92rem;
  padding:.8rem 1.3rem;border-radius:var(--r-md);transition:background .2s}
.wp-btn:hover{background:var(--teal-600)}
.wp-btn svg{width:15px;height:15px}
.wp-img{display:block;width:100%;height:240px;object-fit:cover;border-radius:14px;margin-bottom:1.4rem;background:var(--cyan-100)}
.step-img{display:block;width:100%;height:160px;object-fit:cover;border-radius:14px;margin-bottom:1.4rem;background:var(--cyan-100)}
.step-imgzoom{overflow:hidden}
.step-imgzoom img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.55);transform-origin:center}

/* ── hogyan dolgozunk: editorial számok (statikus) ── */
.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:2.8rem}
.step{padding:0 2rem 0 0}
.step + .step{border-left:1px solid var(--hairline);padding-left:2rem}
.step .big{font-size:3.6rem;font-weight:800;line-height:1;margin-bottom:1rem;
  color:transparent;-webkit-text-stroke:1.5px var(--teal-500)}
.step h3{font-size:1.15rem;margin-bottom:.4rem}
.step h3::after{content:"";display:block;width:44px;height:2.5px;background:var(--teal-500);margin-top:.45rem}
.step p{color:var(--slate);font-size:.95rem}

/* ── hívjon minket ── */
/* ── vélemények ── */
.reviews{background:var(--paper)}
.rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.6rem}
.rev-card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);
  box-shadow:var(--shadow-card);padding:clamp(1.5rem,3vw,2rem);margin:0;display:flex;flex-direction:column}
.rev-stars{display:flex;gap:3px;margin-bottom:1rem;color:var(--gold)}
.rev-stars svg{width:18px;height:18px}
.rev-card blockquote{color:var(--ink);font-size:.98rem;line-height:1.6;margin:0 0 1.4rem;flex:1}
.rev-card figcaption{display:flex;align-items:center;gap:.75rem}
.rev-ava{width:42px;height:42px;border-radius:50%;object-fit:cover;flex-shrink:0;
  background:var(--cyan-100);border:2px solid #fff;box-shadow:0 2px 8px rgba(10,37,64,.14)}
.rev-card figcaption b{display:block;color:var(--navy-900);font-size:.95rem;font-weight:700}
.rev-card figcaption small{color:var(--slate);font-size:.85rem}

.contact{background:var(--surface);border-top:1px solid var(--hairline)}
.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(2rem,5vw,3.5rem);align-items:center;margin-top:2.6rem}
.contact-call > p{color:var(--slate);font-size:1.05rem;line-height:1.6;max-width:46ch}
.contact-call .btn-call-big{margin-top:1.6rem}
.contact-avail{display:inline-flex !important;align-items:center;gap:.55rem;font-size:.86rem;
  font-weight:700;color:var(--teal-600);margin-top:1.3rem}
.contact-avail i{width:9px;height:9px;border-radius:50%;background:#3FAE49;display:inline-block;flex-shrink:0}
.contact-points{list-style:none;display:flex;flex-direction:column;gap:.7rem;margin-top:1.6rem}
.contact-points li{display:flex;align-items:flex-start;gap:.6rem;color:var(--ink);font-size:.97rem;line-height:1.4}
.contact-points li svg{width:18px;height:18px;color:var(--teal-500);flex-shrink:0;margin-top:.12rem}
.cta-panel{position:relative;overflow:hidden;background:var(--navy-900);
  border-radius:16px;margin-top:2.6rem;padding:clamp(3.5rem,8vw,6rem) clamp(1.5rem,5vw,4rem) clamp(4rem,9vw,6.5rem);
  text-align:center;color:#C9DAEA;box-shadow:0 8px 24px rgba(10,37,64,.13)}
.cta-panel > *{position:relative;z-index:2}
.cta-panel .nullhuszonnegy{font-size:clamp(4rem,11vw,7.5rem);font-weight:800;line-height:1;
  letter-spacing:-.02em;color:transparent;-webkit-text-stroke:2px var(--cyan-300);
  display:block;margin-bottom:.2rem}
.cta-panel .nh-label{font-size:.8rem;font-weight:800;letter-spacing:.22em;color:var(--cyan-300);
  text-transform:uppercase;display:block;margin-bottom:1.6rem}
.cta-panel h2{color:#fff;margin:.4rem 0 .8rem}
.cta-panel > p{color:#A8BDD2;max-width:54ch;margin:0 auto 2.2rem;font-size:1.02rem}
.cta-panel .cta-row{justify-content:center}
.cta-panel .cta-avail{display:inline-flex;justify-content:center;align-items:center;gap:.55rem;
  margin:2.6rem 0 0;max-width:none;font-size:.85rem;font-weight:800;letter-spacing:.06em;color:#C6EBA3;
  background:rgba(155,215,112,.12);border:1px solid rgba(155,215,112,.38);
  padding:.62rem 1.2rem;border-radius:999px}
.cta-panel .cta-avail i{width:9px;height:9px;border-radius:50%;background:#9BD770;display:inline-block;flex-shrink:0;
  box-shadow:0 0 0 0 rgba(155,215,112,.55);animation:availPulse 2s ease-out infinite}
@keyframes availPulse{0%{box-shadow:0 0 0 0 rgba(155,215,112,.55)}70%{box-shadow:0 0 0 9px rgba(155,215,112,0)}100%{box-shadow:0 0 0 0 rgba(155,215,112,0)}}
.cta-panel .waves{position:absolute;left:0;right:0;bottom:-2px;opacity:.6;pointer-events:none;z-index:1}

/* ── lábléc: three.js vízfelület + óriás watermark ── */
footer.site{position:relative;background:var(--navy-950);color:#8FA3B8;overflow:hidden}
.foot-div{display:block;width:100%;height:64px;background:var(--paper)}
.foot-div path{fill:var(--navy-950)}
/* csak fent/lent: a vízszintes paddinget a .wrap adja (különben mobilon a tartalom a képernyő szélére tapad) */
.foot-main{padding-top:clamp(2.5rem,6vw,4rem);padding-bottom:2rem;position:relative;z-index:2}
.foot-grid{display:grid;grid-template-columns:2.2fr 1fr 1fr;gap:2.5rem;align-items:start}
.foot-cta h3{color:#fff;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;line-height:1.2;
  letter-spacing:-.02em;max-width:18ch;margin-bottom:1.2rem}
.foot-cta h3 em{font-style:normal;color:var(--cyan-300)}
.foot-phone{display:inline-flex;align-items:center;gap:.7rem;font-size:1.35rem;font-weight:800;color:#fff}
.foot-phone svg{width:20px;height:20px}
.foot-phone:hover{color:var(--cyan-300)}
.foot-avail{display:flex;align-items:center;gap:.5rem;margin-top:.7rem;
  font-size:.78rem;font-weight:700;letter-spacing:.1em;color:#9BD770}
.foot-avail i{width:8px;height:8px;border-radius:50%;background:#9BD770;display:inline-block}
.foot-grid h4{color:#fff;font-size:.95rem;font-weight:700;margin-bottom:1rem}
.foot-grid ul{display:flex;flex-direction:column;gap:.55rem}
.foot-grid li{list-style:none;font-size:.88rem}
.foot-grid a:hover{color:var(--cyan-300)}
.foot-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:2.4rem;padding-top:1.4rem;
  font-size:.74rem;font-weight:600;letter-spacing:.05em}

/* ── mobil hívássáv + toast ── */
.mobile-callbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:95;
  background:var(--teal-500);box-shadow:0 -8px 24px rgba(10,37,64,.18)}
.mobile-callbar a{display:flex;align-items:center;justify-content:center;gap:.6rem;color:#fff;
  font-weight:800;font-size:1rem;padding:.95rem;animation:pulseRing 2.4s ease-out infinite}
.mobile-callbar svg{width:18px;height:18px}
.toast{position:fixed;left:50%;bottom:1.4rem;transform:translateX(-50%) translateY(12px);
  background:var(--navy-900);color:#D7E5F2;font-size:.85rem;padding:.8rem 1.2rem;border-radius:var(--r-sm);
  box-shadow:0 16px 40px rgba(10,37,64,.3);opacity:0;visibility:hidden;
  transition:opacity .3s,transform .3s,visibility .3s;z-index:99;max-width:90vw;text-align:center}
.toast.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}

/* ── minta-aloldal ── */
.subpage{display:none}
body.show-subpage .subpage{display:block}
body.show-subpage .mainpage{display:none}
.sub-hero{background:linear-gradient(165deg,var(--navy-900),var(--navy-950));color:#C9DAEA;
  padding:clamp(2.5rem,6vw,4rem) 0 clamp(3rem,7vw,4.5rem)}
.crumbs{font-size:.74rem;font-weight:600;letter-spacing:.08em;color:#8FA3B8;margin-bottom:1.4rem}
.crumbs a{color:var(--cyan-300)}
.sub-hero h1{color:#fff;font-size:clamp(1.8rem,4vw,2.7rem);font-weight:800;max-width:22ch;margin:.7rem 0 1rem}
.sub-hero .lead{color:#A8BDD2}
.sub-hero .cta-row{margin-top:1.8rem}
.demo-flag{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.08em;
  border:1.5px dashed rgba(91,200,232,.45);color:var(--cyan-300);
  padding:.35rem .7rem;border-radius:var(--r-xs);margin-bottom:1.2rem}
.sub-cols{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;margin-top:2.6rem}
.sub-card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);
  padding:2rem;box-shadow:var(--shadow-card)}
.sub-card ul{margin-top:1rem;display:flex;flex-direction:column;gap:.6rem}
.sub-card li{list-style:none;display:flex;gap:.6rem;align-items:flex-start;font-size:.94rem;color:var(--slate)}
.sub-card li svg{width:17px;height:17px;flex-shrink:0;margin-top:.25rem}
.cta-band{background:var(--navy-900);border-radius:var(--r-lg);padding:clamp(1.8rem,4vw,2.8rem);
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem;margin-top:3rem}
.cta-band h3{color:#fff;font-size:1.3rem;max-width:24ch}
.back-link{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;font-size:.92rem;
  color:var(--teal-600);margin-top:2.6rem}

/* ── reszponzív ── */
@media (max-width:980px){
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .voma-grid{grid-template-columns:1fr;gap:1.8rem;align-items:start}
  .voma-media{min-height:clamp(240px,56vw,360px)}
  .cover-grid{grid-template-columns:1fr}
  .cover-text{max-width:none}
  .contact-grid{grid-template-columns:1fr}
  .rev-grid{grid-template-columns:1fr 1fr}
  .who-row{flex-direction:column;gap:1.2rem}
  .who-panel{flex:none}
  .foot-grid{gap:2rem}
}
@media (max-width:768px){
  nav.main{display:none}
  .hamb{display:block}
  .nav-row .btn-call{display:none}
  .hero-bg::after{background:linear-gradient(180deg,
    rgba(247,250,252,.97) 0%, rgba(247,250,252,.9) 48%, rgba(247,250,252,.62) 100%)}
  .hero-grid{grid-template-columns:1fr}
  .lead-card{max-width:560px;margin:0 auto;width:100%}
  .svc-grid{grid-template-columns:1fr}
  .rev-grid{grid-template-columns:1fr}
  .sub-cols{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr;gap:1.8rem}
  .step{padding:0}
  .step + .step{border-left:0;border-top:1px solid var(--hairline);padding:1.8rem 0 0}
  .mobile-callbar{display:block}
  body{padding-bottom:54px}
  .toast{bottom:4.6rem}
  .foot-grid{grid-template-columns:1fr}
  .btn-call-big{font-size:1rem;padding:1rem 1.3rem}
  .chip-opt span{min-height:44px}
}

  .cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:200;
    background:#0A2540;color:#D7E5F2;border-top:2px solid #0E9594;
    box-shadow:0 -10px 30px rgba(6,27,51,.28);
    display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;justify-content:center;
    padding:.95rem clamp(1rem,4vw,2.2rem);
    font-family:'Figtree',-apple-system,sans-serif;font-size:.86rem;line-height:1.5;
    transform:translateY(100%);transition:transform .35s ease}
  .cookie-banner.show{transform:none}
  .cookie-banner .cb-text{max-width:62ch;margin:0}
  .cookie-banner a{color:#5BC8E8;font-weight:600;text-decoration:underline}
  .cookie-banner .cb-actions{display:flex;gap:.6rem;flex-shrink:0}
  .cookie-banner .cb-btn{font-family:inherit;font-weight:700;font-size:.85rem;cursor:pointer;
    border-radius:10px;padding:.62rem 1.2rem;border:1.5px solid transparent;white-space:nowrap;
    transition:background .2s,border-color .2s,color .2s}
  .cookie-banner .cb-accept{background:#0E9594;color:#fff}
  .cookie-banner .cb-accept:hover{background:#0B7B7A}
  .cookie-banner .cb-decline{background:transparent;color:#D7E5F2;border-color:rgba(215,229,242,.35)}
  .cookie-banner .cb-decline:hover{border-color:#5BC8E8;color:#fff}
  @media (max-width:640px){ .cookie-banner{flex-direction:column;text-align:center;gap:.8rem}
    .cookie-banner .cb-actions{width:100%} .cookie-banner .cb-btn{flex:1} }