{"id":5253,"date":"2026-10-07T17:44:01","date_gmt":"2026-10-07T15:44:01","guid":{"rendered":"https:\/\/along.hu\/light\/"},"modified":"2026-10-10T15:11:36","modified_gmt":"2026-10-10T13:11:36","slug":"light","status":"publish","type":"page","link":"https:\/\/along.hu\/hu\/light\/","title":{"rendered":"Light"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5253\" class=\"elementor elementor-5253 elementor-5167\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b8aa3a e-con e-atomic-element e-flexbox-base e-default-div e-0ebe2ca \" data-id=\"6b8aa3a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6b8aa3a\">\n    \t\t<div class=\"elementor-element elementor-element-02a846d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"02a846d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     ALONG \u2013 LIGHT oldal MAGYARUL \u00b7 1. R\u00c9SZ a 2-b\u0151l\r\n     Hero \u00b7 Sound familiar? \u00b7 A taste of the Light set \u00b7 Pick your place\r\n     ------------------------------------------------------------\r\n     \u25ba The hero has 140px extra space on top for the floating header.\r\n     PAGE ORDER IN ELEMENTOR:\r\n       1. THIS block (one HTML widget, full-width section, no padding)\r\n       2. \"What the walk looks like\"  (along-walk-rules-section.html)\r\n       3. \"Routon delivers the walk\"  (along-routon-section.html)\r\n       4. \"Good to know\"              (along-good-to-know-section.html)\r\n       5. PART 2 block                (along-light-page-bottom.html)\r\n     ============================================================ -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Poppins:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"al-lp\">\r\n\r\n  <!-- ===== HERO ===== -->\r\n  <section class=\"al-lp__hero\">\r\n    <div class=\"al-lp__wrap al-lp__herogrid\">\r\n      <div class=\"al-lp__herocopy\">\r\n        <span class=\"al-lp__badge\"><i>\u2726<\/i> Light \u00b7 Els\u0151 randik \u00e9s friss p\u00e1rok<\/span>\r\n        <h1 class=\"al-lp__h1\">A kulcs egy <br><span>\u00faj kezdethez<\/span><\/h1>\r\n        <p class=\"al-lp__sub\">Fedezz\u00e9tek fel Budapestet, mik\u00f6zben egym\u00e1st is jobban megismeritek. 25 k\u00e9rd\u00e9s seg\u00edt t\u00fall\u00e9pni a szok\u00e1sos besz\u00e9lget\u00e9seken, \u00e9s felfedezni egym\u00e1s rejtett oldal\u00e1t.<\/p>\r\n        <div class=\"al-lp__ctas\">\r\n          <a class=\"al-lp__btn\" href=\"#light-walks\">Light s\u00e9t\u00e1k <em aria-hidden=\"true\">&darr;<\/em><\/a>\r\n          <a class=\"al-lp__ghost\" href=\"#light-how\">Hogyan m\u0171k\u00f6dik?<\/a>\r\n        <\/div>\r\n        <ul class=\"al-lp__trust\">\r\n          <li>25 k\u00e9rd\u00e9s<\/li>\r\n          <li>Egy telefon<\/li>\r\n          <li>Offline is m\u0171k\u00f6dik<\/li>\r\n          <li>B\u00e1rmikor indulhattok<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"al-lp__visual\" aria-hidden=\"true\">\r\n        <div class=\"al-lp__photo\"><\/div>\r\n        <div class=\"al-lp__float al-lp__float--n\">\r\n          <span class=\"al-lp__app\">R<\/span>\r\n          <span><b>Routon <small>most<\/small><\/b>A 4. meg\u00e1ll\u00f3n\u00e1l vagytok. \u00daj k\u00e9rd\u00e9s v\u00e1r r\u00e1tok.<\/span>\r\n        <\/div>\r\n        <div class=\"al-lp__float al-lp__float--q\">\r\n          <small>\u2726 Light \u00b7 4. meg\u00e1ll\u00f3<\/small>\r\n          <b>Mi az, ami mostan\u00e1ban igaz\u00e1n lelkes\u00edt?<\/b>\r\n        <\/div>\r\n        <div class=\"al-lp__float al-lp__float--c\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"m5 12.5 4.5 4.5L19 7.5\"\/><\/svg>Nincs k\u00ednos csend\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===== SOUND FAMILIAR ===== -->\r\n  <section class=\"al-lp__fam\">\r\n    <div class=\"al-lp__wrap\">\r\n      <span class=\"al-lp__eyebrow\">Erre a pillanatra k\u00e9sz\u00fclt<\/span>\r\n      <h2 class=\"al-lp__h2\">Ugye <span>ismer\u0151s?<\/span><\/h2>\r\n      <span class=\"al-lp__swipe\">Lapozz<\/span>\r\n      <div class=\"al-lp__famgrid\">\r\n        <div class=\"al-lp__fc\">\r\n          <span class=\"al-lp__bub\">sz\u00f3val\u2026 mit csin\u00e1lunk szombaton?<\/span>\r\n          <b>A k\u00e1v\u00e9n m\u00e1r t\u00fal vagytok<\/b>\r\n          <p>A megszokott programok helyett \u00e9ljetek \u00e1t valami \u00fajat egy\u00fctt, ami k\u00f6zelebb hoz benneteket egym\u00e1shoz.<\/p>\r\n        <\/div>\r\n        <div class=\"al-lp__fc\">\r\n          <span class=\"al-lp__bub\">...\u00e9s te mivel foglalkozol?<\/span>\r\n          <b>Elfogyott a small talk<\/b>\r\n          <p>L\u00e9pjetek t\u00fal a szok\u00e1sos t\u00e9m\u00e1kon, \u00e9s fedezzetek fel olyan dolgokat egym\u00e1sban, amikr\u0151l eddig nem besz\u00e9ltetek.<\/p>\r\n        <\/div>\r\n        <div class=\"al-lp__fc\">\r\n          <span class=\"al-lp__bub al-lp__bub--me\">ez volt a legjobb randim \u00e9vek \u00f3ta<\/span>\r\n          <b>Legyen eml\u00e9kezetes<\/b>\r\n          <p>Egy s\u00e9ta, n\u00e9h\u00e1ny igaz\u00e1n j\u00f3 k\u00e9rd\u00e9s \u00e9s egy este, amire k\u00e9s\u0151bb is mosolyogva gondoltok vissza.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===== QUESTIONS DECK ===== -->\r\n  <section class=\"al-lp__qs\">\r\n    <div class=\"al-lp__wrap al-lp__qgrid\">\r\n      <div class=\"al-lp__qcopy\">\r\n        <span class=\"al-lp__eyebrow al-lp__eyebrow--w\">Val\u00f3di k\u00e9rd\u00e9sek a szettb\u0151l<\/span>\r\n        <h2 class=\"al-lp__h2 al-lp__h2--w\">\u00cdzel\u00edt\u0151 a<br>Light k\u00e9rd\u00e9seib\u0151l<\/h2>\r\n        <p>El\u00e9g k\u00f6nnyed egy els\u0151 randihoz, de el\u00e9g izgalmas ahhoz, hogy az utols\u00f3 meg\u00e1ll\u00f3 ut\u00e1n is besz\u00e9lgessetek.<\/p>\r\n        <button class=\"al-lp__next\" type=\"button\">K\u00f6vetkez\u0151 k\u00e9rd\u00e9s <em aria-hidden=\"true\">&rarr;<\/em><\/button>\r\n      <\/div>\r\n      <div class=\"al-lp__deck\">\r\n        <div class=\"al-lp__card\"><small>\u2726 Light \u00b7 4. meg\u00e1ll\u00f3<\/small><b>Mi volt az els\u0151 benyom\u00e1sod r\u00f3lam?<\/b><span>V\u00e1laszoljatok hangosan, egym\u00e1snak.<\/span><\/div>\r\n<div class=\"al-lp__card\"><small>\u2726 Light \u00b7 12. meg\u00e1ll\u00f3<\/small><b>Mit gondolsz, miben hasonl\u00edtunk egym\u00e1sra?<\/b><span>V\u00e1laszoljatok hangosan, egym\u00e1snak.<\/span><\/div>\r\n<div class=\"al-lp__card\"><small>\u2726 Light \u00b7 18. meg\u00e1ll\u00f3<\/small><b>Mi az, amit nagyon szeretn\u00e9l kipr\u00f3b\u00e1lni?<\/b><span>V\u00e1laszoljatok hangosan, egym\u00e1snak.<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===== WALKS CAROUSEL ===== -->\r\n  <section class=\"al-lp__walks\" id=\"light-walks\">\r\n    <div class=\"al-lp__wrap\">\r\n      <div class=\"al-lp__whead\">\r\n        <div>\r\n          <span class=\"al-lp__eyebrow\">Innent\u0151l csak rajtatok m\u00falik<\/span>\r\n          <h2 class=\"al-lp__h2\">V\u00e1lassz\u00e1tok ki <span>a t\u00f6k\u00e9letes helyet<\/span><\/h2>\r\n        <\/div>\r\n        <div class=\"al-lp__arrows\">\r\n          <button class=\"al-lp__arr al-lp__arr--prev\" type=\"button\" aria-label=\"El\u0151z\u0151\"><svg viewBox=\"0 0 24 24\"><path d=\"m15 5-7 7 7 7\"\/><\/svg><\/button>\r\n          <button class=\"al-lp__arr al-lp__arr--next\" type=\"button\" aria-label=\"K\u00f6vetkez\u0151\"><svg viewBox=\"0 0 24 24\"><path d=\"m9 5 7 7-7 7\"\/><\/svg><\/button>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"al-lp__rail\"><\/div>\r\n  <\/section>\r\n\r\n  <div id=\"light-how\"><\/div>\r\n<\/div>\r\n\r\n<style>\r\n.al-lp{--lp-rose:#d58a94;--lp-light:#c4a0a4;--lp-ink:#1c1c1e;--lp-text:#4a4a4e;--lp-muted:#8e8e93;\r\n  font-family:'Poppins',sans-serif!important;color:var(--lp-text);overflow:hidden}\r\n.al-lp *,.al-lp *::before,.al-lp *::after{box-sizing:border-box}\r\n.al-lp__wrap{max-width:1160px;margin:0 auto;padding:0 24px}\r\n.al-lp__eyebrow{display:block;font-size:12.5px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--lp-muted);margin-bottom:10px}\r\n.al-lp__eyebrow--w{color:rgba(255,255,255,.8)}\r\n.al-lp__h2{font-family:'Anton',sans-serif!important;font-weight:400;font-size:clamp(38px,5vw,64px);line-height:1.04;margin:0;color:var(--lp-ink);text-transform:none}\r\n.al-lp__h2 span{color:var(--lp-rose)}\r\n.al-lp__h2--w{color:#fff}\r\n\r\n\/* buttons (theme overrides on purpose) *\/\r\n.al-lp .al-lp__btn{display:inline-flex!important;align-items:center;gap:10px;padding:16px 30px!important;border-radius:999px!important;background:var(--lp-rose)!important;color:#fff!important;\r\n  text-decoration:none!important;font-family:'Poppins',sans-serif!important;font-size:15.5px;font-weight:600;border:none!important;box-shadow:0 18px 34px -16px rgba(213,138,148,.85);\r\n  transition:transform .3s cubic-bezier(.2,.8,.2,1),background .3s}\r\n.al-lp .al-lp__btn:hover,.al-lp .al-lp__btn:focus,.al-lp .al-lp__btn:active{background:#c97a85!important;color:#fff!important;transform:translateY(-2px)}\r\n.al-lp__btn em{font-style:normal;transition:transform .3s}\r\n.al-lp__btn:hover em{transform:translateY(3px)}\r\n.al-lp .al-lp__ghost{display:inline-flex!important;align-items:center;padding:15px 24px!important;border-radius:999px!important;color:var(--lp-ink)!important;text-decoration:none!important;\r\n  font-family:'Poppins',sans-serif!important;font-size:15px;font-weight:600;background:rgba(255,255,255,.6)!important;border:1px solid rgba(28,28,30,.12)!important;transition:background .3s}\r\n.al-lp .al-lp__ghost:hover,.al-lp .al-lp__ghost:focus{background:#fff!important;color:var(--lp-ink)!important}\r\n\r\n\/* HERO *\/\r\n.al-lp__hero{position:relative;padding:230px 0 100px;background:\r\n  radial-gradient(ellipse 60% 70% at 85% 30%,rgba(255,255,255,.7),rgba(255,255,255,0) 70%),\r\n  linear-gradient(160deg,#f6e9eb 0%,#efdcdf 55%,#e6c9cd 100%)}\r\n.al-lp__herogrid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}\r\n.al-lp__badge{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;padding:8px 15px;border-radius:999px;color:#fff;\r\n  background:rgba(196,160,164,.9);box-shadow:0 10px 24px -14px rgba(122,74,82,.7);margin-bottom:22px}\r\n.al-lp__badge i{font-style:normal;color:#fff}\r\n.al-lp__h1{font-family:'Anton',sans-serif!important;font-weight:400;font-size:clamp(48px,6.6vw,92px);line-height:.98;margin:0 0 20px;color:var(--lp-ink);text-transform:none}\r\n.al-lp__h1 span{color:var(--lp-rose)}\r\n.al-lp__sub{font-size:17px;line-height:1.65;margin:0 0 30px;max-width:500px;color:#5a4a4d}\r\n.al-lp__ctas{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}\r\n.al-lp__trust{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px}\r\n.al-lp__trust li{position:relative;padding-left:18px;font-size:13.5px;font-weight:500;color:#5a4a4d}\r\n.al-lp__trust li::before{content:\"\";position:absolute;left:0;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:var(--lp-rose);box-shadow:0 0 0 3px rgba(213,138,148,.2)}\r\n\r\n.al-lp__visual{position:relative;height:540px}\r\n.al-lp__photo{position:absolute;inset:0 30px 0 50px;border-radius:34px;transform:rotate(2deg);\r\n  background:linear-gradient(180deg,rgba(28,28,30,0) 55%,rgba(28,28,30,.35)),url('https:\/\/along.hu\/wp-content\/uploads\/2026\/04\/Couple-walking-in-Budapest.webp') center 40%\/cover no-repeat;\r\n  box-shadow:0 40px 80px -40px rgba(90,30,45,.6)}\r\n.al-lp__float{position:absolute;z-index:2;border-radius:20px;box-shadow:0 24px 44px -22px rgba(40,10,20,.55);animation:lp-bob 6s ease-in-out infinite}\r\n@keyframes lp-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\r\n.al-lp__float--n{top:40px;left:0;width:270px;display:flex;gap:10px;padding:11px 13px;font-size:12.5px;line-height:1.35;color:#000;\r\n  background:rgba(250,250,252,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}\r\n.al-lp__float--n b{display:flex;justify-content:space-between;font-weight:600}\r\n.al-lp__float--n b small{font-weight:400;color:var(--lp-muted)}\r\n.al-lp__app{flex:0 0 34px;height:34px;border-radius:9px;background:var(--lp-ink);color:#fff;font-family:'Anton',sans-serif;font-size:18px;display:flex;align-items:center;justify-content:center}\r\n.al-lp__float--q{right:0;bottom:70px;width:280px;padding:18px 20px;background:#fff;animation-delay:-2s}\r\n.al-lp__float--q small{display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--lp-light);color:#fff;margin-bottom:10px}\r\n.al-lp__float--q b{display:block;font-family:'Anton',sans-serif!important;font-weight:400;font-size:22px;line-height:1.15;color:var(--lp-ink)}\r\n.al-lp__float--c{left:20px;bottom:30px;display:flex;align-items:center;gap:8px;padding:10px 15px 10px 11px;border-radius:999px;font-size:13px;font-weight:600;color:var(--lp-ink);\r\n  background:rgba(255,255,255,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation-delay:-4s}\r\n.al-lp__float--c svg{width:22px;height:22px;padding:4px;border-radius:50%;background:#5fc283;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}\r\n\r\n\/* SOUND FAMILIAR *\/\r\n.al-lp__fam{padding:100px 0;background:#fff;text-align:center}\r\n.al-lp__famgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px;text-align:left}\r\n.al-lp__swipe{display:none}\r\n.al-lp__fc{padding:26px 26px 28px;border-radius:28px;background:#f7f4f4;border:1px solid #f0ebec;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}\r\n.al-lp__fc:hover{transform:translateY(-4px);box-shadow:0 26px 50px -32px rgba(60,20,30,.4)}\r\n.al-lp__bub{position:relative;display:inline-block;max-width:90%;padding:9px 14px;border-radius:18px 18px 18px 6px;background:#e9e9eb;color:#000;font-size:13.5px;margin-bottom:22px}\r\n.al-lp__bub--me{border-radius:18px 18px 6px 18px;background:#0a84ff;color:#fff}\r\n.al-lp__fc:nth-child(3) .al-lp__bub{display:table;margin-left:auto}\r\n.al-lp__fc b{display:block;font-family:'Anton',sans-serif!important;font-weight:400;font-size:26px;line-height:1.12;color:var(--lp-ink);margin-bottom:8px}\r\n.al-lp__fc p{margin:0;font-size:14.5px;line-height:1.65}\r\n\r\n\/* QUESTIONS *\/\r\n.al-lp__qs{padding:100px 0;background:linear-gradient(150deg,#d4b1b6 0%,#c4a0a4 45%,#a98388 100%);color:#fff}\r\n.al-lp__qgrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}\r\n.al-lp__qcopy p{font-size:16px;line-height:1.65;color:rgba(255,255,255,.88);margin:16px 0 26px;max-width:400px}\r\n.al-lp .al-lp__next{all:unset;display:inline-flex!important;align-items:center;gap:10px;padding:14px 26px!important;border-radius:999px!important;cursor:pointer;\r\n  background:#fff!important;color:var(--lp-ink)!important;font-family:'Poppins',sans-serif!important;font-size:15px;font-weight:600;\r\n  box-shadow:0 16px 30px -16px rgba(60,20,30,.6);transition:transform .3s cubic-bezier(.2,.8,.2,1)}\r\n.al-lp .al-lp__next:hover,.al-lp .al-lp__next:focus{transform:translateY(-2px);background:#fff!important;color:var(--lp-ink)!important}\r\n.al-lp__next:focus-visible{outline:2px solid #fff!important;outline-offset:3px}\r\n.al-lp__next em{font-style:normal}\r\n.al-lp__deck{position:relative;height:380px;cursor:pointer;-webkit-tap-highlight-color:transparent}\r\n.al-lp__card{position:absolute;left:50%;top:50%;width:min(420px,100%);min-height:300px;margin-left:calc(min(420px,100%)\/-2);margin-top:-150px;padding:28px 30px;border-radius:30px;\r\n  display:flex;flex-direction:column;background:#fff;color:var(--lp-ink);box-shadow:0 34px 60px -34px rgba(60,20,30,.7);\r\n  transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .5s ease}\r\n.al-lp__card small{align-self:flex-start;font-size:11.5px;font-weight:600;padding:5px 12px;border-radius:999px;background:var(--lp-light);color:#fff}\r\n.al-lp__card b{display:block;margin:auto 0;padding:22px 0;font-family:'Anton',sans-serif!important;font-weight:400;font-size:clamp(26px,3vw,34px);line-height:1.14}\r\n.al-lp__card span{font-size:12.5px;color:var(--lp-muted)}\r\n.al-lp__card[data-p=\"0\"]{z-index:3;transform:none}\r\n.al-lp__card[data-p=\"1\"]{z-index:2;transform:translate(26px,-14px) rotate(4deg) scale(.95);opacity:.92}\r\n.al-lp__card[data-p=\"2\"]{z-index:1;transform:translate(48px,-26px) rotate(8deg) scale(.9);opacity:.75}\r\n.al-lp__card.is-out{z-index:4;transform:translate(-120%,30px) rotate(-14deg)!important;opacity:0!important}\r\n\r\n\/* WALKS *\/\r\n.al-lp__walks{padding:100px 0 110px;background:#f6f3f3}\r\n.al-lp__whead{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:34px}\r\n.al-lp__arrows{display:flex;gap:8px}\r\n.al-lp .al-lp__arr{all:unset;width:46px;height:46px;border-radius:50%!important;display:flex!important;align-items:center;justify-content:center;cursor:pointer;\r\n  background:rgba(28,28,30,.82)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .25s,opacity .25s,background .25s}\r\n.al-lp .al-lp__arr:hover,.al-lp .al-lp__arr:focus{background:var(--lp-ink)!important;transform:scale(1.06)}\r\n.al-lp__arr[disabled]{opacity:.3;cursor:default}\r\n.al-lp__arr svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}\r\n.al-lp__rail{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;\r\n  padding:6px max(24px,calc((100vw - 1112px)\/2)) 30px;scroll-padding:0 max(24px,calc((100vw - 1112px)\/2))}\r\n.al-lp__rail::-webkit-scrollbar{display:none}\r\n.al-lp__w{flex:0 0 330px;scroll-snap-align:start;display:flex;flex-direction:column;border-radius:28px;overflow:hidden;background:#fff;\r\n  box-shadow:0 22px 44px -30px rgba(60,20,30,.4);transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}\r\n.al-lp__w:hover{transform:translateY(-5px);box-shadow:0 30px 56px -30px rgba(60,20,30,.5)}\r\n.al-lp__wimg{position:relative;height:220px;background-size:cover;background-repeat:no-repeat}\r\n.al-lp__wimg::after{content:\"\";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 50%,rgba(0,0,0,.35))}\r\n.al-lp__wtag{position:absolute;z-index:1;top:14px;left:14px;font-size:11.5px;font-weight:600;padding:5px 12px;border-radius:999px;color:#fff;\r\n  background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.45);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}\r\n.al-lp__wcity{position:absolute;z-index:1;bottom:12px;left:16px;font-size:12px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:#fff}\r\n.al-lp__wbody{flex:1;display:flex;flex-direction:column;padding:20px 22px 22px}\r\n.al-lp__wbody b{font-family:'Anton',sans-serif!important;font-weight:400;font-size:28px;line-height:1.1;color:var(--lp-ink);margin-bottom:6px}\r\n.al-lp__wbody p{margin:0 0 14px;font-size:14px;line-height:1.6}\r\n.al-lp__wmeta{display:flex;gap:6px;flex-wrap:wrap;margin:auto 0 16px}\r\n.al-lp__wmeta span{font-size:11.5px;font-weight:500;padding:5px 10px;border-radius:999px;background:#f4eef0;color:#7a4a52}\r\n.al-lp .al-lp__wbtn{display:flex!important;justify-content:center;align-items:center;gap:8px;padding:13px 0!important;border-radius:14px!important;background:var(--lp-ink)!important;color:#fff!important;\r\n  text-decoration:none!important;font-family:'Poppins',sans-serif!important;font-size:14.5px;font-weight:600;border:none!important;transition:background .3s}\r\n.al-lp .al-lp__wbtn:hover,.al-lp .al-lp__wbtn:focus,.al-lp .al-lp__wbtn:active{background:var(--lp-rose)!important;color:#fff!important}\r\n\r\n\/* reveal *\/\r\n.al-lp.al-js .al-lp__rv{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .9s cubic-bezier(.16,1,.3,1)}\r\n.al-lp.al-js .al-lp__rv.is-in{opacity:1;transform:none}\r\n\r\n@media (max-width:960px){\r\n  .al-lp__wrap{padding:0 16px}\r\n  .al-lp__hero{padding:196px 0 64px}\r\n  .al-lp__herogrid,.al-lp__qgrid{grid-template-columns:1fr;gap:36px}\r\n  .al-lp__sub{font-size:15.5px}\r\n  .al-lp__visual{height:420px}\r\n  .al-lp__photo{inset:0 16px 0 16px}\r\n  .al-lp__float--n{width:240px;top:18px;left:0}\r\n  .al-lp__float--q{width:230px;bottom:58px;padding:15px 16px}\r\n  .al-lp__float--q b{font-size:18px}\r\n  .al-lp__float--c{left:4px;bottom:14px}\r\n  .al-lp__fam,.al-lp__qs{padding:68px 0}\r\n  .al-lp__famgrid{display:flex;gap:10px;margin:24px -16px 0;padding:4px 16px 14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}\r\n  .al-lp__famgrid::-webkit-scrollbar{display:none}\r\n  .al-lp__fc{flex:0 0 82%;scroll-snap-align:center}\r\n  .al-lp__ctas{flex-wrap:nowrap;gap:8px}\r\n  .al-lp .al-lp__btn{padding:15px 20px!important;font-size:14.5px}\r\n  .al-lp .al-lp__ghost{padding:14px 18px!important;font-size:14.5px;white-space:nowrap}\r\n  .al-lp__fc{padding:22px}\r\n  .al-lp__swipe{display:block;font-size:12px;color:var(--lp-muted);margin-top:6px}\r\n  .al-lp__fc b{font-size:23px}\r\n  .al-lp__qcopy p{margin:12px 0 20px}\r\n  .al-lp__deck{height:340px}\r\n  .al-lp__card{min-height:270px;margin-top:-135px;width:calc(100% - 50px);margin-left:calc((100% - 50px)\/-2 - 22px)}\r\n  .al-lp__walks{padding:68px 0 74px}\r\n  .al-lp__whead{margin-bottom:22px}\r\n  .al-lp__arrows{display:none}\r\n  .al-lp__rail{padding:6px 16px 24px;scroll-padding:0 16px;gap:12px}\r\n  .al-lp__w{flex-basis:80%}\r\n}\r\n@media (prefers-reduced-motion:reduce){.al-lp *{animation:none!important;transition:none!important}}\r\n\/* font lock: the theme can't swap our fonts (Poppins everywhere, Anton for headlines) *\/\r\n.al-lp,.al-lp *:not(svg):not(path):not(circle):not(rect):not(g){font-family:'Poppins',sans-serif!important}\r\n.al-lp svg text{font-family:'Poppins',sans-serif!important}\r\n.al-lp .al-lp__app,\r\n.al-lp .al-lp__app *,\r\n.al-lp .al-lp__card b,\r\n.al-lp .al-lp__card b *,\r\n.al-lp .al-lp__fc b,\r\n.al-lp .al-lp__fc b *,\r\n.al-lp .al-lp__float--q b,\r\n.al-lp .al-lp__float--q b *,\r\n.al-lp .al-lp__h1,\r\n.al-lp .al-lp__h1 *,\r\n.al-lp .al-lp__h2,\r\n.al-lp .al-lp__h2 *,\r\n.al-lp .al-lp__wbody b,\r\n.al-lp .al-lp__wbody b *{font-family:'Anton',sans-serif!important;font-weight:400!important}\r\n\/* end font lock *\/\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  var s=document.querySelector('.al-lp'); if(!s) return;\r\n\r\n  \/* ===== ITT SZERKESZTHET\u0150: magyar Light s\u00e9t\u00e1k (Routon linkek) ===== *\/\r\n  var W=[\r\n    {name:'Belv\u00e1ros', city:'Budapest', desc:'Hangulatos utc\u00e1k, ny\u00fczsg\u0151 terek \u00e9s Duna-parti s\u00e9ta a v\u00e1ros sz\u00edv\u00e9ben.',\r\n img:'https:\/\/along.hu\/wp-content\/uploads\/2026\/04\/Budapesti-seta.webp', pos:'50% 40%', url:'https:\/\/shop.routon-system.com\/event\/951'},\r\n\r\n{name:'Margitsziget', city:'Budapest', desc:'Z\u00f6ldell\u0151 f\u00e1k, kanyarg\u00f3s utak. T\u00f6k\u00e9letes egy nyugodt s\u00e9t\u00e1hoz.',\r\n img:'https:\/\/along.hu\/wp-content\/uploads\/2026\/04\/Couple-walking-in-Budapest.webp', pos:'50% 50%', url:'https:\/\/shop.routon-system.com\/event\/812'},\r\n\r\n{name:'V\u00e1rosliget', city:'Budapest', desc:'Csod\u00e1lj\u00e1tok meg a Vajdahunyad v\u00e1r\u00e1t, \u00e9s szakadjatok ki kicsit a v\u00e1ros zaj\u00e1b\u00f3l.',\r\n img:'https:\/\/along.hu\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-2026.-jun.-11.-14_54_27.png', pos:'15% 50%', url:'https:\/\/shop.routon-system.com\/event\/998'},\r\n\r\n{name:'Budai V\u00e1rnegyed', city:'Budapest', desc:'Macskak\u00f6ves utc\u00e1k, hangulatos kis terek \u00e9s gy\u00f6ny\u00f6r\u0171 kil\u00e1t\u00e1s Budapestre.',\r\n img:'https:\/\/along.hu\/wp-content\/uploads\/2026\/06\/f38e1a14-67e4-4d30-84d7-9d3ce104b541.png', pos:'60% 50%', url:'https:\/\/shop.routon-system.com\/event\/817'},\r\n\r\n{name:'Normafa', city:'Budapest', desc:'Erd\u0151s \u00f6sv\u00e9nyek, friss leveg\u0151 \u00e9s sz\u00e9p kil\u00e1t\u00e1s.',\r\n img:'https:\/\/along.hu\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-2026.-jun.-11.-14_52_32.png', pos:'20% 50%', url:'https:\/\/shop.routon-system.com\/event\/826'},\r\n\r\n{name:'Tagore s\u00e9t\u00e1ny', city:'Balatonf\u00fcred', desc:'S\u00e9t\u00e1ljatok a plat\u00e1nf\u00e1k alatt, a Balaton partj\u00e1n, \u00e9s \u00e9lvezz\u00e9tek a k\u00f6z\u00f6s id\u0151t.',\r\n img:'https:\/\/along.hu\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-2026.-jun.-11.-14_50_13.png', pos:'28% 50%', url:'https:\/\/shop.routon-system.com\/event\/781'}\r\n  ];\r\n  \/* ================================================== *\/\r\n\r\n  \/* walks rail *\/\r\n  var rail=s.querySelector('.al-lp__rail');\r\n  rail.innerHTML=W.map(function(w){\r\n    return '<div class=\"al-lp__w\"><div class=\"al-lp__wimg\" style=\"background-image:url(\\''+w.img+'\\');background-position:'+w.pos+'\">'+\r\n      '<span class=\"al-lp__wtag\">\u2726 Light szett<\/span><span class=\"al-lp__wcity\">'+w.city+'<\/span><\/div>'+\r\n      '<div class=\"al-lp__wbody\"><b>'+w.name+'<\/b><p>'+w.desc+'<\/p>'+\r\n      '<div class=\"al-lp__wmeta\"><span>25 meg\u00e1ll\u00f3<\/span><span>3 \u00f3r\u00e1s id\u0151ablak<\/span><span>Egy telefon kett\u0151t\u00f6knek<\/span><\/div>'+\r\n      '<a class=\"al-lp__wbtn\" href=\"'+w.url+'\" target=\"_blank\" rel=\"noopener\">Megveszem ezt a s\u00e9t\u00e1t <span aria-hidden=\"true\">&rarr;<\/span><\/a><\/div><\/div>';\r\n  }).join('');\r\n  var prev=s.querySelector('.al-lp__arr--prev'), next=s.querySelector('.al-lp__arr--next');\r\n  function step(){var c=rail.querySelector('.al-lp__w');return c?c.offsetWidth+18:340}\r\n  prev.addEventListener('click',function(){rail.scrollBy({left:-step(),behavior:'smooth'})});\r\n  next.addEventListener('click',function(){rail.scrollBy({left:step(),behavior:'smooth'})});\r\n  function arrows(){prev.disabled=rail.scrollLeft<8;next.disabled=rail.scrollLeft+rail.clientWidth>rail.scrollWidth-8}\r\n  rail.addEventListener('scroll',arrows,{passive:true}); addEventListener('resize',arrows); arrows();\r\n\r\n  \/* smooth anchors (#light-walks, #light-how) *\/\r\n  [].slice.call(s.querySelectorAll('a[href^=\"#light-\"]')).forEach(function(a){\r\n    a.addEventListener('click',function(e){var t=document.getElementById(a.getAttribute('href').slice(1));if(t){e.preventDefault();t.scrollIntoView({behavior:'smooth',block:'start'})}});\r\n  });\r\n\r\n  \/* question deck *\/\r\n  var cards=[].slice.call(s.querySelectorAll('.al-lp__card')), order=cards.slice(), busy=false, timer=null, inView=false;\r\n  function lay(){order.forEach(function(c,k){c.setAttribute('data-p',k)})}\r\n  function nextQ(){\r\n    if(busy) return; busy=true;\r\n    var f=order[0]; f.classList.add('is-out');\r\n    setTimeout(function(){order.push(order.shift()); f.classList.remove('is-out'); lay(); busy=false},450);\r\n  }\r\n  function auto(){clearInterval(timer); if(inView) timer=setInterval(nextQ,5000)}\r\n  lay();\r\n  s.querySelector('.al-lp__next').addEventListener('click',function(){nextQ();auto()});\r\n  s.querySelector('.al-lp__deck').addEventListener('click',function(){nextQ();auto()});\r\n\r\n  \/* reveal + deck autoplay only while visible *\/\r\n  if('IntersectionObserver' in window){\r\n    s.classList.add('al-js');\r\n    var rv=[].slice.call(s.querySelectorAll('.al-lp__fc,.al-lp__deck,.al-lp__w'));\r\n    rv.forEach(function(el,k){el.classList.add('al-lp__rv');el.style.transitionDelay=(k%3)*.08+'s'});\r\n    var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){e.target.classList.add('is-in');io.unobserve(e.target)}})},{threshold:.15});\r\n    rv.forEach(function(el){io.observe(el)});\r\n    new IntersectionObserver(function(es){es.forEach(function(e){inView=e.isIntersecting;auto()})},{threshold:.4}).observe(s.querySelector('.al-lp__deck'));\r\n  } else {inView=true;auto()}\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-523647b e-con e-atomic-element e-flexbox-base e-default-div e-eb2e14b \" data-id=\"523647b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"523647b\">\n    \t\t<div class=\"elementor-element elementor-element-85595be elementor-widget elementor-widget-html\" data-id=\"85595be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     ALONG \u2013 \"\u00cdgy n\u00e9z ki a s\u00e9ta\" (How it works page, HU)\r\n     A live mini-map plays a walk on loop: press start \u2192 find stops\r\n     in a random order (skipping some) \u2192 walk to the end point.\r\n     The three step cards light up as the walk moves through them.\r\n     Elementor: full-width section, NO background, no padding,\r\n     ONE \"HTML\" widget, paste everything below.\r\n     \u25ba Photo: change the link in --wl-photo below (or delete it for plain graphite).\r\n     ============================================================ -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Poppins:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"al-wl\" lang=\"hu\" style=\"--wl-photo:url('https:\/\/along.hu\/wp-content\/uploads\/2026\/04\/Couple-walking-in-Budapest.webp')\">\r\n  <div class=\"al-wl__bg\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"al-wl__inner\">\r\n    <span class=\"al-wl__eyebrow\">\u00cdgy m\u0171k\u00f6dik<\/span>\r\n    <h2 class=\"al-wl__title\">\u00cdgy n\u00e9z ki <span>a s\u00e9ta.<\/span><\/h2>\r\n    <p class=\"al-wl__lead\">Fix kezd\u0151pont. Fix v\u00e9gpont. K\u00f6zte teljes szabads\u00e1g.<\/p>\r\n\r\n    <div class=\"al-wl__stage\" aria-hidden=\"true\">\r\n      <div class=\"al-wl__hud\">\r\n        <span class=\"al-wl__chip al-wl__chip--time\"><i><\/i><b>Id\u0151s\u00e1v \u00b7 m\u00e9g nem indult<\/b><\/span>\r\n        <span class=\"al-wl__chip al-wl__chip--stops\"><span>\u00c1llom\u00e1sok <b>0<\/b>\/25<\/span><\/span>\r\n      <\/div>\r\n      <svg class=\"al-wl__svg\"><\/svg>\r\n      <div class=\"al-wl__toast\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"al-wl__steps\">\r\n      <div class=\"al-wl__step\">\r\n        <span class=\"al-wl__ic\"><svg viewBox=\"0 0 24 24\"><rect x=\"5\" y=\"11\" width=\"14\" height=\"10\" rx=\"2.5\"\/><path d=\"M8 11V8a4 4 0 0 1 8 0v3\"\/><\/svg><\/span>\r\n        <em>01<\/em>\r\n<b>A kezd\u00e9s adott<\/b>\r\n<span>Minden s\u00e9ta a kijel\u00f6lt kezd\u0151pontn\u00e1l indul. Ha oda\u00e9rtetek, nyomj\u00e1tok meg a startot, \u00e9s indulhat a k\u00f6z\u00f6s kaland.<\/span>\r\n      <\/div>\r\n      <div class=\"al-wl__step\">\r\n        <span class=\"al-wl__ic\"><svg viewBox=\"0 0 24 24\"><path d=\"M16 3h5v5\"\/><path d=\"M4 20 21 3\"\/><path d=\"M21 16v5h-5\"\/><path d=\"M15 15l6 6\"\/><path d=\"M4 4l5 5\"\/><\/svg><\/span>\r\n        <em>02<\/em>\r\n<b>Ti d\u00f6ntitek el, merre mentek<\/b>\r\n<span>Keress\u00e9tek meg az \u00e1llom\u00e1sokat a saj\u00e1t temp\u00f3tokban, tetsz\u0151leges sorrendben. Annyit j\u00e1rtok be, amennyihez kedvetek van.<\/span>\r\n      <\/div>\r\n      <div class=\"al-wl__step\">\r\n        <span class=\"al-wl__ic\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 21V4\"\/><path d=\"M5 4h12l-2.5 4L17 12H5\"\/><\/svg><\/span>\r\n        <em>03<\/em>\r\n<b>Ti d\u00f6nt\u00f6t\u00f6k a v\u00e9g\u00e9r\u0151l<\/b>\r\n<span>Ha v\u00e9gigj\u00e1rt\u00e1tok az \u00e1llom\u00e1sokat, vagy ink\u00e1bb befejezn\u00e9tek a s\u00e9t\u00e1t, induljatok a v\u00e9gpontra. <\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <a class=\"al-wl__cta\" href=\"https:\/\/along.hu\/hu\/walks\/\">Keress\u00e9tek meg a s\u00e9t\u00e1tokat <em aria-hidden=\"true\">&rarr;<\/em><\/a>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.al-wl{--wl-rose:#d58a94;--wl-ink:#1c1c1e;\r\n  position:relative;overflow:hidden;padding:100px 24px 100px;background:#1c1c1e;color:#fff;text-align:center;font-family:'Poppins',sans-serif!important}\r\n.al-wl *,.al-wl *::before,.al-wl *::after{box-sizing:border-box}\r\n.al-wl__bg{position:absolute;inset:0;background:var(--wl-photo) center 40%\/cover no-repeat}\r\n.al-wl__bg::after{content:\"\";position:absolute;inset:0;background:\r\n  radial-gradient(ellipse 80% 70% at 50% 50%,rgba(20,20,22,.78) 0%,rgba(20,20,22,.92) 100%)}\r\n.al-wl__inner{position:relative;z-index:1;max-width:1120px;margin:0 auto}\r\n\r\n.al-wl__eyebrow{display:inline-block;font-size:12px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;padding:6px 14px;border-radius:999px;\r\n  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);margin-bottom:18px}\r\n.al-wl__title{font-family:'Anton',sans-serif!important;font-weight:400;font-size:clamp(42px,6vw,78px);line-height:1;margin:0 0 14px;color:#fff;text-transform:none}\r\n.al-wl__title span{color:var(--wl-rose)}\r\n.al-wl__lead{font-size:16.5px;line-height:1.6;color:rgba(255,255,255,.78);margin:0 auto 40px;max-width:520px}\r\n\r\n\/* stage (mini map) *\/\r\n.al-wl__stage{position:relative;height:330px;border-radius:30px;overflow:hidden;\r\n  background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.16);\r\n  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 40px 80px -40px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.12)}\r\n.al-wl__stage::before{content:\"\";position:absolute;inset:0;opacity:.5;pointer-events:none;\r\n  background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1.2px);background-size:22px 22px}\r\n.al-wl__svg{position:absolute;inset:0;width:100%;height:100%;display:block}\r\n.al-wl__hud{position:absolute;z-index:2;top:14px;left:14px;right:14px;display:flex;justify-content:space-between;gap:8px;pointer-events:none}\r\n.al-wl__chip{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:999px;font-size:12.5px;font-weight:500;color:rgba(255,255,255,.85);\r\n  background:rgba(28,28,30,.55);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);white-space:nowrap}\r\n.al-wl__chip b{font-weight:600;color:#fff}\r\n.al-wl__chip--time i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.35);transition:background .3s}\r\n.al-wl.is-open .al-wl__chip--time i{background:#5fc283;animation:wl-p 2s ease-out infinite}\r\n@keyframes wl-p{0%{box-shadow:0 0 0 0 rgba(95,194,131,.6)}70%,100%{box-shadow:0 0 0 8px rgba(95,194,131,0)}}\r\n\r\n.al-wl__toast{position:absolute;z-index:2;left:50%;bottom:16px;transform:translate(-50%,10px);opacity:0;padding:9px 16px;border-radius:14px;\r\n  background:rgba(255,255,255,.95);color:var(--wl-ink);font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 14px 30px -14px rgba(0,0,0,.6);\r\n  transition:opacity .35s ease,transform .45s cubic-bezier(.2,1.3,.4,1)}\r\n.al-wl__toast.is-on{opacity:1;transform:translate(-50%,0)}\r\n\r\n\/* svg parts *\/\r\n.al-wl .wl-div{stroke:rgba(255,255,255,.18);stroke-width:1.5;stroke-dasharray:4 7}\r\n.al-wl .wl-zone{fill:rgba(255,255,255,.4);font-size:10.5px;font-weight:600;letter-spacing:1.4px;font-family:'Poppins',sans-serif}\r\n.al-wl .wl-stop{fill:rgba(255,255,255,.28);transform-box:fill-box;transform-origin:center;transition:fill .3s,transform .45s cubic-bezier(.2,1.6,.4,1)}\r\n.al-wl .wl-stop.is-found{fill:var(--wl-rose);transform:scale(1.55)}\r\n.al-wl .wl-ring{fill:none;stroke:var(--wl-rose);stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center}\r\n.al-wl .wl-ring.is-pop{animation:wl-ring .7s ease-out}\r\n@keyframes wl-ring{from{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(3.2)}}\r\n.al-wl .wl-trail{fill:none;stroke:var(--wl-rose);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(213,138,148,.55));transition:opacity .6s}\r\n.al-wl .wl-trail.is-fade{opacity:0}\r\n.al-wl .wl-walker circle{fill:#fff;filter:drop-shadow(0 0 6px rgba(255,255,255,.9))}\r\n.al-wl .wl-pin circle.wl-bg{stroke:rgba(255,255,255,.9);stroke-width:2}\r\n.al-wl .wl-pin--s circle.wl-bg{fill:#2c2c2e}\r\n.al-wl .wl-pin--e circle.wl-bg{fill:var(--wl-rose)}\r\n.al-wl .wl-pin path,.al-wl .wl-pin rect{fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}\r\n.al-wl .wl-pin text{fill:#fff;font-size:10.5px;font-weight:600;letter-spacing:1.4px;font-family:'Poppins',sans-serif}\r\n.al-wl .wl-halo{fill:none;stroke:#fff;stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center}\r\n.al-wl .wl-pin.is-pulse .wl-halo{animation:wl-halo 1.4s ease-out infinite}\r\n@keyframes wl-halo{from{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}\r\n\r\n\/* steps *\/\r\n.al-wl__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0 40px;text-align:left}\r\n.al-wl__step{position:relative;padding:22px 22px 24px;border-radius:24px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);\r\n  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background .5s,border-color .5s,transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}\r\n.al-wl__step em{position:absolute;top:22px;right:22px;font-style:normal;display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;\r\n  font-size:11.5px;font-weight:600;letter-spacing:1px;background:rgba(255,255,255,.12);color:rgba(255,255,255,.75);transition:background .5s,color .5s}\r\n.al-wl__ic{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;margin-bottom:16px;background:rgba(255,255,255,.1);transition:background .5s}\r\n.al-wl__ic svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}\r\n.al-wl__step b{display:block;font-family:'Anton',sans-serif!important;font-weight:400;font-size:26px;line-height:1.1;margin-bottom:8px;color:#fff}\r\n.al-wl__step>span:last-child{display:block;font-size:14.5px;line-height:1.6;color:rgba(255,255,255,.72)}\r\n.al-wl__step.is-on{background:rgba(255,255,255,.96);border-color:#fff;transform:translateY(-4px);box-shadow:0 26px 50px -30px rgba(0,0,0,.8)}\r\n.al-wl__step.is-on b{color:var(--wl-ink)}\r\n.al-wl__step.is-on>span:last-child{color:#4a4a4e}\r\n.al-wl__step.is-on em{background:var(--wl-rose);color:#fff}\r\n.al-wl__step.is-on .al-wl__ic{background:var(--wl-rose)}\r\n\r\n\/* cta (theme overrides on purpose) *\/\r\n.al-wl .al-wl__cta{display:inline-flex!important;align-items:center;gap:10px;padding:16px 32px!important;border-radius:999px!important;\r\n  background:var(--wl-rose)!important;color:#fff!important;text-decoration:none!important;font-family:'Poppins',sans-serif!important;font-size:15.5px;font-weight:600;\r\n  border:none!important;box-shadow:0 18px 36px -16px rgba(213,138,148,.8);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,background .3s}\r\n.al-wl .al-wl__cta:hover,.al-wl .al-wl__cta:focus,.al-wl .al-wl__cta:active{background:#c97a85!important;color:#fff!important;transform:translateY(-2px)}\r\n.al-wl__cta em{font-style:normal;transition:transform .3s}\r\n.al-wl__cta:hover em{transform:translateX(4px)}\r\n\r\n@media (max-width:900px){\r\n  .al-wl{padding:70px 16px 76px}\r\n  .al-wl__lead{margin-bottom:28px;font-size:15px}\r\n  .al-wl__stage{height:400px;border-radius:26px}\r\n  .al-wl__steps{grid-template-columns:1fr;gap:10px}\r\n  .al-wl__step{padding:18px 18px 18px 74px;min-height:0}\r\n  .al-wl__ic{position:absolute;left:18px;top:18px;margin:0}\r\n  .al-wl__step em{top:18px;right:18px}\r\n  .al-wl__step b{font-size:22px;padding-right:40px}\r\n  .al-wl__step>span:last-child{font-size:13.5px}\r\n  .al-wl__step.is-on{transform:none}\r\n}\r\n@media (max-width:600px){.al-wl__stage{height:460px}.al-wl__chip{font-size:11.5px;padding:6px 11px}}\r\n@media (min-width:601px) and (max-width:900px){.al-wl__stage{height:320px}}\r\n@media (prefers-reduced-motion:reduce){.al-wl *{animation:none!important;transition:none!important}}\r\n\r\n\/* font lock: the theme can't swap our fonts (Poppins everywhere, Anton for headlines) *\/\r\n.al-wl,.al-wl *:not(svg):not(path):not(rect):not(circle):not(g):not(line):not(polyline):not(text){font-family:'Poppins',sans-serif!important}\r\n.al-wl .al-wl__title,.al-wl .al-wl__title *,.al-wl .al-wl__step b{font-family:'Anton',sans-serif!important;font-weight:400!important}\r\n\/* end font lock *\/\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  var s=document.querySelector('.al-wl'); if(!s) return;\r\n\r\n  \/* ===== TEXTS (HU) ===== *\/\r\n  var T={\r\n    notStarted:'Id\u0151s\u00e1v \u00b7 m\u00e9g nem indult',\r\n    open:'Id\u0151s\u00e1v nyitva \u00b7 ',\r\n    closed:'S\u00e9ta lez\u00e1rva \u00b7 ',\r\n    yours:'Id\u0151s\u00e1v \u00b7 a ti\u00e9tek',\r\n    start:'START', end:'C\u00c9L',\r\n    tStart:'Kezd\u0151pont \u00b7 nyomj\u00e1tok meg a startot',\r\n    tOpen:'Megny\u00edlt az id\u0151s\u00e1votok',\r\n    tFirst:'1. \u00e1llom\u00e1s megvan \u00b7 \u00faj k\u00e9rd\u00e9s',\r\n    tAny:'B\u00e1rmilyen sorrend. Kihagyhattok b\u00e1rmit.',\r\n    tDone:'V\u00e9geztetek? Ir\u00e1ny a v\u00e9gpont',\r\n    tEnd:function(n){return n+' \u00e1llom\u00e1s \u00b7 a s\u00e9ta lez\u00e1rult a c\u00e9lban'}\r\n  };\r\n  \/* ====================== *\/\r\n\r\n  var NS='http:\/\/www.w3.org\/2000\/svg', stage=s.querySelector('.al-wl__stage'), svg=s.querySelector('.al-wl__svg'),\r\n      toastEl=s.querySelector('.al-wl__toast'), timeEl=s.querySelector('.al-wl__chip--time b'), cntEl=s.querySelector('.al-wl__chip--stops b'),\r\n      steps=[].slice.call(s.querySelectorAll('.al-wl__step'));\r\n  var reduce=window.matchMedia&&matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n  var M, gen=0, visible=false, lastW=0, cur, mins=0, k=0;\r\n\r\n  function el(n,a,p){var e=document.createElementNS(NS,n);for(var x in a)e.setAttribute(x,a[x]);if(p)p.appendChild(e);return e}\r\n  function rng(seed){return function(){seed=(seed*16807)%2147483647;return (seed-1)\/2147483646}}\r\n\r\n  function pin(cls,x,y,label,icon,below){\r\n    var g=el('g',{'class':'wl-pin '+cls,transform:'translate('+x+','+y+')'},svg);\r\n    el('circle',{'class':'wl-halo',r:17},g);\r\n    el('circle',{'class':'wl-bg',r:17},g);\r\n    if(icon==='lock'){el('rect',{x:-5.5,y:-2,width:11,height:8,rx:2},g);el('path',{d:'M-3.2 -2V-4.6a3.2 3.2 0 0 1 6.4 0V-2'},g)}\r\n    else{el('path',{d:'M-4 7V-7M-4 -7H5L3 -3.5 5 0H-4'},g)}\r\n    var t=el('text',{x:0,y:below?33:-26,'text-anchor':'middle'},g); t.textContent=label;\r\n    return g;\r\n  }\r\n\r\n  function build(){\r\n    gen++;\r\n    var w=stage.clientWidth,h=stage.clientHeight,v=w<600; lastW=w;\r\n    while(svg.firstChild) svg.removeChild(svg.firstChild);\r\n    svg.setAttribute('viewBox','0 0 '+w+' '+h);\r\n    var S,E,zone;\r\n    if(!v){\r\n      var cy=h\/2+12; S={x:62,y:cy}; E={x:w-62,y:cy};\r\n      zone={x:150,y:70,w:w-300,h:h-130};\r\n      el('line',{'class':'wl-div',x1:118,y1:60,x2:118,y2:h-24},svg);\r\n      el('line',{'class':'wl-div',x1:w-118,y1:60,x2:w-118,y2:h-24},svg);\r\n    }else{\r\n      S={x:w\/2,y:88}; E={x:w\/2,y:h-118};\r\n      zone={x:34,y:142,w:w-68,h:h-312};\r\n      el('line',{'class':'wl-div',x1:20,y1:122,x2:w-20,y2:122},svg);\r\n      el('line',{'class':'wl-div',x1:20,y1:h-152,x2:w-20,y2:h-152},svg);\r\n    }\r\n    var cols=v?4:9, rows=v?7:3, r=rng(7), cells=[];\r\n    for(var i=0;i<rows;i++)for(var j=0;j<cols;j++)cells.push([i,j]);\r\n    cells.sort(function(){return r()-.5}); cells=cells.slice(0,25);\r\n    var stops=cells.map(function(c){\r\n      var cw=zone.w\/cols, ch=zone.h\/rows;\r\n      var x=zone.x+cw*(c[1]+.5)+(r()-.5)*cw*.55, y=zone.y+ch*(c[0]+.5)+(r()-.5)*ch*.55;\r\n      var ring=el('circle',{'class':'wl-ring',cx:x,cy:y,r:6},svg);\r\n      var dot=el('circle',{'class':'wl-stop',cx:x,cy:y,r:5},svg);\r\n      return {x:x,y:y,dot:dot,ring:ring};\r\n    });\r\n    var trail=el('polyline',{'class':'wl-trail',points:''},svg);\r\n    var ps=pin('wl-pin--s',S.x,S.y,T.start,'lock',true), pe=pin('wl-pin--e',E.x,E.y,T.end,'flag',true);\r\n    var walker=el('g',{'class':'wl-walker',opacity:0},svg);\r\n    el('circle',{r:4.5,cx:-4,cy:-3},walker); el('circle',{r:4.5,cx:4,cy:3},walker);\r\n    M={S:S,E:E,stops:stops,trail:trail,ps:ps,pe:pe,walker:walker,v:v,w:w,h:h,pts:[]};\r\n    k=134\/((v?h:w)*1.9);\r\n  }\r\n\r\n  function chk(g){if(g!==gen) throw 'reset'}\r\n  function wait(ms,g){return new Promise(function(res,rej){setTimeout(function(){g!==gen?rej('reset'):res()},ms)})}\r\n  function fmt(m){m=Math.round(m);return Math.floor(m\/60)+':'+('0'+m%60).slice(-2)}\r\n  function toast(t){toastEl.textContent=t;toastEl.classList.remove('is-on');void toastEl.offsetWidth;toastEl.classList.add('is-on')}\r\n  function phase(i){steps.forEach(function(st,n){st.classList.toggle('is-on',n===i)})}\r\n  function setWalker(p){M.walker.setAttribute('transform','translate('+p.x+','+p.y+')')}\r\n  function drawTrail(extra){var a=M.pts.concat(extra?[extra]:[]);M.trail.setAttribute('points',a.map(function(p){return p.x.toFixed(1)+','+p.y.toFixed(1)}).join(' '))}\r\n\r\n  function move(b,g){\r\n    return new Promise(function(res,rej){\r\n      var a=cur, len=Math.hypot(b.x-a.x,b.y-a.y), dur=Math.max(450,len\/(M.v?150:240)*1000), t0=null, last=0;\r\n      function f(t){\r\n        if(g!==gen) return rej('reset');\r\n        if(!t0)t0=t; var p=Math.min(1,(t-t0)\/dur), e=p<.5?2*p*p:1-Math.pow(-2*p+2,2)\/2;\r\n        var q={x:a.x+(b.x-a.x)*e,y:a.y+(b.y-a.y)*e};\r\n        mins+=(e-last)*len*k; last=e; timeEl.textContent=T.open+fmt(mins);\r\n        setWalker(q); drawTrail(q);\r\n        if(p<1) requestAnimationFrame(f); else {cur=b;M.pts.push({x:b.x,y:b.y});res()}\r\n      }\r\n      requestAnimationFrame(f);\r\n    });\r\n  }\r\n\r\n  function route(){\r\n    \/* spread picks across the whole middle (one per band), then shuffle neighbours \u2192 any-order look *\/\r\n    var ax=M.v?'y':'x', n=6+Math.floor(Math.random()*4);\r\n    var pool=M.stops.slice().sort(function(A,B){return A[ax]-B[ax]}), out=[], band=pool.length\/n;\r\n    for(var i=0;i<n;i++){var b=pool.slice(Math.floor(i*band),Math.floor((i+1)*band));out.push(b[Math.floor(Math.random()*b.length)])}\r\n    for(var j=0;j<out.length-1;j++) if(Math.random()<.45){var t=out[j];out[j]=out[j+1];out[j+1]=t;j++}\r\n    return out;\r\n  }\r\n\r\n  async function cycle(){\r\n    var g=gen, count=0;\r\n    M.stops.forEach(function(st){st.dot.classList.remove('is-found')});\r\n    M.trail.classList.remove('is-fade'); M.pts=[{x:M.S.x,y:M.S.y}]; drawTrail();\r\n    M.pe.classList.remove('is-pulse'); M.ps.classList.add('is-pulse');\r\n    cur=M.S; setWalker(cur); M.walker.setAttribute('opacity',1);\r\n    mins=0; cntEl.textContent='0'; s.classList.remove('is-open'); timeEl.textContent=T.notStarted;\r\n    phase(0); toast(T.tStart);\r\n    await wait(1500,g);\r\n    s.classList.add('is-open'); timeEl.textContent=T.open+'0:00'; M.ps.classList.remove('is-pulse'); toast(T.tOpen);\r\n    await wait(1100,g);\r\n    phase(1);\r\n    var r=route();\r\n    for(var i=0;i<r.length;i++){\r\n      await move(r[i],g);\r\n      count++; cntEl.textContent=count;\r\n      r[i].dot.classList.add('is-found'); r[i].ring.classList.remove('is-pop'); void r[i].ring.getBBox(); r[i].ring.classList.add('is-pop');\r\n      if(i===0) toast(T.tFirst);\r\n      else if(i===2) toast(T.tAny);\r\n      await wait(380,g);\r\n    }\r\n    phase(2); toast(T.tDone); M.pe.classList.add('is-pulse');\r\n    await move(M.E,g);\r\n    M.pe.classList.remove('is-pulse'); s.classList.remove('is-open');\r\n    timeEl.textContent=T.closed+fmt(mins); toast(T.tEnd(count));\r\n    await wait(2800,g);\r\n    M.trail.classList.add('is-fade'); M.walker.setAttribute('opacity',0); toastEl.classList.remove('is-on');\r\n    await wait(700,g);\r\n  }\r\n\r\n  async function loop(){\r\n    while(true){\r\n      try{\r\n        if(!visible){await new Promise(function(r){setTimeout(r,300)});continue}\r\n        await cycle();\r\n      }catch(e){await new Promise(function(r){setTimeout(r,50)})}\r\n    }\r\n  }\r\n\r\n  function staticView(){\r\n    var r=route(); M.pts=[M.S].concat(r).concat([M.E]).map(function(p){return {x:p.x,y:p.y}}); drawTrail();\r\n    r.forEach(function(st){st.dot.classList.add('is-found')}); cntEl.textContent=r.length;\r\n    timeEl.textContent=T.yours; steps.forEach(function(st){st.classList.add('is-on')});\r\n  }\r\n\r\n  build();\r\n  if(reduce){staticView();return}\r\n  if('IntersectionObserver' in window){\r\n    new IntersectionObserver(function(es){es.forEach(function(e){visible=e.isIntersecting})},{threshold:.25}).observe(stage);\r\n  } else visible=true;\r\n  var rt; addEventListener('resize',function(){clearTimeout(rt);rt=setTimeout(function(){if(Math.abs(stage.clientWidth-lastW)>4) build()},200)});\r\n  loop();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-e7dc199 e-con e-atomic-element e-flexbox-base e-default-div e-c0882c5 \" data-id=\"e7dc199\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e7dc199\">\n    \t\t<div class=\"elementor-element elementor-element-d412420 elementor-widget elementor-widget-html\" data-id=\"d412420\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     ALONG \u2013 \"A Routon v\u00e9gigvezet\" (How it works page, HU)\r\n     An iPhone in the middle shows the real moments of the app.\r\n     The 4 features play one after another (or tap one), and the\r\n     phone screen changes with them.\r\n     Elementor: full-width section, NO background, no padding,\r\n     ONE \"HTML\" widget, paste everything below.\r\n     ============================================================ -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Poppins:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"al-ro\" lang=\"hu\">\r\n  <div class=\"al-ro__inner\">\r\n\r\n    <div class=\"al-ro__copy\">\r\n      <span class=\"al-ro__eyebrow\"><i><\/i>Ingyenes app \u00b7 innen indul a s\u00e9ta<\/span>\r\n<h2 class=\"al-ro__title\">A Routon<br><span>mutatja az utat.<\/span><\/h2>\r\n<p class=\"al-ro__lead\">A Routon seg\u00edt megtal\u00e1lni az \u00e1llom\u00e1sokat, \u00e9s jelzi, ha \u00faj k\u00e9rd\u00e9s v\u00e1r r\u00e1tok. Nektek csak s\u00e9t\u00e1lnotok \u00e9s besz\u00e9lgetnetek kell.<\/p>\r\n\r\n<div class=\"al-ro__list\" role=\"tablist\">\r\n  <button class=\"al-ro__row is-on\" type=\"button\" role=\"tab\" data-i=\"0\">\r\n    <span class=\"al-ro__ic\"><svg viewBox=\"0 0 24 24\"><rect x=\"4\" y=\"5\" width=\"16\" height=\"15\" rx=\"3\"\/><path d=\"M4 10h16M9 3v4M15 3v4\"\/><path d=\"m9.5 14.5 2 2 3.5-3.5\"\/><\/svg><\/span>\r\n    <span class=\"al-ro__tx\"><b>A s\u00e9t\u00e1tok m\u00e1r v\u00e1r<\/b><span>L\u00e9pjetek be azzal a fi\u00f3kkal, amellyel v\u00e1s\u00e1roltatok. A s\u00e9t\u00e1t az Esem\u00e9nyek men\u00fcpontban tal\u00e1lj\u00e1tok.<\/span><\/span>\r\n    <i class=\"al-ro__bar\"><\/i>\r\n  <\/button>\r\n  <button class=\"al-ro__row\" type=\"button\" role=\"tab\" data-i=\"1\">\r\n    <span class=\"al-ro__ic\"><svg viewBox=\"0 0 24 24\"><path d=\"M6 16V11a6 6 0 0 1 12 0v5l1.5 2h-15z\"\/><path d=\"M10 20.5a2.2 2.2 0 0 0 4 0\"\/><\/svg><\/span>\r\n    <span class=\"al-ro__tx\"><b>\u00c9rtes\u00edt\u00e9s, ha \u00faj k\u00e9rd\u00e9s v\u00e1r<\/b><span>Amikor el\u00e9g k\u00f6zel \u00e9rtek egy \u00e1llom\u00e1shoz, az app k\u00fcld egy \u00e9rtes\u00edt\u0151t. Nyiss\u00e1tok meg a k\u00e9rd\u00e9st, \u00e9s indulhat a besz\u00e9lget\u00e9s.<\/span><\/span>\r\n    <i class=\"al-ro__bar\"><\/i>\r\n  <\/button>\r\n  <button class=\"al-ro__row\" type=\"button\" role=\"tab\" data-i=\"2\">\r\n    <span class=\"al-ro__ic\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 9a13 13 0 0 1 18 0\"\/><path d=\"M6.5 12.5a8 8 0 0 1 11 0\"\/><path d=\"M10 16a3 3 0 0 1 4 0\"\/><path d=\"M3 3l18 18\"\/><\/svg><\/span>\r\n    <span class=\"al-ro__tx\"><b>Internet n\u00e9lk\u00fcl is m\u0171k\u00f6dik<\/b><span>Indul\u00e1s el\u0151tt t\u00f6lts\u00e9tek le az \u00e9lm\u00e9nyt, ut\u00e1na teljesen offline is m\u0171k\u00f6dik.<\/span><\/span>\r\n    <i class=\"al-ro__bar\"><\/i>\r\n  <\/button>\r\n  <button class=\"al-ro__row\" type=\"button\" role=\"tab\" data-i=\"3\">\r\n    <span class=\"al-ro__ic\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"11\" height=\"18\" rx=\"2.5\"\/><rect x=\"15.5\" y=\"8\" width=\"6\" height=\"8\" rx=\"2\"\/><path d=\"M17 6.5h3M17 17.5h3\"\/><\/svg><\/span>\r\n    <span class=\"al-ro__tx\"><b>Telefonon \u00e9s Apple Watchon is<\/b><span>Haszn\u00e1lhatj\u00e1tok iPhone-on vagy Androidon, az Apple Watch pedig szint\u00e9n t\u00e1mogatott.<\/span><\/span>\r\n    <i class=\"al-ro__bar\"><\/i>\r\n  <\/button>\r\n<\/div>\r\n\r\n      <div class=\"al-ro__ctas\">\r\n        <a class=\"al-ro__btn\" href=\"https:\/\/along.hu\/hu\/walks\/\">Tal\u00e1ljuk meg a k\u00f6vetkez\u0151 randitokat <em aria-hidden=\"true\">&rarr;<\/em><\/a>\r\n        <div class=\"al-ro__stores\">\r\n          <a class=\"al-ro__store\" href=\"https:\/\/apps.apple.com\/hu\/app\/routon-system\/id1527497243\" target=\"_blank\" rel=\"noopener\">\r\n            <svg viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M16.4 12.6c0-2.4 2-3.6 2.1-3.7-1.1-1.7-2.9-1.9-3.5-1.9-1.5-.2-2.9.9-3.7.9-.8 0-1.9-.9-3.2-.8-1.6 0-3.1 1-4 2.4-1.7 3-.4 7.4 1.2 9.8.8 1.2 1.8 2.5 3 2.4 1.2 0 1.7-.8 3.1-.8 1.5 0 1.9.8 3.2.8 1.3 0 2.2-1.2 3-2.4.9-1.4 1.3-2.7 1.3-2.8 0 0-2.5-1-2.5-3.9zM14 5.5c.7-.8 1.1-1.9 1-3-1 0-2.1.7-2.8 1.5-.6.7-1.2 1.8-1 2.9 1.1.1 2.1-.6 2.8-1.4z\"\/><\/svg>\r\n            <span><small>Let\u00f6lthet\u0151 az<\/small>App Store-b\u00f3l<\/span>\r\n          <\/a>\r\n          <a class=\"al-ro__store\" href=\"https:\/\/play.google.com\/store\/apps\/details?id=hu.netcorp.legendrally&amp;hl=hu\" target=\"_blank\" rel=\"noopener\">\r\n            <svg viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M4.2 2.4c-.3.3-.4.7-.4 1.2v16.8c0 .5.1.9.4 1.2l9.5-9.6zM14.9 13.2l2.8 2.8-11.9 6.8c-.4.2-.9.3-1.2.1zM18.9 15.3l-3-1.7 0 0-1-1 1-1 3-1.7c.9.5.9 2.9 0 5.4zM5.8 1.2l11.9 6.8-2.8 2.8L4.6 1.1c.4-.2.8-.1 1.2.1z\"\/><\/svg>\r\n            <span><small>Szerezd meg:<\/small>Google Play<\/span>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- phone -->\r\n    <div class=\"al-ro__device\" aria-hidden=\"true\">\r\n      <span class=\"al-ro__blob\"><\/span>\r\n      <div class=\"al-ro__phone\">\r\n        <span class=\"al-ro__island\"><\/span>\r\n        <div class=\"al-ro__screen\">\r\n\r\n          <!-- 1. events -->\r\n          <div class=\"al-ro__scr al-ro__scr--ev is-on\">\r\n            <div class=\"al-ro__sb\"><b>9:41<\/b><span class=\"al-ro__sig\"><\/span><\/div>\r\n            <div class=\"al-ro__evh\">Esem\u00e9nyek<\/div>\r\n            <div class=\"al-ro__seg\"><span class=\"is-on\">K\u00f6zelg\u0151<\/span><span>Kor\u00e1bbi<\/span><\/div>\r\n            <div class=\"al-ro__evc\">\r\n              <div class=\"al-ro__evimg\">\r\n                <svg viewBox=\"0 0 200 90\" preserveAspectRatio=\"none\"><path d=\"M10 70 C40 20, 70 80, 100 45 S160 20, 190 30\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-dasharray=\"1 6\" stroke-linecap=\"round\"\/><circle cx=\"10\" cy=\"70\" r=\"4\" fill=\"#fff\"\/><circle cx=\"190\" cy=\"30\" r=\"4\" fill=\"#fff\"\/><\/svg>\r\n                <span>Indul\u00e1sra k\u00e9sz<\/span>\r\n              <\/div>\r\n              <b>Margitsziget \u00b7 Bond<\/b>\r\n              <small>38 \u00e1llom\u00e1s \u00b7 3 \u00f3r\u00e1s id\u0151s\u00e1v<\/small>\r\n              <span class=\"al-ro__evbtn\">S\u00e9ta ind\u00edt\u00e1sa<\/span>\r\n            <\/div>\r\n            <div class=\"al-ro__evc al-ro__evc--dim\">\r\n              <b>Budai V\u00e1r \u00b7 Light<\/b>\r\n              <small>K\u00e9s\u0151bbre mentve<\/small>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- 2. buzz -->\r\n          <div class=\"al-ro__scr al-ro__scr--lock\">\r\n            <div class=\"al-ro__sb al-ro__sb--w\"><b><\/b><span class=\"al-ro__sig\"><\/span><\/div>\r\n            <div class=\"al-ro__time\">18:42<small>Szombat<\/small><\/div>\r\n            <div class=\"al-ro__ripple\"><i><\/i><i><\/i><i><\/i><span>25 m<\/span><\/div>\r\n            <div class=\"al-ro__notif\">\r\n              <span class=\"al-ro__app\">R<\/span>\r\n              <span><b>Routon <small>most<\/small><\/b>A 4. \u00e1llom\u00e1sn\u00e1l vagytok. Nyisd meg, \u00e9s j\u00f6n a k\u00e9rd\u00e9s.<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- 3. offline -->\r\n          <div class=\"al-ro__scr al-ro__scr--map\">\r\n            <div class=\"al-ro__sb\"><b>14:05<\/b><span class=\"al-ro__plane\"><svg viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M21 15.5v-2l-8-5V3.5a1.5 1.5 0 0 0-3 0V8.5l-8 5v2l8-2.5V18l-2 1.5V21l3.5-1 3.5 1v-1.5L13 18v-5z\"\/><\/svg><\/span><\/div>\r\n            <svg class=\"al-ro__mapsvg\" viewBox=\"0 0 260 420\" preserveAspectRatio=\"xMidYMid slice\">\r\n              <rect width=\"260\" height=\"420\" fill=\"#eef0ec\"\/>\r\n              <path d=\"M-10 120 L280 60 M-10 260 L280 220 M60 -10 L110 430 M180 -10 L200 430 M-10 360 L280 340\" stroke=\"#fff\" stroke-width=\"14\"\/>\r\n              <path d=\"M210 -10 C 190 120, 250 220, 230 430\" stroke=\"#cfe0ea\" stroke-width=\"40\" fill=\"none\"\/>\r\n              <path class=\"al-ro__route\" d=\"M40 380 C 70 320, 50 280, 100 250 S 150 170, 120 130 S 170 70, 150 40\" fill=\"none\" stroke=\"#d58a94\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-dasharray=\"2 9\"\/>\r\n              <circle cx=\"100\" cy=\"250\" r=\"6\" fill=\"#d58a94\"\/><circle cx=\"120\" cy=\"130\" r=\"6\" fill=\"#fff\" stroke=\"#d58a94\" stroke-width=\"2.5\"\/><circle cx=\"150\" cy=\"40\" r=\"6\" fill=\"#fff\" stroke=\"#d58a94\" stroke-width=\"2.5\"\/>\r\n              <circle class=\"al-ro__me\" cx=\"80\" cy=\"300\" r=\"7\" fill=\"#2f7cf6\" stroke=\"#fff\" stroke-width=\"3\"\/>\r\n            <\/svg>\r\n            <div class=\"al-ro__offpill\"><i><\/i>Offline \u00b7 s\u00e9ta mentve<\/div>\r\n            <div class=\"al-ro__sheet\"><small>K\u00f6vetkez\u0151 \u00e1llom\u00e1s<\/small><b>120 m\u00e9terre<\/b><span>Nem kell t\u00e9rer\u0151<\/span><\/div>\r\n          <\/div>\r\n\r\n          <!-- 4. devices -->\r\n          <div class=\"al-ro__scr al-ro__scr--q\">\r\n            <div class=\"al-ro__sb\"><b>19:20<\/b><span class=\"al-ro__sig\"><\/span><\/div>\r\n            <div class=\"al-ro__qtag\">6. \u00e1llom\u00e1s \u00b7 Light<\/div>\r\n            <div class=\"al-ro__qcard\">Ha a mai est\u00e9nek lenne filmzen\u00e9je, mi sz\u00f3lna most?<\/div>\r\n            <div class=\"al-ro__qnext\">Csak nyugodtan. A k\u00f6vetkez\u0151 \u00e1llom\u00e1s v\u00e1rhat.<\/div>\r\n            <div class=\"al-ro__plat\"><span>iPhone<\/span><span>Android<\/span><span>Watch<\/span><\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- apple watch (feature 4) -->\r\n      <div class=\"al-ro__watch\">\r\n        <div class=\"al-ro__wscr\"><small>Routon<\/small><b>6. \u00e1llom\u00e1s<\/b><span>K\u00e9sz a k\u00e9rd\u00e9s<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.al-ro{--ro-rose:#d58a94;--ro-ink:#1c1c1e;--ro-text:#4a4a4e;--ro-muted:#8e8e93;\r\n  background:#f6f3f3;padding:100px 24px;font-family:'Poppins',sans-serif!important;color:var(--ro-text);overflow:hidden}\r\n.al-ro *,.al-ro *::before,.al-ro *::after{box-sizing:border-box}\r\n.al-ro__inner{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}\r\n\r\n.al-ro__eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;letter-spacing:.3px;padding:7px 14px;border-radius:999px;background:#fff;\r\n  color:var(--ro-ink);box-shadow:0 6px 18px -10px rgba(0,0,0,.25);margin-bottom:18px}\r\n.al-ro__eyebrow i{width:8px;height:8px;border-radius:50%;background:#5fc283}\r\n.al-ro__title{font-family:'Anton',sans-serif!important;font-weight:400;font-size:clamp(42px,5.4vw,70px);line-height:1.02;margin:0 0 14px;color:var(--ro-ink);text-transform:none}\r\n.al-ro__title span{color:var(--ro-rose)}\r\n.al-ro__lead{font-size:16px;line-height:1.6;margin:0 0 30px;max-width:440px}\r\n\r\n\/* feature list *\/\r\n.al-ro__list{display:flex;flex-direction:column;gap:6px;margin-bottom:30px}\r\n.al-ro .al-ro__row{all:unset;position:relative;overflow:hidden;display:flex!important;align-items:flex-start;gap:14px;padding:14px 16px!important;border-radius:20px!important;cursor:pointer;\r\n  background:transparent!important;border:1px solid transparent!important;box-shadow:none;text-align:left;font-family:'Poppins',sans-serif!important;\r\n  white-space:normal!important;-webkit-tap-highlight-color:transparent;transition:background .35s,box-shadow .35s,border-color .35s}\r\n.al-ro .al-ro__row:hover{background:rgba(255,255,255,.55)!important}\r\n.al-ro .al-ro__row.is-on{background:#fff!important;border-color:#efe8e9!important;box-shadow:0 18px 36px -24px rgba(60,20,30,.35)}\r\n.al-ro__row:focus-visible{outline:2px solid var(--ro-rose)!important}\r\n.al-ro__ic{flex:0 0 40px;height:40px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:#ece6e7;transition:background .35s}\r\n.al-ro__ic svg{width:20px;height:20px;fill:none;stroke:#7a6a6d;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;transition:stroke .35s}\r\n.al-ro__row.is-on .al-ro__ic{background:var(--ro-rose)}\r\n.al-ro__row.is-on .al-ro__ic svg{stroke:#fff}\r\n.al-ro__tx{display:block;min-width:0}\r\n.al-ro__tx b{display:block;font-size:16px;font-weight:600;color:var(--ro-ink);line-height:1.35;margin-top:1px}\r\n.al-ro__tx span{display:block;font-size:14px;line-height:1.55;color:var(--ro-muted);max-height:0;opacity:0;overflow:hidden;transition:max-height .45s ease,opacity .35s ease,margin .35s}\r\n.al-ro__row.is-on .al-ro__tx span{max-height:100px;opacity:1;margin-top:4px;color:var(--ro-text)}\r\n.al-ro__bar{position:absolute;left:16px;right:16px;bottom:0;height:3px;border-radius:3px;background:var(--ro-rose);transform:scaleX(0);transform-origin:left;opacity:0}\r\n.al-ro__row.is-on .al-ro__bar{opacity:1;animation:ro-bar var(--ro-dur,5s) linear forwards}\r\n.al-ro.is-paused .al-ro__bar{animation-play-state:paused}\r\n@keyframes ro-bar{to{transform:scaleX(1)}}\r\n\r\n\/* ctas *\/\r\n.al-ro__ctas{display:flex;flex-wrap:wrap;align-items:center;gap:12px}\r\n.al-ro .al-ro__btn{display:inline-flex!important;align-items:center;gap:10px;padding:15px 28px!important;border-radius:999px!important;background:var(--ro-rose)!important;color:#fff!important;\r\n  text-decoration:none!important;font-family:'Poppins',sans-serif!important;font-size:15px;font-weight:600;border:none!important;box-shadow:0 16px 30px -14px rgba(213,138,148,.8);\r\n  transition:transform .3s cubic-bezier(.2,.8,.2,1),background .3s}\r\n.al-ro .al-ro__btn:hover,.al-ro .al-ro__btn:focus,.al-ro .al-ro__btn:active{background:#c97a85!important;color:#fff!important;transform:translateY(-2px)}\r\n.al-ro__btn em{font-style:normal;transition:transform .3s}\r\n.al-ro__btn:hover em{transform:translateX(4px)}\r\n.al-ro__stores{display:flex;gap:10px}\r\n.al-ro .al-ro__store{display:inline-flex!important;align-items:center;gap:9px;padding:9px 16px 9px 13px!important;border-radius:14px!important;background:var(--ro-ink)!important;color:#fff!important;\r\n  text-decoration:none!important;font-family:'Poppins',sans-serif!important;font-size:15px;font-weight:600;line-height:1.1;border:none!important;transition:transform .3s,background .3s}\r\n.al-ro .al-ro__store:hover,.al-ro .al-ro__store:focus,.al-ro .al-ro__store:active{background:#000!important;color:#fff!important;transform:translateY(-2px)}\r\n.al-ro__store svg{width:22px;height:22px;flex:0 0 22px}\r\n.al-ro__store span{display:block;white-space:nowrap}\r\n.al-ro__store small{display:block;font-size:10px;font-weight:400;opacity:.75;letter-spacing:.2px}\r\n\r\n\/* device *\/\r\n.al-ro__device{position:relative;display:flex;justify-content:center;align-items:center;min-height:620px}\r\n.al-ro__blob{position:absolute;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#f2d3d8,#e8b4bc 60%,rgba(232,180,188,0) 72%);filter:blur(4px);opacity:.85}\r\n.al-ro__phone{position:relative;width:286px;height:590px;border-radius:52px;padding:11px;background:linear-gradient(145deg,#3a3a3c,#111);\r\n  box-shadow:0 50px 90px -40px rgba(40,10,20,.6),inset 0 0 0 2px #55555a;transform:rotate(-3deg);transition:transform .6s cubic-bezier(.2,.8,.2,1)}\r\n.al-ro[data-i=\"3\"] .al-ro__phone{transform:rotate(-3deg) translateX(-34px)}\r\n.al-ro__phone.is-buzz{animation:ro-buzz .5s ease 2}\r\n@keyframes ro-buzz{0%,100%{transform:rotate(-3deg)}20%{transform:rotate(-5deg) translateX(-3px)}40%{transform:rotate(-1deg) translateX(3px)}60%{transform:rotate(-5deg) translateX(-3px)}80%{transform:rotate(-1deg) translateX(3px)}}\r\n.al-ro__island{position:absolute;z-index:5;top:22px;left:50%;width:92px;height:27px;margin-left:-46px;border-radius:20px;background:#000}\r\n.al-ro__screen{position:relative;width:100%;height:100%;border-radius:42px;overflow:hidden;background:#f2f2f7}\r\n\r\n.al-ro__scr{position:absolute;inset:0;padding:54px 16px 18px;opacity:0;transform:scale(.97);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1);pointer-events:none}\r\n.al-ro__scr.is-on{opacity:1;transform:none}\r\n.al-ro__sb{position:absolute;top:16px;left:26px;right:24px;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#000;z-index:3}\r\n.al-ro__sb b{font-weight:600}\r\n.al-ro__sb--w{color:#fff}\r\n.al-ro__sig{width:24px;height:11px;border-radius:3px;border:1.5px solid currentColor;position:relative;opacity:.9}\r\n.al-ro__sig::after{content:\"\";position:absolute;inset:1.5px;right:5px;border-radius:1px;background:currentColor}\r\n.al-ro__plane svg{width:15px;height:15px;display:block;color:#ff9500}\r\n\r\n\/* s1 events *\/\r\n.al-ro__evh{font-size:28px;font-weight:600;color:#000;margin:8px 4px 10px;letter-spacing:-.4px}\r\n.al-ro__seg{display:flex;padding:2px;border-radius:9px;background:#e3e3e8;margin-bottom:14px}\r\n.al-ro__seg span{flex:1;text-align:center;font-size:12px;font-weight:500;padding:5px 0;border-radius:7px;color:#3c3c43}\r\n.al-ro__seg span.is-on{background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.12);color:#000}\r\n.al-ro__evc{background:#fff;border-radius:18px;padding:10px 10px 12px;margin-bottom:10px;box-shadow:0 6px 16px -10px rgba(0,0,0,.2)}\r\n.al-ro__evimg{position:relative;height:96px;border-radius:12px;margin-bottom:10px;background:linear-gradient(135deg,#e7b2ba,#a86a74 60%,#5c3a40);overflow:hidden}\r\n.al-ro__evimg svg{position:absolute;inset:0;width:100%;height:100%}\r\n.al-ro__evimg span{position:absolute;top:8px;left:8px;font-size:10.5px;font-weight:600;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.25);color:#fff;border:1px solid rgba(255,255,255,.4)}\r\n.al-ro__evc b{display:block;font-size:14px;font-weight:600;color:#000;padding:0 4px}\r\n.al-ro__evc small{display:block;font-size:11.5px;color:#8e8e93;padding:2px 4px 0}\r\n.al-ro__evbtn{display:block;margin-top:10px;text-align:center;font-size:13px;font-weight:600;color:#fff;background:var(--ro-rose);border-radius:12px;padding:9px 0}\r\n.al-ro__scr--ev.is-on .al-ro__evbtn{animation:ro-tap 2.4s ease 1.2s infinite}\r\n@keyframes ro-tap{0%,70%,100%{transform:none}78%{transform:scale(.95);filter:brightness(.92)}86%{transform:none}}\r\n.al-ro__evc--dim{padding:12px 10px;opacity:.7}\r\n\r\n\/* s2 lock *\/\r\n.al-ro__scr--lock{background:linear-gradient(170deg,#c98f98 0%,#7a4a52 55%,#2a1d20 100%);text-align:center;color:#fff}\r\n.al-ro__time{font-size:64px;font-weight:500;letter-spacing:-2px;line-height:1;margin-top:28px}\r\n.al-ro__time small{display:block;font-size:14px;font-weight:500;letter-spacing:0;margin-top:6px;opacity:.85}\r\n.al-ro__ripple{position:absolute;left:50%;top:370px;width:0;height:0}\r\n.al-ro__ripple i{position:absolute;left:-60px;top:-60px;width:120px;height:120px;border-radius:50%;border:1.5px solid rgba(255,255,255,.5);opacity:0}\r\n.al-ro__scr--lock.is-on .al-ro__ripple i{animation:ro-rip 2.4s ease-out infinite}\r\n.al-ro__scr--lock.is-on .al-ro__ripple i:nth-child(2){animation-delay:.8s}\r\n.al-ro__scr--lock.is-on .al-ro__ripple i:nth-child(3){animation-delay:1.6s}\r\n@keyframes ro-rip{from{transform:scale(.2);opacity:.9}to{transform:scale(1.4);opacity:0}}\r\n.al-ro__ripple span{position:absolute;left:-28px;top:-13px;width:56px;height:26px;border-radius:999px;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.4);font-size:11.5px;font-weight:600;line-height:24px}\r\n.al-ro__notif{position:absolute;left:10px;right:10px;top:178px;display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border-radius:20px;text-align:left;\r\n  background:rgba(245,245,247,.82);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#000;font-size:12.5px;line-height:1.35;\r\n  opacity:0;transform:translateY(-30px) scale(.96)}\r\n.al-ro__scr--lock.is-on .al-ro__notif{animation:ro-drop .7s cubic-bezier(.2,1.3,.4,1) .9s forwards}\r\n@keyframes ro-drop{to{opacity:1;transform:none}}\r\n.al-ro__app{flex:0 0 34px;height:34px;border-radius:9px;background:var(--ro-ink);color:#fff;font-family:'Anton',sans-serif;font-size:18px;display:flex;align-items:center;justify-content:center}\r\n.al-ro__notif b{display:flex;justify-content:space-between;font-weight:600;font-size:12.5px}\r\n.al-ro__notif b small{font-weight:400;color:#8e8e93}\r\n\r\n\/* s3 map *\/\r\n.al-ro__scr--map{padding:0}\r\n.al-ro__mapsvg{position:absolute;inset:0;width:100%;height:100%}\r\n.al-ro__scr--map.is-on .al-ro__route{animation:ro-dash 1.2s linear infinite}\r\n@keyframes ro-dash{to{stroke-dashoffset:-11}}\r\n.al-ro__me{transform-box:fill-box;transform-origin:center}\r\n.al-ro__scr--map.is-on .al-ro__me{animation:ro-me 1.8s ease-in-out infinite}\r\n@keyframes ro-me{50%{transform:scale(1.25)}}\r\n.al-ro__offpill{position:absolute;top:56px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:12px;font-weight:600;color:#000;\r\n  padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.9);box-shadow:0 6px 16px -8px rgba(0,0,0,.3)}\r\n.al-ro__offpill i{width:8px;height:8px;border-radius:50%;background:#ff9500}\r\n.al-ro__sheet{position:absolute;left:10px;right:10px;bottom:12px;padding:12px 14px;border-radius:22px;background:#fff;box-shadow:0 -6px 20px -10px rgba(0,0,0,.25)}\r\n.al-ro__sheet small{display:block;font-size:11px;color:#8e8e93}\r\n.al-ro__sheet b{display:block;font-size:18px;font-weight:600;color:#000}\r\n.al-ro__sheet span{display:inline-block;margin-top:6px;font-size:11px;font-weight:600;color:#3a8a57;background:#e3f4e8;border-radius:999px;padding:3px 9px}\r\n\r\n\/* s4 question *\/\r\n.al-ro__scr--q{background:linear-gradient(170deg,#fff 0%,#f6eaec 100%);display:flex;flex-direction:column;padding-top:70px}\r\n.al-ro__qtag{align-self:flex-start;font-size:11.5px;font-weight:600;padding:5px 11px;border-radius:999px;background:#f4e3e6;color:#a05a66;margin-bottom:14px}\r\n.al-ro__qcard{font-family:'Anton',sans-serif!important;font-size:27px;line-height:1.15;color:#000}\r\n.al-ro__qnext{font-size:12px;color:#8e8e93;margin-top:12px}\r\n.al-ro__plat{margin-top:auto;display:flex;gap:6px;justify-content:center}\r\n.al-ro__plat span{font-size:11px;font-weight:600;padding:5px 10px;border-radius:999px;background:#fff;color:#000;box-shadow:0 4px 10px -6px rgba(0,0,0,.3)}\r\n\r\n\/* watch *\/\r\n.al-ro__watch{position:absolute;z-index:3;right:calc(50% - 230px);bottom:110px;width:118px;height:140px;border-radius:36px;padding:8px;background:linear-gradient(145deg,#3a3a3c,#111);\r\n  box-shadow:0 30px 50px -24px rgba(40,10,20,.6),inset 0 0 0 2px #55555a;opacity:0;transform:translateX(30px) rotate(6deg) scale(.9);pointer-events:none;\r\n  transition:opacity .5s ease,transform .7s cubic-bezier(.2,1.2,.4,1)}\r\n.al-ro__watch::before,.al-ro__watch::after{content:\"\";position:absolute;left:22px;right:22px;height:40px;background:#2c2c2e;z-index:-1}\r\n.al-ro__watch::before{top:-34px;border-radius:12px 12px 0 0}\r\n.al-ro__watch::after{bottom:-34px;border-radius:0 0 12px 12px}\r\n.al-ro[data-i=\"3\"] .al-ro__watch{opacity:1;transform:rotate(6deg)}\r\n.al-ro__wscr{width:100%;height:100%;border-radius:28px;background:#000;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:0 12px}\r\n.al-ro__wscr small{font-size:9.5px;color:var(--ro-rose);font-weight:600}\r\n.al-ro__wscr b{font-size:17px;font-weight:600;line-height:1.1}\r\n.al-ro__wscr span{font-size:10.5px;color:#aaa}\r\n\r\n@media (max-width:960px){\r\n  .al-ro{padding:70px 16px 76px}\r\n  .al-ro__inner{grid-template-columns:1fr;gap:10px}\r\n  .al-ro__copy{display:contents}\r\n  .al-ro__eyebrow{justify-self:start;margin-bottom:0}\r\n  .al-ro__title{margin:4px 0 0}\r\n  .al-ro__lead{margin:0 0 4px;font-size:15px}\r\n  .al-ro__device{order:5;min-height:500px;margin:0 0 10px}\r\n  .al-ro__phone{width:236px;height:488px;border-radius:44px;padding:9px}\r\n  .al-ro__screen{border-radius:36px}\r\n  .al-ro__blob{width:340px;height:340px}\r\n  .al-ro__scr{padding:48px 13px 14px}\r\n  .al-ro__evimg{height:76px}\r\n  .al-ro__time{font-size:54px}\r\n  .al-ro__notif{top:150px}\r\n  .al-ro__ripple{top:310px}\r\n  .al-ro__time{margin-top:20px}\r\n  .al-ro__wscr b{font-size:14px}\r\n  .al-ro__wscr{padding:0 9px}\r\n  .al-ro__qcard{font-size:23px}\r\n  .al-ro__watch{right:calc(50% - 175px);bottom:70px;width:96px;height:114px;border-radius:30px}\r\n  .al-ro[data-i=\"3\"] .al-ro__phone{transform:rotate(-3deg) translateX(-26px)}\r\n  .al-ro__list{order:6;margin-bottom:22px}\r\n  .al-ro__ctas{order:7;flex-direction:column;align-items:stretch}\r\n  .al-ro .al-ro__btn{justify-content:center}\r\n  .al-ro__stores{justify-content:stretch}\r\n  .al-ro .al-ro__store{flex:1;justify-content:center}\r\n}\r\n@media (prefers-reduced-motion:reduce){.al-ro *{animation:none!important;transition:none!important}.al-ro__notif{opacity:1;transform:none}}\r\n\r\n\/* font lock: the theme can't swap our fonts (Poppins everywhere, Anton for headlines) *\/\r\n.al-ro,.al-ro *:not(svg):not(path):not(rect):not(circle):not(g):not(line):not(polyline):not(text){font-family:'Poppins',sans-serif!important}\r\n.al-ro .al-ro__title,.al-ro .al-ro__title *,.al-ro .al-ro__qcard,.al-ro .al-ro__app{font-family:'Anton',sans-serif!important;font-weight:400!important}\r\n\/* end font lock *\/\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  var s=document.querySelector('.al-ro'); if(!s) return;\r\n  var rows=[].slice.call(s.querySelectorAll('.al-ro__row')), scr=[].slice.call(s.querySelectorAll('.al-ro__scr')),\r\n      phone=s.querySelector('.al-ro__phone'), DUR=5000, i=0, t=null, visible=false, left=DUR, started=0;\r\n  s.style.setProperty('--ro-dur',DUR\/1000+'s');\r\n\r\n  function show(n){\r\n    i=n; s.setAttribute('data-i',n);\r\n    rows.forEach(function(r,k){\r\n      r.classList.remove('is-on'); r.setAttribute('aria-selected',k===n);\r\n      if(k===n){void r.offsetWidth; r.classList.add('is-on')}\r\n    });\r\n    scr.forEach(function(x,k){x.classList.toggle('is-on',k===n)});\r\n    phone.classList.remove('is-buzz');\r\n    if(n===1) setTimeout(function(){if(i===1){void phone.offsetWidth;phone.classList.add('is-buzz')}},900);\r\n    left=DUR; schedule();\r\n  }\r\n  function schedule(){\r\n    clearTimeout(t);\r\n    if(!visible) return;\r\n    started=Date.now();\r\n    t=setTimeout(function(){show((i+1)%rows.length)},left);\r\n  }\r\n  function pause(){clearTimeout(t); if(started) left=Math.max(300,left-(Date.now()-started)); started=0; s.classList.add('is-paused')}\r\n  function resume(){s.classList.remove('is-paused'); schedule()}\r\n\r\n  rows.forEach(function(r,k){r.addEventListener('click',function(){show(k)})});\r\n  if('IntersectionObserver' in window){\r\n    new IntersectionObserver(function(es){es.forEach(function(e){\r\n      var was=visible; visible=e.isIntersecting;\r\n      if(visible&&!was) resume(); else if(!visible&&was) pause();\r\n    })},{threshold:.3}).observe(s);\r\n  } else {visible=true}\r\n  show(0); if(!visible) s.classList.add('is-paused');\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-8d71c1d e-con e-atomic-element e-flexbox-base e-default-div e-35fb46c \" data-id=\"8d71c1d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8d71c1d\">\n    \t\t<div class=\"elementor-element elementor-element-2871033 elementor-widget elementor-widget-global elementor-global-5451 elementor-widget-html\" data-id=\"2871033\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     ALONG \u2013 \"J\u00f3, ha tudod\" (How it works page, under the Routon section, HU)\r\n     Compact: 5 tappable pills + one answer card. Plays through the\r\n     facts by itself until someone taps a pill.\r\n     Elementor: full-width section, background #f4f4f4, no padding,\r\n     ONE \"HTML\" widget, paste everything below.\r\n     ============================================================ -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Poppins:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"al-gk\" lang=\"hu\">\r\n  <div class=\"al-gk__inner\">\r\n    <h2 class=\"al-gk__title\">J\u00f3, ha <span>tudod.<\/span><\/h2>\r\n    <p class=\"al-gk__lead\">Az apr\u00f3 bet\u0171s r\u00e9sz, apr\u00f3 bet\u0171k n\u00e9lk\u00fcl.<\/p>\r\n\r\n<div class=\"al-gk__pills\" role=\"tablist\">\r\n  <button class=\"al-gk__pill is-on\" type=\"button\" role=\"tab\" data-i=\"0\"><svg viewBox=\"0 0 24 24\"><path d=\"M7 3h10M7 21h10M8 3c0 5 8 5 8 9s-8 4-8 9M16 3c0 5-8 5-8 9s8 4 8 9\"\/><\/svg>Nem j\u00e1r le<\/button>\r\n  <button class=\"al-gk__pill\" type=\"button\" role=\"tab\" data-i=\"1\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"13\" r=\"8\"\/><path d=\"M12 9v4l2.5 2M10 2h4\"\/><\/svg>Id\u0151ablak<\/button>\r\n  <button class=\"al-gk__pill\" type=\"button\" role=\"tab\" data-i=\"2\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"7\" width=\"18\" height=\"11\" rx=\"2.5\"\/><path d=\"M7 12.5h4M16 10v5\"\/><\/svg>Egy v\u00e1s\u00e1rl\u00e1s, egy s\u00e9ta<\/button>\r\n  <button class=\"al-gk__pill\" type=\"button\" role=\"tab\" data-i=\"3\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 3 5 6v5c0 4.5 3 8.3 7 10 4-1.7 7-5.5 7-10V6z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>Teljesen priv\u00e1t<\/button>\r\n  <button class=\"al-gk__pill\" type=\"button\" role=\"tab\" data-i=\"4\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"4\"\/><path d=\"M12 2v2M12 20v2M2 12h2M20 12h2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4\"\/><\/svg>B\u00e1rmelyik \u00e9vszakban<\/button>\r\n<\/div>\r\n\r\n<div class=\"al-gk__card\" aria-live=\"polite\">\r\n  <div class=\"al-gk__ans is-on\">\r\n    <span class=\"al-gk__big\">Vedd meg most, induljatok el, amikor kedvetek van.<\/span>\r\n    <p>A v\u00e1s\u00e1rl\u00e1s nem j\u00e1r le, \u00edgy nem kell el\u0151re id\u0151pontot foglalnotok. A s\u00e9ta a telefonotokon van, ez\u00e9rt akkor haszn\u00e1lhatj\u00e1tok, amikor nektek megfelel.<\/p>\r\n  <\/div>\r\n  <div class=\"al-gk__ans\">\r\n    <span class=\"al-gk__big\">Van id\u0151t\u00f6k egym\u00e1sra.<\/span>\r\n    <p>A teljes s\u00e9t\u00e1hoz 3 \u00f3r\u00e1s id\u0151ablak \u00e1ll rendelkez\u00e9setekre, a Sparkhoz pedig 1 \u00f3ra. A teljes s\u00e9ta k\u00f6r\u00fclbel\u00fcl 1 \u00f3ra, a Spark nagyj\u00e1b\u00f3l 30 perc alatt teljes\u00edthet\u0151.<\/p>\r\n  <\/div>\r\n  <div class=\"al-gk__ans\">\r\n    <span class=\"al-gk__big\">Egy v\u00e1s\u00e1rl\u00e1s, egy k\u00f6z\u00f6s s\u00e9ta.<\/span>\r\n    <p>Minden s\u00e9ta egyszer haszn\u00e1lhat\u00f3 fel. V\u00e1lasszatok egy nektek megfelel\u0151 napot, \u00e9s \u00e9lvezz\u00e9tek egy\u00fctt az \u00e9lm\u00e9nyt.<\/p>\r\n  <\/div>\r\n  <div class=\"al-gk__ans\">\r\n    <span class=\"al-gk__big\">Ez az id\u0151 csak r\u00f3latok sz\u00f3l.<\/span>\r\n    <p>A k\u00e9rd\u00e9sekre egym\u00e1snak, sz\u00f3ban v\u00e1laszoltok. Nem kell semmit beg\u00e9pelnetek vagy megosztanotok \u2013 csak figyeljetek egym\u00e1sra, \u00e9s besz\u00e9lgessetek.<\/p>\r\n  <\/div>\r\n  <div class=\"al-gk__ans\">\r\n    <span class=\"al-gk__big\">Akkor indultok, amikor nektek j\u00f3.<\/span>\r\n    <p>Nem kell el\u0151re id\u0151pontot egyeztetnetek. Ha megj\u00f6tt a kedvetek egy k\u00f6z\u00f6s s\u00e9t\u00e1hoz, csak nyiss\u00e1tok meg az alkalmaz\u00e1st, \u00e9s indulhat az \u00e9lm\u00e9ny.<\/p>\r\n  <\/div>\r\n  <span class=\"al-gk__count\"><b>1<\/b>\/5<\/span>\r\n  <i class=\"al-gk__bar\"><\/i>\r\n<\/div>\r\n\r\n<style>\r\n.al-gk{--gk-rose:#d58a94;--gk-ink:#1c1c1e;--gk-text:#4a4a4e;--gk-muted:#8e8e93;\r\n  background:#f4f4f4;padding:80px 24px;font-family:'Poppins',sans-serif!important;color:var(--gk-text);text-align:center}\r\n.al-gk *,.al-gk *::before,.al-gk *::after{box-sizing:border-box}\r\n.al-gk__inner{max-width:820px;margin:0 auto}\r\n.al-gk__title{font-family:'Anton',sans-serif!important;font-weight:400;font-size:clamp(40px,5vw,62px);line-height:1.05;margin:0 0 10px;color:var(--gk-ink);text-transform:none}\r\n.al-gk__title span{color:var(--gk-rose)}\r\n.al-gk__lead{font-size:15.5px;margin:0 0 30px}\r\n\r\n.al-gk__pills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 -80px 16px}\r\n@media (max-width:980px){.al-gk__pills{margin:0 0 16px}}\r\n.al-gk .al-gk__pill{all:unset;display:inline-flex!important;align-items:center;gap:8px;padding:10px 16px 10px 13px!important;border-radius:999px!important;cursor:pointer;\r\n  background:#fff!important;color:var(--gk-ink)!important;font-family:'Poppins',sans-serif!important;font-size:14px;font-weight:500;line-height:1.2;white-space:nowrap;\r\n  border:1px solid #e8e4e5!important;box-shadow:0 6px 16px -12px rgba(0,0,0,.3);-webkit-tap-highlight-color:transparent;\r\n  transition:background .3s,color .3s,transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}\r\n.al-gk .al-gk__pill:hover{transform:translateY(-2px)}\r\n.al-gk .al-gk__pill.is-on{background:var(--gk-ink)!important;color:#fff!important;border-color:var(--gk-ink)!important;box-shadow:0 12px 24px -12px rgba(0,0,0,.5)}\r\n.al-gk__pill:focus-visible{outline:2px solid var(--gk-rose)!important;outline-offset:2px}\r\n.al-gk__pill svg{width:17px;height:17px;flex:0 0 17px;fill:none;stroke:var(--gk-rose);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}\r\n.al-gk__pill.is-on svg{stroke:#f0b3bb}\r\n\r\n.al-gk__card{position:relative;display:grid;border-radius:28px;background:#fff;padding:34px 40px 38px;overflow:hidden;\r\n  box-shadow:0 26px 50px -34px rgba(60,20,30,.35);border:1px solid #eee9ea}\r\n.al-gk__ans{grid-area:1\/1;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .5s cubic-bezier(.2,.8,.2,1);pointer-events:none}\r\n.al-gk__ans.is-on{opacity:1;transform:none;pointer-events:auto}\r\n.al-gk__big{display:block;font-family:'Anton',sans-serif!important;font-size:clamp(28px,3.6vw,40px);line-height:1.1;color:var(--gk-ink);margin-bottom:10px}\r\n.al-gk__ans p{font-size:15.5px;line-height:1.65;margin:0 auto;max-width:560px}\r\n.al-gk__count{position:absolute;top:14px;right:18px;font-size:11.5px;color:var(--gk-muted)}\r\n.al-gk__count b{color:var(--gk-ink);font-weight:600}\r\n.al-gk__bar{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--gk-rose);transform:scaleX(0);transform-origin:left}\r\n.al-gk.is-auto .al-gk__bar.is-run{animation:gk-bar var(--gk-dur,4.5s) linear forwards}\r\n@keyframes gk-bar{to{transform:scaleX(1)}}\r\n\r\n@media (max-width:700px){\r\n  .al-gk{padding:54px 16px}\r\n  .al-gk__lead{margin-bottom:22px;font-size:14.5px}\r\n  .al-gk__pills{gap:6px;margin-bottom:12px}\r\n  .al-gk .al-gk__pill{font-size:13px;padding:8px 13px 8px 11px!important}\r\n  .al-gk__card{padding:28px 20px 26px;border-radius:24px}\r\n  .al-gk__ans p{font-size:14.5px}\r\n}\r\n@media (prefers-reduced-motion:reduce){.al-gk *{animation:none!important;transition:none!important}}\r\n\r\n\/* font lock: the theme can't swap our fonts (Poppins everywhere, Anton for headlines) *\/\r\n.al-gk,.al-gk *:not(svg):not(path):not(rect):not(circle):not(g):not(line):not(polyline):not(text){font-family:'Poppins',sans-serif!important}\r\n.al-gk .al-gk__title,.al-gk .al-gk__title *,.al-gk .al-gk__big{font-family:'Anton',sans-serif!important;font-weight:400!important}\r\n\/* end font lock *\/\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  var s=document.querySelector('.al-gk'); if(!s) return;\r\n  var pills=[].slice.call(s.querySelectorAll('.al-gk__pill')), ans=[].slice.call(s.querySelectorAll('.al-gk__ans')),\r\n      cnt=s.querySelector('.al-gk__count b'), bar=s.querySelector('.al-gk__bar'), DUR=4500, i=0, t=null, auto=true, visible=false;\r\n  s.style.setProperty('--gk-dur',DUR\/1000+'s');\r\n  function show(n){\r\n    i=n;\r\n    pills.forEach(function(p,k){p.classList.toggle('is-on',k===n);p.setAttribute('aria-selected',k===n)});\r\n    ans.forEach(function(a,k){a.classList.toggle('is-on',k===n)});\r\n    cnt.textContent=n+1;\r\n    bar.classList.remove('is-run'); void bar.offsetWidth;\r\n    if(auto&&visible){bar.classList.add('is-run'); clearTimeout(t); t=setTimeout(function(){show((i+1)%ans.length)},DUR)}\r\n  }\r\n  pills.forEach(function(p,k){p.addEventListener('click',function(){auto=false;s.classList.remove('is-auto');clearTimeout(t);show(k)})});\r\n  s.classList.add('is-auto');\r\n  if('IntersectionObserver' in window){\r\n    new IntersectionObserver(function(es){es.forEach(function(e){\r\n      visible=e.isIntersecting; clearTimeout(t); if(auto) show(i);\r\n    })},{threshold:.4}).observe(s);\r\n  } else {visible=true; show(0)}\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-03bc3d5 e-con e-atomic-element e-flexbox-base e-default-div e-c3a57a1 \" data-id=\"03bc3d5\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"03bc3d5\">\n    \t\t<div class=\"elementor-element elementor-element-60a947d elementor-widget elementor-widget-html\" data-id=\"60a947d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     ALONG \u2013 Instagram section (HU) (\"N\u00e9zd meg, merre s\u00e9t\u00e1ltak a p\u00e1rok.\")\r\n     Section copy in Hungarian \u2013 the post cards stay in English\r\n     (they mirror the real @along.experiences posts).\r\n     Replaces the Instagram plugin grid: a glossy profile card + a slowly\r\n     moving wall of post cards (your post designs, rebuilt in code).\r\n     Hover\/tap pauses it, every card opens Instagram.\r\n     Elementor: full-width section, NO background, no padding,\r\n     ONE \"HTML\" widget, paste everything below.\r\n     \u25ba EDIT the POSTS list in the script: change texts, link each card to a\r\n       real post (url), or use a real post image instead (shot).\r\n     ============================================================ -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Poppins:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"al-ig\" lang=\"hu\">\r\n  <div class=\"al-ig__wrap al-ig__head\">\r\n    <div>\r\n      <span class=\"al-ig__eyebrow\">Az Instagramon<\/span>\r\n      <h2 class=\"al-ig__h\">N\u00e9zd meg, merre<br>s\u00e9t\u00e1ltak a <span>p\u00e1rok.<\/span><\/h2>\r\n      <p class=\"al-ig__sub\">\u00daj s\u00e9t\u00e1k, \u00faj v\u00e1rosok, \u00e9s azok a k\u00e9rd\u00e9sek, amiket mindenki tov\u00e1bbk\u00fcld egym\u00e1snak.<\/p>\r\n    <\/div>\r\n\r\n    <a class=\"al-ig__prof\" href=\"https:\/\/www.instagram.com\/along.experiences\/\" target=\"_blank\" rel=\"noopener\">\r\n      <span class=\"al-ig__ring\"><span class=\"al-ig__av\">A<\/span><\/span>\r\n      <span class=\"al-ig__pt\">\r\n        <b>along.experiences<\/b>\r\n        <small>GPS-vez\u00e9relt randis\u00e9t\u00e1k \u00b7 Budapest<\/small>\r\n      <\/span>\r\n      <span class=\"al-ig__follow\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"1\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>K\u00f6vet\u00e9s<\/span>\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <div class=\"al-ig__rail\" aria-label=\"Az Along Instagram-posztjai\">\r\n    <div class=\"al-ig__track\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"al-ig__wrap al-ig__foot\">\r\n    <a class=\"al-ig__btn\" href=\"https:\/\/www.instagram.com\/along.experiences\/\" target=\"_blank\" rel=\"noopener\">\u00d6sszes poszt az Instagramon <em aria-hidden=\"true\">&rarr;<\/em><\/a>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.al-ig{--ig-rose:#d58a94;--ig-ink:#1c1c1e;--ig-text:#4a4a4e;--ig-muted:#8e8e93;\r\n  background:#f4f4f4;padding:96px 0 90px;font-family:'Poppins',sans-serif!important;color:var(--ig-text);overflow:hidden}\r\n.al-ig *,.al-ig *::before,.al-ig *::after{box-sizing:border-box}\r\n.al-ig__wrap{max-width:1140px;margin:0 auto;padding:0 24px}\r\n.al-ig__head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:44px}\r\n.al-ig__eyebrow{display:block;font-size:12.5px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--ig-muted);margin-bottom:10px}\r\n.al-ig__h{font-family:'Anton',sans-serif!important;font-weight:400;font-size:clamp(38px,5vw,64px);line-height:1.04;margin:0 0 12px;color:var(--ig-ink);text-transform:none}\r\n.al-ig__h span{color:var(--ig-rose)}\r\n.al-ig__sub{margin:0;font-size:15.5px;line-height:1.6;max-width:430px}\r\n\r\n\/* profile card *\/\r\n.al-ig .al-ig__prof{flex:0 0 auto;display:flex!important;align-items:center;gap:14px;padding:12px 12px 12px 12px!important;border-radius:999px!important;background:#fff!important;\r\n  text-decoration:none!important;color:var(--ig-ink)!important;box-shadow:0 18px 40px -26px rgba(60,20,30,.45);border:1px solid #ece8e9!important;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}\r\n.al-ig .al-ig__prof:hover,.al-ig .al-ig__prof:focus{transform:translateY(-3px);box-shadow:0 26px 50px -26px rgba(60,20,30,.5);color:var(--ig-ink)!important}\r\n.al-ig__ring{width:58px;height:58px;border-radius:50%;padding:3px;background:conic-gradient(from 200deg,#f0b3bb,#d58a94,#7a4a52,#d58a94,#f0b3bb);animation:ig-spin 6s linear infinite}\r\n@keyframes ig-spin{to{filter:hue-rotate(0deg)}}\r\n.al-ig__av{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background:var(--ig-ink);color:#fff;font-family:'Anton',sans-serif;font-size:24px;box-shadow:0 0 0 3px #fff}\r\n.al-ig__pt b{display:block;font-size:15.5px;font-weight:600;line-height:1.2}\r\n.al-ig__pt small{display:block;font-size:12.5px;color:var(--ig-muted)}\r\n.al-ig__follow{display:inline-flex;align-items:center;gap:7px;margin-left:10px;padding:11px 18px;border-radius:999px;background:var(--ig-rose);color:#fff;font-size:14px;font-weight:600}\r\n.al-ig__follow svg{width:17px;height:17px;fill:none;stroke:#fff;stroke-width:2}\r\n\r\n\/* rail *\/\r\n.al-ig__rail{position:relative;padding:18px 0 30px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}\r\n.al-ig__track{display:flex;gap:18px;width:max-content;animation:ig-move var(--ig-dur,60s) linear infinite}\r\n.al-ig__rail:hover .al-ig__track,.al-ig__rail.is-paused .al-ig__track{animation-play-state:paused}\r\n@keyframes ig-move{to{transform:translateX(calc(-50% - 9px))}}\r\n\r\n\/* post card \u2013 Along post style (3:4) *\/\r\n.al-ig .al-ig__post{position:relative;flex:0 0 auto;width:270px;aspect-ratio:3\/4;border-radius:18px;overflow:hidden;display:block!important;text-decoration:none!important;color:#fff!important;\r\n  container-type:inline-size;background:#161617;box-shadow:0 24px 44px -28px rgba(0,0,0,.6);transform:rotate(var(--r,0deg));transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}\r\n.al-ig .al-ig__post:hover,.al-ig .al-ig__post:focus{transform:rotate(0deg) translateY(-8px) scale(1.03);box-shadow:0 36px 60px -30px rgba(0,0,0,.7);z-index:2;color:#fff!important}\r\n.al-ig__bg{position:absolute;inset:-2px;background-size:cover;background-position:center}\r\n.al-ig__post--photo .al-ig__bg::after{content:\"\";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,12,14,.45),rgba(12,12,14,.55) 45%,rgba(12,12,14,.8))}\r\n.al-ig__post--teal .al-ig__bg{filter:grayscale(1) contrast(1.1)}\r\n.al-ig__post--teal .al-ig__bg::after{content:\"\";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,70,82,.75),rgba(10,40,48,.9));mix-blend-mode:multiply}\r\n.al-ig__post--dark .al-ig__bg{background:\r\n  repeating-linear-gradient(118deg,rgba(255,255,255,.025) 0 2px,transparent 2px 22px),\r\n  repeating-linear-gradient(32deg,rgba(255,255,255,.02) 0 1px,transparent 1px 30px),\r\n  radial-gradient(ellipse at 25% 15%,#38383b,#1a1a1b 65%)}\r\n.al-ig__post--dark.has-img .al-ig__bg{background-size:cover}\r\n.al-ig__post--dark.has-img .al-ig__bg::after{content:\"\";position:absolute;inset:0;background:rgba(22,22,23,.86)}\r\n.al-ig__post--rose .al-ig__bg{background:repeating-linear-gradient(118deg,rgba(255,255,255,.04) 0 2px,transparent 2px 22px),linear-gradient(160deg,#c98f98,#6e414a)}\r\n.al-ig__shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}\r\n.al-ig__in{position:absolute;inset:0;display:flex;flex-direction:column;padding:7cqw 7cqw 7.5cqw}\r\n.al-ig__logo{position:relative;align-self:flex-start;font-size:7.5cqw;font-weight:300!important;font-style:italic;letter-spacing:.2px;line-height:1}\r\n.al-ig__logo::after{content:\"\";position:absolute;left:-6%;right:-10%;top:58%;height:1.5px;background:#fff;transform:rotate(-4deg)}\r\n.al-ig__logo.is-r{align-self:flex-end}\r\n.al-ig__logo img{display:block;height:9cqw;width:auto}\r\n.al-ig__logo.is-img::after{display:none}\r\n.al-ig__tag{position:absolute;top:7.5cqw;right:7cqw;font-size:3.4cqw;line-height:1.35;text-align:right;opacity:.75;max-width:40%}\r\n.al-ig__txt{margin:auto 0;display:flex;flex-direction:column}\r\n.al-ig__post.is-bottom .al-ig__txt{margin:auto 0 0}\r\n.al-ig__post.is-center .al-ig__txt{align-items:center;text-align:center}\r\n.al-ig__l{display:block;font-family:'Anton',sans-serif!important;line-height:.98;text-transform:uppercase;white-space:nowrap}\r\n.al-ig__l.is-case{text-transform:none}\r\n.al-ig__l.is-out{color:transparent;-webkit-text-stroke:.42cqw #fff}\r\n.al-ig__l.is-thin{font-family:'Poppins',sans-serif!important;font-weight:300!important;text-transform:none;line-height:1.25}\r\n.al-ig__l.is-glitch{text-shadow:-.7cqw 0 rgba(0,240,255,.75),.7cqw 0 rgba(255,0,150,.7)}\r\n.al-ig__l.is-out.is-glitch{text-shadow:none;filter:drop-shadow(-.6cqw 0 rgba(0,240,255,.7)) drop-shadow(.6cqw 0 rgba(255,0,150,.6))}\r\n.al-ig__l.is-bars{display:flex;align-items:center;gap:2cqw;width:calc(100% + 14cqw);margin:0 -7cqw}\r\n.al-ig__l.is-bars::before,.al-ig__l.is-bars::after{content:\"\";flex:1;height:.62em;background:#fff}\r\n.al-ig__chip{align-self:flex-start;display:inline-block;margin-top:3cqw;padding:1.6cqw 3cqw;background:#fff;color:#1c1c1e;font-size:5.2cqw;font-weight:600!important;font-style:italic}\r\n.al-ig__capchip{display:block;margin-top:5cqw;padding:1.2cqw 2.4cqw;background:#fff;color:#1c1c1e;font-size:3.6cqw;font-weight:600!important;text-align:center;border-radius:1cqw}\r\n.al-ig__cap{display:block;margin-top:5cqw;font-size:3.6cqw;opacity:.75}\r\n.al-ig__post.is-center .al-ig__cap{text-align:center}\r\n.al-ig__cta{display:flex;align-items:center;justify-content:center;gap:2.5cqw;margin-top:auto;padding-top:4cqw;font-size:6cqw;font-weight:300!important}\r\n.al-ig__cta.is-left{justify-content:flex-start}\r\n.al-ig__cta i{display:inline-flex;align-items:center;justify-content:center;width:7.5cqw;height:7.5cqw;border:1.5px solid #fff;border-radius:50%}\r\n.al-ig__cta svg{width:4cqw;height:4cqw;fill:none;stroke:#fff;stroke-width:2.4}\r\n.al-ig__q{position:absolute;right:-8cqw;bottom:6cqw;font-family:'Anton',sans-serif!important;font-size:75cqw;line-height:1;color:rgba(255,255,255,.14);pointer-events:none}\r\n.al-ig__hover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(28,28,30,.35);opacity:0;transition:opacity .35s}\r\n.al-ig__hover span{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--ig-ink);font-size:13px;font-weight:600;\r\n  transform:translateY(8px);transition:transform .35s}\r\n.al-ig__hover svg{width:16px;height:16px;fill:none;stroke:var(--ig-ink);stroke-width:2}\r\n.al-ig__post:hover .al-ig__hover,.al-ig__post:focus .al-ig__hover{opacity:1}\r\n.al-ig__post:hover .al-ig__hover span{transform:none}\r\n.al-ig__pin{position:absolute;top:4cqw;right:4cqw;width:6.5cqw;height:6.5cqw;fill:#fff}\r\n\r\n\/* footer button *\/\r\n.al-ig__foot{text-align:center}\r\n.al-ig .al-ig__btn{display:inline-flex!important;align-items:center;gap:10px;padding:15px 30px!important;border-radius:999px!important;background:var(--ig-ink)!important;color:#fff!important;\r\n  text-decoration:none!important;font-family:'Poppins',sans-serif!important;font-size:15px;font-weight:600;border:none!important;transition:transform .3s,background .3s}\r\n.al-ig .al-ig__btn:hover,.al-ig .al-ig__btn:focus{background:#000!important;color:#fff!important;transform:translateY(-2px)}\r\n.al-ig__btn em{font-style:normal;transition:transform .3s}\r\n.al-ig__btn:hover em{transform:translateX(4px)}\r\n\r\n@media (max-width:860px){\r\n  .al-ig{padding:64px 0 60px}\r\n  .al-ig__wrap{padding:0 16px}\r\n  .al-ig__head{flex-direction:column;align-items:flex-start;gap:22px;margin-bottom:26px}\r\n  .al-ig__sub{font-size:14.5px}\r\n  .al-ig .al-ig__prof{width:100%;padding:10px!important}\r\n  .al-ig__ring{width:50px;height:50px}\r\n  .al-ig__follow{margin-left:auto;padding:10px 15px}\r\n  .al-ig .al-ig__post{width:210px}\r\n  .al-ig__track{gap:12px;--ig-gap:6px}\r\n  @keyframes ig-move{to{transform:translateX(calc(-50% - 6px))}}\r\n}\r\n@media (prefers-reduced-motion:reduce){\r\n  .al-ig__track{animation:none}\r\n  .al-ig__rail{overflow-x:auto;-webkit-mask-image:none;mask-image:none;padding-left:16px}\r\n  .al-ig *{transition:none!important}\r\n}\r\n\r\n\/* font lock: the theme can't swap our fonts (Poppins everywhere, Anton for headlines) *\/\r\n.al-ig,.al-ig *:not(svg):not(path):not(circle):not(rect){font-family:'Poppins',sans-serif!important}\r\n.al-ig .al-ig__h,.al-ig .al-ig__h *,.al-ig .al-ig__av,.al-ig .al-ig__l:not(.is-thin),.al-ig .al-ig__q{font-family:'Anton',sans-serif!important;font-weight:400!important}\r\n\/* end font lock *\/\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  var s=document.querySelector('.al-ig'); if(!s) return;\r\n  var IG='https:\/\/www.instagram.com\/along.experiences\/';\r\n\r\n  \/* ===== EDIT HERE =====\r\n     (post texts stay in English \u2013 they mirror the real posts)\r\n     LOGO: link to your white \"Along\" logo PNG (leave '' to use the text logo)\r\n     style: 'photo' \u00b7 'teal' (photo turned blue) \u00b7 'dark' \u00b7 'rose'\r\n     lines: [text, size, flags]  size = % of card width \u00b7 flags: out (outlined), thin (light Poppins),\r\n            glitch (blue\/pink shift), bars (white bars left+right), case (keep lower\/upper case as typed)\r\n     center: centred text \u00b7 bottom: text sits low \u00b7 cta: bottom link text \u00b7 cap: small caption\r\n     capchip: white caption label \u00b7 chip: white label under the text \u00b7 q: big \"?\" in the background\r\n     url: link to that exact post (otherwise your profile) \u00b7 shot: a real post image instead      *\/\r\n  var LOGO='';\r\n  var POSTS=[\r\n    {style:'photo', img:'https:\/\/along.hu\/wp-content\/uploads\/2026\/04\/Along-Walk-in-Budapest.webp', center:true, pin:true,\r\n     lines:[['WALKING',23,'glitch'],['CHANGES',21,'glitch bars'],['EVERYTHING',16.5,'glitch']], cta:'Here is why'},\r\n    {style:'photo', img:'https:\/\/along.hu\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-2026.-jun.-11.-18_49_23.png', pin:true, bottom:true,\r\n     lines:[['WHEN WAS THE',14.5,''],['last time  you had a',8,'thin'],['conversation',15.5,'out case'],['STAYED WITH YOU?',12.5,'']], cta:'No more awkward dates', ctaLeft:true},\r\n    {style:'dark', logoRight:true,\r\n     lines:[['When did you',14,'case'],['last feel',14,'case'],['COMPLETELY',16.5,'out'],['UNDERSTOOD',16.5,'out'],['BY SOMEONE?',13,'']],\r\n     cap:'Send this to the person who gets you without explanation', center:false},\r\n    {style:'teal', img:'https:\/\/along.hu\/wp-content\/uploads\/2026\/06\/ab8c0b85-1da9-42ae-bccd-1ba5f1308ee8.png', noLogo:true, center:true,\r\n     lines:[['This is why',17,'out case'],['your dates feel',7.5,'thin'],['AWKWARD',21,'out']]},\r\n    {style:'dark', img:'https:\/\/along.hu\/wp-content\/uploads\/2026\/04\/Couple-walking-in-Budapest.webp', tag:'From the Deep set for long-term couples', center:true,\r\n     lines:[[\"What's something\",12.5,'case'],[\"YOU'VE NEVER\",15.5,'out'],['TOLD ME',15.5,'out'],['BECAUSE YOU THOUGHT',10.5,''],[\"I WOULDN'T UNDERSTAND?\",9.5,'']],\r\n     capchip:\"Send this to the one person who'd actually understand!\"},\r\n    {style:'photo', img:'https:\/\/along.hu\/wp-content\/uploads\/2026\/04\/Couple-walking-in-Budapest.webp', bottom:true, q:true,\r\n     lines:[['WHAT IS',13,'glitch'],['ALONG',33,'glitch']], cta:\"Let's find out!\"},\r\n    {style:'photo', img:'https:\/\/along.hu\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-2026.-jun.-11.-14_07_39.png', tag:'GPS-guided date walks in Budapest', bottom:true,\r\n     lines:[['Budapest has a',12,'case'],['NEW',27,'out'],['WAY',27,'out']], chip:'to fall in love\u2026'},\r\n    {style:'rose', tag:'From the Light set for first dates', center:true,\r\n     lines:[['If tonight had a',12,'case'],['SOUNDTRACK',18.5,'out'],['what would be',11,'case'],['playing?',11,'case']],\r\n     cap:'Send this to your next date'}\r\n  ];\r\n  \/* ===================== *\/\r\n\r\n  var ig='<svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><\/svg>';\r\n  var chev='<svg viewBox=\"0 0 24 24\"><path d=\"m10 7 5 5-5 5\"\/><\/svg>';\r\n  var pin='<svg class=\"al-ig__pin\" viewBox=\"0 0 24 24\"><path d=\"M14.5 2.5 21.5 9.5l-2.2.6-4 4 .4 4.7-1.5 1.5-4-4L4.5 22l-.5-.5 5.7-5.7-4-4 1.5-1.5 4.7.4 4-4z\"\/><\/svg>';\r\n  var rot=['-2deg','1.5deg','-1deg','2deg','-1.5deg','1deg','-2.5deg','1.8deg'];\r\n  function esc(t){return String(t).replace(\/&\/g,'&amp;').replace(\/<\/g,'&lt;')}\r\n  function card(p,i){\r\n    var inner;\r\n    if(p.shot){ inner='<img decoding=\"async\" class=\"al-ig__shot\" src=\"'+p.shot+'\" alt=\"\" loading=\"lazy\">'; }\r\n    else{\r\n      var logo=p.noLogo?'':(LOGO?'<span class=\"al-ig__logo is-img'+(p.logoRight?' is-r':'')+'\"><img decoding=\"async\" src=\"'+LOGO+'\" alt=\"Along\"><\/span>'\r\n                                :'<span class=\"al-ig__logo'+(p.logoRight?' is-r':'')+'\">Along<\/span>');\r\n      var lines=(p.lines||[]).map(function(l){\r\n        var fl=(l[2]||'').split(' ').filter(Boolean).map(function(x){return 'is-'+x}).join(' ');\r\n        return '<span class=\"al-ig__l '+fl+'\" style=\"font-size:'+l[1]+'cqw\">'+esc(l[0])+'<\/span>';\r\n      }).join('');\r\n      inner='<span class=\"al-ig__bg\"'+(p.img?' style=\"background-image:url(\\''+p.img+'\\')\"':'')+'><\/span>'+\r\n        (p.q?'<span class=\"al-ig__q\" aria-hidden=\"true\">?<\/span>':'')+\r\n        '<span class=\"al-ig__in\" lang=\"en\">'+logo+(p.tag?'<span class=\"al-ig__tag\">'+esc(p.tag)+'<\/span>':'')+\r\n        '<span class=\"al-ig__txt\">'+lines+\r\n          (p.chip?'<span class=\"al-ig__chip\">'+esc(p.chip)+'<\/span>':'')+\r\n          (p.cap?'<span class=\"al-ig__cap\">'+esc(p.cap)+'<\/span>':'')+\r\n          (p.capchip?'<span class=\"al-ig__capchip\">'+esc(p.capchip)+'<\/span>':'')+'<\/span>'+\r\n        (p.cta?'<span class=\"al-ig__cta'+(p.ctaLeft?' is-left':'')+'\">'+esc(p.cta)+' <i>'+chev+'<\/i><\/span>':'')+'<\/span>'+\r\n        (p.pin?pin:'');\r\n    }\r\n    var cls='al-ig__post al-ig__post--'+(p.style||'dark')+(p.img?' has-img':'')+(p.center?' is-center':'')+(p.bottom?' is-bottom':'');\r\n    var label=(p.lines||[]).map(function(l){return l[0]}).join(' ');\r\n    return '<a class=\"'+cls+'\" style=\"--r:'+rot[i%rot.length]+'\" href=\"'+(p.url||IG)+'\" target=\"_blank\" rel=\"noopener\" aria-label=\"'+esc(label)+' \u2013 megnyit\u00e1s az Instagramon\">'+\r\n      inner+'<span class=\"al-ig__hover\"><span>'+ig+'Megn\u00e9zem az Instagramon<\/span><\/span><\/a>';\r\n  }\r\n  var html=POSTS.map(card).join('');\r\n  var track=s.querySelector('.al-ig__track');\r\n  track.innerHTML=html+html.replace(\/<a \/g,'<a tabindex=\"-1\" aria-hidden=\"true\" ');   \/* doubled for a seamless loop *\/\r\n  s.style.setProperty('--ig-dur',(POSTS.length*8)+'s');\r\n\r\n  \/* tap on phones: first tap pauses, the moving wall stops while you look *\/\r\n  var rail=s.querySelector('.al-ig__rail'), t=null;\r\n  rail.addEventListener('touchstart',function(){rail.classList.add('is-paused');clearTimeout(t)},{passive:true});\r\n  rail.addEventListener('touchend',function(){t=setTimeout(function(){rail.classList.remove('is-paused')},2500)},{passive:true});\r\n  \/* save battery: only move while visible *\/\r\n  if('IntersectionObserver' in window){\r\n    new IntersectionObserver(function(es){es.forEach(function(e){track.style.animationPlayState=e.isIntersecting?'':'paused'})}).observe(s);\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-7de45be e-con e-atomic-element e-flexbox-base e-default-div e-e416d83 \" data-id=\"7de45be\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7de45be\">\n    \t\t<div class=\"elementor-element elementor-element-c9afc6d elementor-widget elementor-widget-html\" data-id=\"c9afc6d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     ALONG \u2013 LIGHT oldal MAGYARUL \u00b7 2. R\u00c9SZ a 2-b\u0151l\r\n     Final call to action + \"Nem ez a ti szintetek?\"\r\n     Goes at the very end of the page, after \"Good to know\".\r\n     Elementor: full-width section, no background, no padding,\r\n     ONE \"HTML\" widget, paste everything below.\r\n     \u25ba Szint linkek: along.hu\/hu\/bond\/ \u00b7 \/hu\/deep\/ \u2013 \u00edrd \u00e1t, ha a magyar oldalak c\u00edme m\u00e1s\r\n     ============================================================ -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Poppins:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"al-lz\">\r\n<div class=\"al-lz__wrap\">\r\n\r\n  <div class=\"al-lz__final\">\r\n    <span class=\"al-lz__glow\" aria-hidden=\"true\"><\/span>\r\n    <span class=\"al-lz__badge\">\u2726 Light<\/span>\r\n    <h2 class=\"al-lz__h\">A k\u00f6vetkez\u0151 randitok<br><span>lehet valami m\u00e1s.<\/span><\/h2>\r\n    <p>V\u00e1lasszatok egy s\u00e9t\u00e1t, \u00e9s ismerj\u00e9tek meg egym\u00e1st a szok\u00e1sos randik\u00e9rd\u00e9seken t\u00fal.<\/p>\r\n    <a class=\"al-lz__btn\" href=\"#light-walks\">Light s\u00e9t\u00e1k <em aria-hidden=\"true\">&rarr;<\/em><\/a>\r\n    <small class=\"al-lz__note\">Nem j\u00e1r le \u00b7 Akkor indultok, amikor szeretn\u00e9tek \u00b7 Egy telefon is el\u00e9g<\/small>\r\n  <\/div>\r\n\r\n  <div class=\"al-lz__other\">\r\n    <span class=\"al-lz__eyebrow\">M\u00e1r r\u00e9g\u00f3ta egy\u00fctt vagytok?<\/span>\r\n    <div class=\"al-lz__lv\">\r\n      <a class=\"al-lz__card al-lz__card--bond\" href=\"https:\/\/along.hu\/hu\/bond\/\">\r\n        <span class=\"al-lz__tag\">\u2726\u2726 Bond<\/span>\r\n        <b>M\u00e9g van mit megtudnotok egym\u00e1sr\u00f3l.<\/b>\r\n        <span class=\"al-lz__tx\">A h\u00e9tk\u00f6znapokban sok mindenr\u0151l sz\u00f3 esik, de a fontos k\u00e9rd\u00e9sek n\u00e9ha h\u00e1tt\u00e9rbe szorulnak. A Bond seg\u00edt \u00fajra el\u0151venni \u0151ket.<\/span>\r\n        <i class=\"al-lz__go\" aria-hidden=\"true\">&rarr;<\/i>\r\n      <\/a>\r\n      <a class=\"al-lz__card al-lz__card--deep\" href=\"https:\/\/along.hu\/hu\/deep\/\">\r\n        <span class=\"al-lz__tag\">\u2726\u2726\u2726 Deep<\/span>\r\n        <b>\u00c9vek \u00f3ta egy\u00fctt?<\/b>\r\n        <span class=\"al-lz__tx\">\u00c1lljatok meg egy kicsit, \u00e9s besz\u00e9lgessetek arr\u00f3l, ami igaz\u00e1n sz\u00e1m\u00edt: hogyan v\u00e1ltoztatok, mire v\u00e1gytok, \u00e9s mit jelent ma nektek a kapcsolatotok.<\/span>\r\n        <i class=\"al-lz__go\" aria-hidden=\"true\">&rarr;<\/i>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.al-lz{--lz-rose:#d58a94;--lz-ink:#1c1c1e;background:#fff;padding:90px 24px 100px;font-family:'Poppins',sans-serif!important;color:#4a4a4e}\r\n.al-lz *,.al-lz *::before,.al-lz *::after{box-sizing:border-box}\r\n.al-lz__wrap{max-width:1112px;margin:0 auto}\r\n\r\n.al-lz__final{position:relative;overflow:hidden;text-align:center;padding:70px 30px 60px;border-radius:36px;color:#fff;\r\n  background:linear-gradient(140deg,#e2c3c7 0%,#c4a0a4 45%,#a37c82 100%);box-shadow:0 40px 80px -46px rgba(90,30,45,.7)}\r\n.al-lz__glow{position:absolute;width:520px;height:520px;left:50%;top:-300px;margin-left:-260px;border-radius:50%;\r\n  background:radial-gradient(circle,rgba(255,255,255,.45),rgba(255,255,255,0) 65%);pointer-events:none}\r\n.al-lz__badge{position:relative;display:inline-block;font-size:12.5px;font-weight:600;padding:6px 14px;border-radius:999px;margin-bottom:18px;\r\n  background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.45);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}\r\n.al-lz__h{position:relative;font-family:'Anton',sans-serif!important;font-weight:400;font-size:clamp(38px,5.2vw,66px);line-height:1.03;margin:0 0 14px;color:#fff;text-transform:none}\r\n.al-lz__h span{color:#fff;opacity:.85}\r\n.al-lz__final p{position:relative;font-size:16.5px;line-height:1.6;margin:0 auto 28px;max-width:460px;color:rgba(255,255,255,.92)}\r\n.al-lz .al-lz__btn{position:relative;display:inline-flex!important;align-items:center;gap:10px;padding:16px 32px!important;border-radius:999px!important;background:#fff!important;color:var(--lz-ink)!important;\r\n  text-decoration:none!important;font-family:'Poppins',sans-serif!important;font-size:15.5px;font-weight:600;border:none!important;box-shadow:0 18px 34px -16px rgba(60,20,30,.6);\r\n  transition:transform .3s cubic-bezier(.2,.8,.2,1)}\r\n.al-lz .al-lz__btn:hover,.al-lz .al-lz__btn:focus,.al-lz .al-lz__btn:active{background:#fff!important;color:var(--lz-ink)!important;transform:translateY(-2px)}\r\n.al-lz__btn em{font-style:normal;transition:transform .3s}\r\n.al-lz__btn:hover em{transform:translateX(4px)}\r\n.al-lz__note{position:relative;display:block;margin-top:18px;font-size:12.5px;color:rgba(255,255,255,.85)}\r\n\r\n.al-lz__other{margin-top:56px}\r\n.al-lz__eyebrow{display:block;text-align:center;font-size:12.5px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:#8e8e93;margin-bottom:16px}\r\n.al-lz__lv{display:grid;grid-template-columns:1fr 1fr;gap:14px}\r\n.al-lz .al-lz__card{position:relative;display:flex!important;flex-direction:column;padding:26px 70px 26px 26px!important;border-radius:28px!important;color:#fff!important;text-decoration:none!important;\r\n  font-family:'Poppins',sans-serif!important;border:none!important;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}\r\n.al-lz .al-lz__card:hover,.al-lz .al-lz__card:focus{color:#fff!important;transform:translateY(-4px);box-shadow:0 30px 50px -30px rgba(60,20,30,.7)}\r\n.al-lz .al-lz__card--bond,.al-lz .al-lz__card--bond:hover,.al-lz .al-lz__card--bond:focus{background:linear-gradient(150deg,#c98f98,#b07880 60%,#9a6670)!important}\r\n.al-lz .al-lz__card--deep,.al-lz .al-lz__card--deep:hover,.al-lz .al-lz__card--deep:focus{background:linear-gradient(150deg,#8a5860,#7a4a52 55%,#4a2a31)!important}\r\n.al-lz__tag{align-self:flex-start;font-size:11.5px;font-weight:600;padding:5px 12px;border-radius:999px;margin-bottom:14px;\r\n  background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.4)}\r\n.al-lz__card b{font-family:'Anton',sans-serif!important;font-weight:400;font-size:28px;line-height:1.1;margin-bottom:6px;color:#fff}\r\n.al-lz__tx{font-size:14px;line-height:1.6;color:rgba(255,255,255,.85)}\r\n.al-lz__go{position:absolute;right:22px;top:50%;width:40px;height:40px;margin-top:-20px;border-radius:50%;display:flex;align-items:center;justify-content:center;\r\n  font-style:normal;font-size:17px;background:rgba(255,255,255,.18);transition:transform .3s,background .3s}\r\n.al-lz__card:hover .al-lz__go{transform:translateX(4px);background:rgba(255,255,255,.3)}\r\n\r\n@media (max-width:760px){\r\n  .al-lz{padding:56px 16px 64px}\r\n  .al-lz__final{padding:48px 20px 44px;border-radius:28px}\r\n  .al-lz__final p{font-size:15px}\r\n  .al-lz__other{margin-top:40px}\r\n  .al-lz__lv{grid-template-columns:1fr;gap:10px}\r\n  .al-lz .al-lz__card{padding:22px 64px 22px 20px!important;border-radius:24px!important}\r\n  .al-lz__card b{font-size:24px}\r\n}\r\n@media (prefers-reduced-motion:reduce){.al-lz *{transition:none!important}}\r\n\/* font lock: the theme can't swap our fonts (Poppins everywhere, Anton for headlines) *\/\r\n.al-lz,.al-lz *:not(svg):not(path):not(circle):not(rect):not(g){font-family:'Poppins',sans-serif!important}\r\n.al-lz svg text{font-family:'Poppins',sans-serif!important}\r\n.al-lz .al-lz__card b,\r\n.al-lz .al-lz__card b *,\r\n.al-lz .al-lz__h,\r\n.al-lz .al-lz__h *{font-family:'Anton',sans-serif!important;font-weight:400!important}\r\n\/* end font lock *\/\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  \/* \"Light s\u00e9t\u00e1k\" \u2192 scroll to the walks carousel at the top of the page *\/\r\n  var b=document.querySelector('.al-lz__btn'); if(!b) return;\r\n  b.addEventListener('click',function(e){var t=document.getElementById('light-walks');if(t){e.preventDefault();t.scrollIntoView({behavior:'smooth',block:'start'})}});\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u2726 Light \u00b7 Els\u0151 randik \u00e9s friss p\u00e1rok A kulcs egy \u00faj kezdethez Fedezz\u00e9tek fel Budapestet, mik\u00f6zben egym\u00e1st is jobban megismeritek. 25 k\u00e9rd\u00e9s seg\u00edt t\u00fall\u00e9pni a szok\u00e1sos besz\u00e9lget\u00e9seken, \u00e9s felfedezni egym\u00e1s rejtett oldal\u00e1t. Light s\u00e9t\u00e1k &darr; Hogyan m\u0171k\u00f6dik? 25 k\u00e9rd\u00e9s Egy telefon Offline is m\u0171k\u00f6dik B\u00e1rmikor indulhattok R Routon mostA 4. meg\u00e1ll\u00f3n\u00e1l vagytok. \u00daj k\u00e9rd\u00e9s [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-5253","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Light - Along<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/along.hu\/light\/\" \/>\n<meta property=\"og:locale\" content=\"hu_HU\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Light - Along\" \/>\n<meta property=\"og:description\" content=\"\u2726 Light \u00b7 Els\u0151 randik \u00e9s friss p\u00e1rok A kulcs egy \u00faj kezdethez Fedezz\u00e9tek fel Budapestet, mik\u00f6zben egym\u00e1st is jobban megismeritek. 25 k\u00e9rd\u00e9s seg\u00edt t\u00fall\u00e9pni a szok\u00e1sos besz\u00e9lget\u00e9seken, \u00e9s felfedezni egym\u00e1s rejtett oldal\u00e1t. Light s\u00e9t\u00e1k &darr; Hogyan m\u0171k\u00f6dik? 25 k\u00e9rd\u00e9s Egy telefon Offline is m\u0171k\u00f6dik B\u00e1rmikor indulhattok R Routon mostA 4. meg\u00e1ll\u00f3n\u00e1l vagytok. \u00daj k\u00e9rd\u00e9s [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/along.hu\/light\/\" \/>\n<meta property=\"og:site_name\" content=\"Along\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-10T13:11:36+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Becs\u00fclt olvas\u00e1si id\u0151\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 perc\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/along.hu\\\/light\\\/\",\"url\":\"https:\\\/\\\/along.hu\\\/light\\\/\",\"name\":\"Light - Along\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/along.hu\\\/#website\"},\"datePublished\":\"2026-10-07T15:44:01+00:00\",\"dateModified\":\"2026-10-10T13:11:36+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/along.hu\\\/light\\\/#breadcrumb\"},\"inLanguage\":\"hu\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/along.hu\\\/light\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/along.hu\\\/light\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/along.hu\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Light\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/along.hu\\\/#website\",\"url\":\"https:\\\/\\\/along.hu\\\/\",\"name\":\"Along\",\"description\":\"Walking experience for couples\",\"publisher\":{\"@id\":\"https:\\\/\\\/along.hu\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/along.hu\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"hu\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/along.hu\\\/#organization\",\"name\":\"Along\",\"url\":\"https:\\\/\\\/along.hu\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"hu\",\"@id\":\"https:\\\/\\\/along.hu\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/along.hu\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/1-e1777282565130.png\",\"contentUrl\":\"https:\\\/\\\/along.hu\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/1-e1777282565130.png\",\"width\":1440,\"height\":530,\"caption\":\"Along\"},\"image\":{\"@id\":\"https:\\\/\\\/along.hu\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Light - Along","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/along.hu\/light\/","og_locale":"hu_HU","og_type":"article","og_title":"Light - Along","og_description":"\u2726 Light \u00b7 Els\u0151 randik \u00e9s friss p\u00e1rok A kulcs egy \u00faj kezdethez Fedezz\u00e9tek fel Budapestet, mik\u00f6zben egym\u00e1st is jobban megismeritek. 25 k\u00e9rd\u00e9s seg\u00edt t\u00fall\u00e9pni a szok\u00e1sos besz\u00e9lget\u00e9seken, \u00e9s felfedezni egym\u00e1s rejtett oldal\u00e1t. Light s\u00e9t\u00e1k &darr; Hogyan m\u0171k\u00f6dik? 25 k\u00e9rd\u00e9s Egy telefon Offline is m\u0171k\u00f6dik B\u00e1rmikor indulhattok R Routon mostA 4. meg\u00e1ll\u00f3n\u00e1l vagytok. \u00daj k\u00e9rd\u00e9s [&hellip;]","og_url":"https:\/\/along.hu\/light\/","og_site_name":"Along","article_modified_time":"2026-10-10T13:11:36+00:00","twitter_card":"summary_large_image","twitter_misc":{"Becs\u00fclt olvas\u00e1si id\u0151":"7 perc"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/along.hu\/light\/","url":"https:\/\/along.hu\/light\/","name":"Light - Along","isPartOf":{"@id":"https:\/\/along.hu\/#website"},"datePublished":"2026-10-07T15:44:01+00:00","dateModified":"2026-10-10T13:11:36+00:00","breadcrumb":{"@id":"https:\/\/along.hu\/light\/#breadcrumb"},"inLanguage":"hu","potentialAction":[{"@type":"ReadAction","target":["https:\/\/along.hu\/light\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/along.hu\/light\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/along.hu\/"},{"@type":"ListItem","position":2,"name":"Light"}]},{"@type":"WebSite","@id":"https:\/\/along.hu\/#website","url":"https:\/\/along.hu\/","name":"Along","description":"Walking experience for couples","publisher":{"@id":"https:\/\/along.hu\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/along.hu\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"hu"},{"@type":"Organization","@id":"https:\/\/along.hu\/#organization","name":"Along","url":"https:\/\/along.hu\/","logo":{"@type":"ImageObject","inLanguage":"hu","@id":"https:\/\/along.hu\/#\/schema\/logo\/image\/","url":"https:\/\/along.hu\/wp-content\/uploads\/2026\/03\/1-e1777282565130.png","contentUrl":"https:\/\/along.hu\/wp-content\/uploads\/2026\/03\/1-e1777282565130.png","width":1440,"height":530,"caption":"Along"},"image":{"@id":"https:\/\/along.hu\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/along.hu\/hu\/wp-json\/wp\/v2\/pages\/5253","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/along.hu\/hu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/along.hu\/hu\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/along.hu\/hu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/along.hu\/hu\/wp-json\/wp\/v2\/comments?post=5253"}],"version-history":[{"count":32,"href":"https:\/\/along.hu\/hu\/wp-json\/wp\/v2\/pages\/5253\/revisions"}],"predecessor-version":[{"id":5457,"href":"https:\/\/along.hu\/hu\/wp-json\/wp\/v2\/pages\/5253\/revisions\/5457"}],"wp:attachment":[{"href":"https:\/\/along.hu\/hu\/wp-json\/wp\/v2\/media?parent=5253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}