@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');:root{--navy:#071e37;--gold:#d09b3c;--light:#f5f7fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#092448;font-family:Inter,Arial,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.wrap{width:min(1450px,calc(100% - 64px));margin:auto}.header{background:#fff;position:relative;z-index:5}.header-inner{height:76px;display:flex;align-items:center;gap:35px;justify-content:space-between}.brand img{width:206px;display:block}.navigation{display:flex;gap:34px;align-items:center;font-size:15px;font-weight:600}.navigation a:hover{color:var(--gold)}.phone{display:inline-block;background:linear-gradient(110deg,#b97f23,#dfa944,#bb812a);color:white;font-size:24px;font-weight:900;padding:12px 26px;border-radius:50px;white-space:nowrap;animation:pulse 2s infinite}.menu-toggle{display:none}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 #d09b3c77;transform:scale(1)}50%{box-shadow:0 0 0 13px #d09b3c00;transform:scale(1.025)}}.hero{background:linear-gradient(90deg,#051724dd 0%,#07192885 30%,#07192811 68%,#07192855 100%),url('assets/hero-final.webp') center/cover no-repeat;color:white}.hero-inner{min-height:435px;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:55px;align-items:start}.hero-copy{padding:37px 0 26px;max-width:630px}.eyebrow{color:#e9af46;font-size:16px;font-weight:900;letter-spacing:.02em}.hero h1{font-size:clamp(40px,4.1vw,63px);letter-spacing:-.045em;line-height:1.06;margin:8px 0 14px;font-weight:900}.hero h1 span{color:#e6ac47;display:block}.hero-copy>p{font-size:21px;line-height:1.4;max-width:440px;margin:0 0 18px}.hero-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:575px}.hero-benefits>div{text-align:center;font-size:14px;line-height:1.2}.hero-benefits img{display:block;width:100px;height:72px;object-fit:cover;border-radius:5px;margin:0 auto 6px}.hero-benefits b{display:block}.hero-form{padding:18px 0}.request-form{background:white;border-radius:9px;padding:20px 21px;color:#092448;box-shadow:0 6px 25px #0003}.request-form h2{font-size:23px;margin:0 0 5px;font-weight:900}.request-form>p{font-size:13px;line-height:1.45;margin:0 0 13px}.request-form input,.request-form select{display:block;width:100%;height:42px;border:1px solid #dbe2eb;border-radius:5px;padding:0 12px;margin:0 0 9px;color:#33485e;background:white;font-size:14px}.request-form button{width:100%;background:linear-gradient(110deg,#bd872c,#d7a344);color:#fff;font-weight:800;border:0;border-radius:5px;min-height:48px;cursor:pointer}.request-form small{display:block;text-align:center;margin-top:13px;font-size:10px;color:#5b6978}.section{padding:22px 0}.heading{text-align:center;font-size:28px;letter-spacing:-.03em;margin:0 0 22px;font-weight:900}.heading:after{content:'';display:block;background:var(--gold);height:3px;width:40px;margin:7px auto 0}.price-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.price-card{text-align:center;background:#fff;border:1px solid #e9edf2;box-shadow:0 2px 9px #071e370b;border-radius:5px;overflow:hidden;padding-bottom:13px}.price-card img{width:100%;height:96px;object-fit:cover;display:block}.price-card h3{font-size:16px;margin:7px 0 2px}.price-card p{font-size:12px;margin:0 0 3px}.price-card strong{font-size:20px;font-weight:900}.counties{background:#f3f6fa;padding:12px 0}.counties-inner{display:grid;grid-template-columns:230px minmax(0,1fr);align-items:center;gap:24px}.county-label h2{font-size:20px;margin:0 0 3px}.county-label p{font-size:12px;line-height:1.3;margin:0}.marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,black 3%,black 97%,transparent)}.marquee-track{display:flex;align-items:center;width:max-content;animation:county 48s linear infinite}.marquee-track span{white-space:nowrap;padding:0 16px;font-size:13px;border-right:1px solid #c99b42}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes county{to{transform:translateX(-50%)}}.benefit-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.benefit-grid article{background:#f7f8fa;display:flex;gap:9px;align-items:center;padding:9px;border-radius:5px;min-height:122px}.benefit-grid img{width:42%;height:103px;object-fit:cover;border-radius:5px}.benefit-grid h3{font-size:14px;line-height:1.2;margin:0 0 7px}.benefit-grid p{font-size:12px;line-height:1.32;margin:0}.process{background:#062844;color:#fff;padding:17px 0 22px}.process .heading{margin-bottom:17px}.step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.step-grid article{display:flex;align-items:center;gap:10px}.step-num{background:var(--gold);border-radius:50%;width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;font-size:28px;font-weight:900}.step-grid img{width:77px;height:70px;object-fit:cover;border-radius:5px}.step-grid h3{font-size:14px;margin:0 0 4px}.step-grid p{font-size:12px;line-height:1.35;margin:0}.uses .heading{text-align:left;margin-left:10px}.uses .heading:after{margin-left:0}.use-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:13px}.use-grid article{text-align:center}.use-grid img{width:100%;height:76px;object-fit:cover;border-radius:5px;display:block}.use-grid span{display:block;font-size:12px;font-weight:700;margin-top:5px}.lower{padding-top:12px;padding-bottom:15px}.lower-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(260px,.85fr);gap:28px}.lower h2{font-size:23px;margin:0 0 10px}.lower-heading{display:flex;justify-content:space-between;align-items:center}.lower-heading span{font-size:12px;color:#b78529}.carousel-shell{display:flex;align-items:center;gap:10px}.arrow{border:0;background:transparent;font-size:35px;color:#082c55;cursor:pointer;flex:0 0 25px}.review-viewport{overflow:hidden;min-width:0;flex:1}.review-track{display:flex;gap:12px;transition:transform .55s ease;will-change:transform}.review{flex:0 0 calc((100% - 24px)/3);border:1px solid #e5eaf1;border-radius:6px;padding:15px;background:white;min-height:180px;box-shadow:0 2px 7px #071e370a}.stars{color:#f3b01b;font-size:20px;letter-spacing:2px}.review p{font-size:13px;line-height:1.42;min-height:69px;margin:7px 0}.review b,.review small{display:block;font-size:12px}.review small{color:#61758c;margin-top:3px}.dots{text-align:center;margin-top:7px}.dots button{width:8px;height:8px;border:0;background:#cbd5e1;border-radius:50%;padding:0;margin:0 3px;cursor:pointer}.dots button.active{background:#cf9a3c}.sample-note{font-size:10px;color:#75849a;margin:7px 36px 0}.faq details{border:1px solid #e2e8ef;border-bottom:0}.faq details:last-child{border-bottom:1px solid #e2e8ef}.faq summary{cursor:pointer;font-size:12px;padding:8px 10px;list-style:none}.faq summary:after{content:'+';float:right;font-weight:900}.faq details[open] summary:after{content:'−'}.faq details p{font-size:12px;line-height:1.5;padding:0 10px 12px;margin:0}.contact{background:#062844;color:white}.contact-grid{display:grid;grid-template-columns:1fr 1.25fr .9fr;gap:26px;align-items:center}.contact-details{padding:20px 0}.contact-details h2{font-size:24px;margin:0 0 10px}.contact-details p{font-size:17px;margin:8px 0}.contact-details p:first-of-type{font-size:24px;font-weight:900}.contact-form{padding:15px 0}.contact-form .request-form{padding:13px}.contact-form .request-form h2,.contact-form .request-form>p{display:none}.contact-form .request-form input,.contact-form .request-form select{height:35px}.contact-form .request-form button{min-height:40px}.contact-form .request-form small{margin-top:6px}.contact-image{width:100%;height:230px;object-fit:cover}.footer{background:white}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:15px 0}.footer-top img{width:155px}.footer-top nav{display:flex;gap:18px;font-size:12px}.footer-top>span{font-size:12px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #e6e9ed;padding:10px 0 16px;font-size:11px;color:#7c8a9b}.mobile-call{display:none}@media(max-width:1150px){.wrap{width:min(100% - 36px,1450px)}.navigation{gap:14px}.phone{font-size:18px}.hero-inner{grid-template-columns:minmax(0,1fr) 315px;gap:25px}.benefit-grid{grid-template-columns:repeat(3,1fr)}.benefit-grid img{width:95px}.price-grid{gap:10px}.step-grid{gap:10px}.step-grid img{width:52px}.step-num{width:40px;height:40px;flex-basis:40px}.lower-grid{grid-template-columns:1.6fr 1fr}}@media(max-width:760px){body{padding-bottom:63px}.header-inner{height:67px;flex-wrap:wrap}.brand img{width:155px}.menu-toggle{display:block;margin-left:auto;background:white;border:0;font-size:25px}.navigation{display:none;position:absolute;top:67px;left:0;right:0;background:white;padding:18px;box-shadow:0 10px 20px #0002;flex-direction:column;align-items:flex-start}.navigation.open{display:flex}.header .phone{display:none}.hero-inner{display:flex;flex-direction:column;gap:0}.hero-copy{padding:28px 0 15px}.hero h1{font-size:39px}.hero-copy>p{font-size:17px}.hero-benefits img{width:65px;height:55px}.hero-benefits>div{font-size:11px}.hero-form{width:100%;padding:0 0 20px}.price-grid{grid-template-columns:repeat(2,1fr)}.price-card img{height:100px}.counties-inner{grid-template-columns:1fr;gap:9px}.county-label{text-align:center}.benefit-grid{grid-template-columns:repeat(2,1fr)}.benefit-grid article{flex-direction:column;align-items:stretch}.benefit-grid img{width:100%;height:90px}.step-grid{grid-template-columns:1fr 1fr}.use-grid{grid-template-columns:repeat(4,1fr)}.lower-grid{grid-template-columns:1fr}.review{flex-basis:calc((100% - 12px)/2)}.contact-grid{grid-template-columns:1fr}.contact-image{display:none}.contact-details{padding-bottom:0}.contact-form{padding-top:0}.footer-top,.footer-bottom{flex-direction:column;align-items:flex-start}.footer-top nav{flex-wrap:wrap}.mobile-call{display:block;position:fixed;bottom:0;left:0;right:0;text-align:center;background:var(--gold);color:white;font-weight:900;font-size:23px;padding:16px;z-index:10;animation:pulse 2s infinite}}@media(max-width:490px){.review{flex-basis:100%}.use-grid{grid-template-columns:repeat(2,1fr)}.step-grid{grid-template-columns:1fr}.hero-benefits{gap:5px}.hero-benefits img{width:55px;height:48px}}@media(prefers-reduced-motion:reduce){.phone,.mobile-call,.marquee-track{animation:none}.review-track{transition:none}}
/* 2026-10-26: nagyobb tipográfia, hangsúlyos alsó szekció */
body{font-size:18px}
.navigation a{font-size:16px}
.phone{font-size:27px}
.hero-copy>p{font-size:22px}
.price-card h3{font-size:20px}.price-card p{font-size:15px}.price-card strong{font-size:24px}
.county-label p{font-size:16px}.marquee-track span{font-size:16px}
.benefit-grid h3{font-size:17px}.benefit-grid p{font-size:15px}
.step-grid h3{font-size:17px}.step-grid p{font-size:15px}
.use-grid span{font-size:15px}
.lower h2{font-size:28px}.review p{font-size:17px}.review b,.review small{font-size:15px}.stars{font-size:24px}
.faq summary,.faq details p{font-size:16px}
.contact-details h2{font-size:32px}.contact-details p{font-size:21px}.contact-details p:first-of-type{font-size:33px}
.contact-form .request-form input,.contact-form .request-form select{height:43px;font-size:16px}
.contact-form .request-form button{min-height:47px;font-size:17px}
.footer-top nav,.footer-top>span{font-size:16px}.footer-bottom{font-size:15px}
@media(max-width:760px){.phone{font-size:22px}.hero-copy>p{font-size:19px}.contact-details p:first-of-type{font-size:27px}.review p{font-size:16px}}

/* GYIK: nagyobb, erőteljesebb tipográfia */
.faq h2{font-size:clamp(26px,2.3vw,34px);font-weight:900;letter-spacing:-.025em}
.faq summary{font-size:clamp(17px,1.25vw,20px);font-weight:800;line-height:1.4;padding:14px 16px}
.faq details p{font-size:clamp(16px,1.1vw,18px);font-weight:500;line-height:1.65;padding:2px 16px 18px}
.faq summary:after{font-size:23px;line-height:1}
@media(max-width:760px){.faq summary{font-size:18px;padding:15px 13px}.faq details p{font-size:16px;padding:0 13px 16px}}


/* Final mobile-only gold fixed bars. Desktop never displays either bar. */
.mobile-top-banner, .mobile-call { display:none !important; }
@media screen and (max-width:760px) {
  :root { --fixed-top:60px; --fixed-bottom:60px; --mobile-gold:#c98b21; }
  html { scroll-padding-top:calc(var(--fixed-top) + 16px); }
  body { padding-top:var(--fixed-top); padding-bottom:calc(var(--fixed-bottom) + env(safe-area-inset-bottom, 0px) + 12px); }
  .mobile-top-banner {
    box-sizing:border-box; display:flex !important; position:fixed; inset:0 0 auto 0;
    height:var(--fixed-top); min-height:0; z-index:9999;
    justify-content:center; align-items:center; padding:0 12px;
    background:var(--mobile-gold); color:#fff; font-weight:900;
    font-size:clamp(16px,4.5vw,20px); line-height:1.15; letter-spacing:.01em;
    text-align:center; box-shadow:0 2px 8px #0002;
  }
  .mobile-call {
    box-sizing:border-box; display:flex !important; position:fixed;
    inset:auto 0 0 0; z-index:9999;
    min-height:0; height:calc(var(--fixed-bottom) + env(safe-area-inset-bottom, 0px));
    align-items:center; justify-content:center; padding:8px 10px calc(8px + env(safe-area-inset-bottom, 0px));
    background:var(--mobile-gold); color:#fff; text-decoration:none;
    font-weight:900; font-size:clamp(23px,6.2vw,31px); line-height:1.15;
    text-align:center; box-shadow:0 -3px 12px #0002; animation:none;
  }
  .navigation { z-index:100; }
  .faq h2 { font-size:24px; }
  .faq summary { font-size:15px; font-weight:750; padding:12px 11px; }
  .faq details p { font-size:14px; padding:0 11px 12px; }
}

/* Mobile horizontal overflow fix: constrain all content to the viewport. */
html { max-width:100%; overflow-x:clip; }
body { width:100%; max-width:100%; overflow-x:clip; }
@media (max-width:760px) {
  .wrap { width:calc(100% - 28px); max-width:100%; }
  main, section, header, footer, .hero-inner, .counties-inner,
  .lower-grid, .contact-grid, .price-grid, .benefit-grid, .step-grid,
  .use-grid, .carousel-shell { max-width:100%; min-width:0; }
  .counties-inner > *, .lower-grid > *, .contact-grid > *,
  .carousel-shell > *, .review-viewport, .marquee { min-width:0; max-width:100%; }
  .marquee { width:100%; overflow:hidden; }
  .marquee-track { max-width:none; }
  img { max-width:100%; }
  .mobile-top-banner, .mobile-call { width:100%; max-width:100%; }
}

.website-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.form-feedback{font-size:14px;line-height:1.4;min-height:18px;color:#fff;margin:6px 0}
.form-feedback.success{color:#a7f3d0}.form-feedback.error{color:#ffb4b4}
.request-form button:disabled{opacity:.6;cursor:wait}

/* Scroll-triggered animations, replayed on scrolling down and up. */
@media (prefers-reduced-motion: no-preference) {
  .scroll-reveal { opacity:1; transform:none; }
  .scroll-reveal.reveal-ready { opacity:0; transform:translate3d(0,25px,0); transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1); }
  .scroll-reveal.reveal-ready.reveal-visible { opacity:1; transform:translate3d(0,0,0); }
  .scroll-reveal.reveal-ready[data-reveal="left"] {transform:translate3d(-24px,0,0)}
  .scroll-reveal.reveal-ready[data-reveal="right"] {transform:translate3d(24px,0,0)}
  .scroll-reveal.reveal-ready.reveal-visible[data-reveal] {transform:translate3d(0,0,0)}
  .price-card,.benefit-grid article,.step-grid article,.use-grid article { transition:box-shadow .25s ease; }
  .price-card:hover,.benefit-grid article:hover,.use-grid article:hover {box-shadow:0 9px 24px #071e3726}
}
@media(prefers-reduced-motion:reduce){.scroll-reveal,.scroll-reveal.reveal-ready{opacity:1!important;transform:none!important;transition:none!important}}

/* Gentle synchronized pulse on both fixed gold mobile bars. No scaling, so no overflow. */
@keyframes gold-bar-breathe {
  0%,100% { background-color:#c98b21; filter:brightness(1); box-shadow:0 0 0 rgba(255,210,90,0); }
  50% { background-color:#e2a83c; filter:brightness(1.07); box-shadow:0 0 22px rgba(245,183,64,.50); }
}
@media (max-width:760px) and (prefers-reduced-motion:no-preference) {
  .mobile-top-banner, .mobile-call { animation:gold-bar-breathe 2.2s ease-in-out infinite !important; transform:none !important; }
}
@media (prefers-reduced-motion:reduce) {
  .mobile-top-banner,.mobile-call {animation:none!important;filter:none!important;}
}

/* Timed and exit-intent callback modal */
.callback-modal{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:18px;isolation:isolate}
.callback-modal.is-open{display:flex}
.callback-modal-backdrop{position:absolute;inset:0;background:rgba(5,19,43,.78);backdrop-filter:blur(5px)}
.callback-modal-card{position:relative;z-index:1;width:min(100%,440px);max-height:min(92dvh,760px);overflow-y:auto;overscroll-behavior:contain;background:#fff;border-radius:19px;padding:30px 28px 23px;box-shadow:0 26px 85px rgba(0,0,0,.35);animation:callbackPop .35s ease-out}
.callback-modal-tag{color:#b77c16;font-size:11px;letter-spacing:1.5px;font-weight:800;margin:0 36px 14px 0}
.callback-modal-card .request-form{box-shadow:none!important;background:transparent!important;padding:0!important;margin:0!important;width:100%!important;max-width:100%!important}
.callback-modal-card .request-form h2{color:#0a2346!important;font-size:27px!important;line-height:1.15;margin-bottom:8px}
.callback-modal-card .request-form p{color:#506077!important;font-size:14px;margin-bottom:17px}
.callback-modal-card .request-form input:not(.website-field),.callback-modal-card .request-form select{width:100%;box-sizing:border-box}
.callback-modal-card .form-feedback{color:#26354c}.callback-modal-card .form-feedback.success{color:#087d54}.callback-modal-card .form-feedback.error{color:#b62a2a}
.callback-modal-close{position:absolute;top:12px;right:14px;border:0;background:#eef0f5;color:#152b4d;border-radius:50%;width:37px;height:37px;font-size:27px;line-height:1;cursor:pointer;z-index:3}
.callback-modal-alt{text-align:center;color:#526079;font-size:13px;margin:16px 0 0}.callback-modal-alt a{font-weight:800;color:#a96c0c}
body.callback-modal-lock{overflow:hidden}
@keyframes callbackPop{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:767px){.callback-modal{padding:12px 12px calc(12px + env(safe-area-inset-bottom))}.callback-modal-card{padding:24px 20px 18px;max-height:calc(100dvh - 30px - env(safe-area-inset-bottom))}.callback-modal-card .request-form h2{font-size:24px!important}}
@media(prefers-reduced-motion:reduce){.callback-modal-card{animation:none}.callback-modal-backdrop{backdrop-filter:none}}