@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/inter-latin-ext-400.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/inter-latin-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/inter-latin-ext-400.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/inter-latin-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/inter-latin-ext-400.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/inter-latin-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/manrope-latin-ext-500.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/manrope-latin-500.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/manrope-latin-ext-500.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/manrope-latin-500.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/manrope-latin-ext-500.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/manrope-latin-500.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root{
  --navy:#0d1b3a;
  --navy-deep:#081226;
  --gold:#2f9bf0;
  --gold-light:#7cc4f7;
  --cream:#fbf6ee;
  --white:#ffffff;
  --text:#20293d;
  --muted:rgba(32,41,61,.6);
  --border:rgba(13,27,58,.12);
  --r:18px;
  --shadow:0 20px 50px rgba(13,27,58,.14);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  background:var(--cream);
  color:var(--text);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{font-family:'Manrope',system-ui,sans-serif;color:var(--navy);line-height:1.2}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
ul{list-style:none}
.container{max-width:1120px;margin:0 auto;padding:0 1.5rem}

/* ── NAV ─────────────────────────────────────────── */
#nav{
  position:sticky;top:0;z-index:500;
  display:flex;align-items:center;justify-content:space-between;
  padding:1.1rem 2rem;background:rgba(247,244,239,.9);backdrop-filter:blur(10px);
  border-bottom:1px solid transparent;transition:all .25s;
}
#nav.on{background:rgba(247,244,239,.98);border-bottom-color:var(--border);box-shadow:0 4px 20px rgba(10,23,48,.06)}
.nlogo{display:flex;align-items:center;gap:.6rem;font-family:'Manrope',sans-serif;font-weight:800;color:var(--navy);font-size:1.05rem}
.nlogo .mark{width:38px;height:38px;border-radius:50%;background:var(--navy);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.nlogo .mark svg{width:20px;height:20px}
.nlinks{display:flex;align-items:center;gap:2rem}
.nlinks a{font-size:.92rem;font-weight:500;color:var(--text);transition:color .15s}
.nlinks a:hover{color:var(--navy)}
.ncta{background:var(--navy);color:var(--white)!important;padding:.6rem 1.3rem;border-radius:99px;font-weight:600!important}
.ncta:hover{background:var(--navy-deep)}
.nburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.5rem}
.nburger span{width:24px;height:2px;background:var(--navy)}
#mnav{position:fixed;inset:0;background:var(--navy-deep);z-index:900;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.75rem;transform:translateY(-100%);transition:transform .3s}
#mnav.open{transform:translateY(0)}
#mnav .ml{color:var(--cream);font-size:1.3rem;font-weight:600}
#mnav-x{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;color:var(--cream);font-size:1.6rem;cursor:pointer}

/* ── HERO ────────────────────────────────────────── */
.hero{background:var(--navy);color:var(--cream);padding:6rem 2rem 5rem;position:relative;overflow:hidden}
.hero::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(47,155,240,.18),transparent 55%);pointer-events:none}
.hero-in{max-width:760px;margin:0 auto;text-align:center;position:relative}
.hero h1 .hero-eyebrow{display:block}
.hero-eyebrow{display:inline-block;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-light);font-weight:600;margin-bottom:1.1rem}
.hero h1{font-size:clamp(2.1rem,4.5vw,3.2rem);font-weight:800;color:var(--white);margin-bottom:1.2rem}
.hero p{font-size:1.08rem;color:rgba(247,244,239,.82);max-width:600px;margin:0 auto 2rem}
.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.btn{display:inline-block;padding:.9rem 1.8rem;border-radius:99px;font-weight:600;font-size:.95rem;transition:all .18s;border:2px solid transparent;cursor:pointer}
.btn-gold{background:var(--gold);color:var(--navy-deep)}
.btn-gold:hover{background:var(--gold-light);transform:translateY(-1px)}
.btn-outline{border-color:rgba(247,244,239,.35);color:var(--cream)}
.btn-outline:hover{border-color:var(--cream);background:rgba(247,244,239,.08)}
.btn-navy{background:var(--navy);color:var(--white)}
.btn-navy:hover{background:var(--navy-deep)}

/* ── SECTIONS ────────────────────────────────────── */
section{padding:5rem 0}
.sec-eyebrow{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:.6rem;display:block;text-align:center}
.sec-title{font-size:clamp(1.7rem,3vw,2.3rem);font-weight:800;text-align:center;margin-bottom:.8rem}
.sec-lead{text-align:center;color:var(--muted);max-width:620px;margin:0 auto 3rem;font-size:1.02rem}

.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem}
.card{background:var(--white);border-radius:var(--r);padding:2rem 1.75rem;border:1px solid var(--border);transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.card-ic{width:52px;height:52px;border-radius:14px;background:rgba(13,27,58,.08);display:flex;align-items:center;justify-content:center;margin-bottom:1.2rem;font-size:1.4rem;color:var(--navy)}
.card h3{font-size:1.1rem;margin-bottom:.6rem}
.card p{color:var(--muted);font-size:.93rem}

.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.svc{background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:1.6rem;display:flex;align-items:flex-start;gap:1rem}
a.svc{text-decoration:none;color:inherit}
a.svc:hover{box-shadow:var(--shadow);border-color:rgba(47,155,240,.5)}
.svc-ic{width:44px;height:44px;border-radius:12px;background:rgba(47,155,240,.14);color:var(--gold);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.2rem}
.svc h4{font-size:1rem;margin-bottom:.25rem}
.svc p{font-size:.85rem;color:var(--muted)}

.about-wrap{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.about-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-top:1.75rem}
.stat-box{background:var(--white);border-radius:var(--r);padding:1.25rem;border:1px solid var(--border);text-align:center}
.stat-box .n{font-size:1.9rem;font-weight:800;color:var(--navy);font-family:'Manrope',sans-serif}
.stat-box .l{font-size:.78rem;color:var(--muted)}

.testimonial{background:var(--navy);color:var(--cream);border-radius:16px;padding:3rem;max-width:820px;margin:0 auto;text-align:center;position:relative}
.testimonial blockquote{font-size:1.15rem;font-style:italic;line-height:1.7;margin-bottom:1.5rem}
.testimonial cite{font-style:normal;font-weight:600;color:var(--gold-light);font-size:.9rem}

.contact-strip{background:var(--white);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.contact-cols{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}
.contact-item{display:flex;gap:1rem;margin-bottom:1.5rem}
.contact-item .ic{width:42px;height:42px;border-radius:12px;background:rgba(13,27,58,.08);color:var(--navy);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.contact-item h4{font-size:.95rem;margin-bottom:.2rem}
.contact-item p{font-size:.88rem;color:var(--muted)}
.hours-table{width:100%;font-size:.9rem}
.hours-table td{padding:.4rem 0;border-bottom:1px solid var(--border)}
.hours-table td:last-child{text-align:right;color:var(--muted)}

/* ── FORM ────────────────────────────────────────── */
.form-box{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:2.25rem;box-shadow:var(--shadow)}
.field{margin-bottom:1.1rem}
.field label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.4rem;color:var(--navy)}
.field input,.field select,.field textarea{
  width:100%;padding:.8rem 1rem;border:1.5px solid var(--border);border-radius:8px;
  font-size:.95rem;font-family:inherit;outline:none;transition:border .15s;background:var(--white);color:var(--text)
}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold)}
.field textarea{resize:vertical;min-height:100px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.consent{display:flex;gap:.65rem;align-items:flex-start;font-size:.82rem;color:var(--muted);margin-bottom:1.4rem}
.consent input{width:auto;margin-top:.2rem;flex-shrink:0}
.consent a{color:var(--navy);text-decoration:underline}
.form-msg{font-size:.88rem;margin-top:1rem;padding:.8rem 1rem;border-radius:8px;display:none}
.form-msg.ok{display:block;background:rgba(60,150,90,.1);color:#2b7a45}
.form-msg.error{display:block;background:rgba(200,60,60,.1);color:#b23b3b}
.hp-field{position:absolute;left:-9999px;opacity:0}

/* ── BLOG ────────────────────────────────────────── */
.blog-hero{background:var(--navy);color:var(--cream);padding:4.5rem 2rem 3rem;text-align:center}
.blog-hero h1{color:var(--white);font-size:clamp(1.9rem,4vw,2.6rem)}
.blog-hero p{color:rgba(247,244,239,.8);max-width:560px;margin:1rem auto 0}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem;margin-top:3rem}
.blog-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}
.blog-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.blog-thumb{height:140px;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-deep) 100%);display:flex;align-items:center;justify-content:center}
.blog-thumb span{color:rgba(247,244,239,.4);font-weight:800;font-size:.78rem;letter-spacing:.1em;font-family:'Manrope',sans-serif}
.blog-body{padding:1.4rem;display:flex;flex-direction:column;gap:.6rem;flex:1}
.blog-cat{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}
.blog-body h3{font-size:1.05rem}
.blog-body p{font-size:.86rem;color:var(--muted);flex:1}
.blog-meta{font-size:.76rem;color:var(--muted);display:flex;gap:.8rem;margin-top:.4rem}

/* ── ARTICLE ─────────────────────────────────────── */
.art-hero{background:var(--navy);color:var(--cream);padding:4.5rem 2rem 3.5rem;text-align:center}
.art-hero-in{max-width:760px;margin:0 auto}
.crumbs{font-size:.8rem;color:rgba(247,244,239,.65);margin-bottom:1.1rem}
.crumbs a{text-decoration:underline;text-underline-offset:2px}
.crumbs a:hover{color:#fff}
.art-cat-pill{display:inline-block;background:rgba(47,155,240,.18);color:var(--gold-light);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.35rem .9rem;border-radius:99px;margin-bottom:1.1rem}
.art-h1{color:var(--white);font-size:clamp(1.8rem,4vw,2.6rem);margin-bottom:1rem}
.art-lead{color:rgba(247,244,239,.82);font-size:1.05rem}
.art-meta{display:flex;justify-content:center;gap:1.5rem;margin-top:1.4rem;font-size:.85rem;color:rgba(247,244,239,.65)}
.art-body{max-width:720px;margin:0 auto;padding:3.5rem 1.5rem}
.art-body h2{font-size:1.4rem;margin:2rem 0 1rem}
.art-body p{margin-bottom:1.1rem;color:var(--text)}
.art-body ul{margin:0 0 1.1rem 0;padding-left:1.3rem;list-style:disc}
.art-body li{margin-bottom:.5rem}
.art-body strong{color:var(--navy)}
.art-body a:not(.btn){color:var(--navy);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.art-body a:not(.btn):hover{color:var(--gold)}
.art-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:2rem}
.art-tag{background:var(--white);border:1px solid var(--border);padding:.3rem .8rem;border-radius:99px;font-size:.78rem;color:var(--muted)}
.art-cta{max-width:720px;margin:0 auto 3rem;padding:0 1.5rem}
.art-cta-box{background:var(--navy);color:var(--cream);border-radius:16px;padding:2.25rem;text-align:center}
.art-cta-box h3{color:var(--white);margin-bottom:.6rem}
.art-cta-box p{color:rgba(247,244,239,.8);margin-bottom:1.3rem;font-size:.92rem}
.art-related{background:var(--white);border-top:1px solid var(--border);padding:3.5rem 1.5rem}
.art-related-in{max-width:1000px;margin:0 auto}
.art-related h2{text-align:center;margin-bottom:2rem}
.art-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}

/* ── FOOTER ──────────────────────────────────────── */
footer{background:var(--navy-deep);color:rgba(247,244,239,.7);padding:3.5rem 2rem 2rem}
.ft-in{max-width:1120px;margin:0 auto}
.ft-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2.5rem;margin-bottom:2.5rem}
.ft-brand{font-family:'Manrope',sans-serif;font-weight:800;color:var(--white);font-size:1.1rem;margin-bottom:.6rem}
.ft-desc{font-size:.86rem;line-height:1.6;max-width:280px}
.ft-col-h{color:var(--white);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.9rem}
.ft-links li{margin-bottom:.55rem}
.ft-links a{font-size:.86rem;transition:color .15s}
.ft-links a:hover{color:var(--gold-light)}
.ft-bot{border-top:1px solid rgba(247,244,239,.1);padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.ft-copy{font-size:.8rem}

/* ── FAQ ─────────────────────────────────────────── */
.faq-item{border-bottom:1px solid var(--border);padding:1.4rem 0}
.faq-q{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:600;font-size:.98rem;color:var(--navy)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease;color:var(--muted);font-size:.9rem}
.faq-item.open .faq-a{max-height:200px;margin-top:.8rem}
.faq-x{transition:transform .2s;font-size:1.3rem;color:var(--gold)}
.faq-item.open .faq-x{transform:rotate(45deg)}

/* ── SCROLL REVEAL ───────────────────────────────── */
.js .rv{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}
.js .rv.in{opacity:1;transform:none}

/* ── KÁR ÉRT SÁV ─────────────────────────────────── */
.claimbar{background:var(--white);border-bottom:1px solid var(--border);padding:1.1rem 0}
.claimbar-in{display:flex;align-items:center;justify-content:space-between;gap:1rem 2rem;flex-wrap:wrap}
.claimbar p{margin:0;color:var(--text)}
.claimbar .btn{padding:.65rem 1.4rem;font-size:.9rem}

/* ── HATÁRIDŐ-FIGYELÉS SÁV ───────────────────────── */
.notice{background:var(--navy);color:var(--cream);padding:4.5rem 0}
.notice-in{display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;align-items:center}
.notice h2{color:var(--white);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;margin-bottom:1rem}
.notice p{color:rgba(247,244,239,.82);margin-bottom:1.6rem}
.notice-list{display:grid;gap:1rem}
.notice-list li{display:flex;gap:1rem;align-items:flex-start;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:var(--r);padding:1.1rem 1.25rem}
.notice-list .notice-ic{font-size:1.5rem;line-height:1;flex-shrink:0}
.notice-list strong{display:block;color:var(--white);font-family:'Manrope',sans-serif;margin-bottom:.15rem}
.notice-list p{margin:0;font-size:.9rem;color:rgba(247,244,239,.75)}
@media (max-width:900px){.notice-in{grid-template-columns:1fr}}

/* ── RESPONSIVE ──────────────────────────────────── */
@media (max-width:900px){
  .nlinks{display:none}
  .nburger{display:flex}
  .cards3,.services-grid{grid-template-columns:1fr 1fr}
  .about-wrap,.contact-cols{grid-template-columns:1fr}
  .blog-grid,.art-related-grid{grid-template-columns:1fr 1fr}
  .ft-top{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  .cards3,.services-grid,.blog-grid,.art-related-grid{grid-template-columns:1fr}
  .field-row{grid-template-columns:1fr}
  .ft-top{grid-template-columns:1fr}
  .hero{padding:4.5rem 1.5rem 3.5rem}
  section{padding:3.5rem 0}
}