/* Kim Eszter – coach extra animált minta (10-28). Sötét, prémium, arany; Bodoni (dőlt kiemelés) + Inter. */
@font-face{font-family:Inter;font-weight:300;font-display:swap;src:url(fonts/Inter-300-latin-ext.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF}
@font-face{font-family:Inter;font-weight:300;font-display:swap;src:url(fonts/Inter-300-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(fonts/Inter-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF}
@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(fonts/Inter-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:Inter;font-weight:500;font-display:swap;src:url(fonts/Inter-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF}
@font-face{font-family:Inter;font-weight:500;font-display:swap;src:url(fonts/Inter-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:'Bodoni Moda';font-weight:400;font-display:swap;src:url(fonts/BodoniModa-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF}
@font-face{font-family:'Bodoni Moda';font-weight:400;font-display:swap;src:url(fonts/BodoniModa-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:'Bodoni Moda';font-weight:500;font-display:swap;src:url(fonts/BodoniModa-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF}
@font-face{font-family:'Bodoni Moda';font-weight:500;font-display:swap;src:url(fonts/BodoniModa-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC}

:root{--bg:#0b0c0f;--bg2:#111217;--card:#15161c;--ink:#ece6da;--muted:#9a958c;--line:#26262d;--gold:#c9a46a;--gold2:#e3c48d;
  --serif:'Bodoni Moda',Georgia,serif;--sans:Inter,system-ui,sans-serif;--pad:clamp(18px,4vw,56px);--e:cubic-bezier(.2,.8,.2,1)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--bg)}
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}
body{margin:0;background:var(--bg);color:var(--ink);font:300 17px/1.7 var(--sans);overflow-x:hidden}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}
h1,h2,h3{margin:0;font-family:var(--serif);font-weight:400;letter-spacing:-.01em;line-height:1.04}
h2{font-size:clamp(36px,5vw,68px);margin:14px 0 26px;max-width:18ch}
h3{font-size:24px}
em{font-style:italic;color:var(--gold2)}
.wrap{max-width:1200px;margin:0 auto;padding:0 var(--pad)}
section{padding:130px 0;position:relative}
.cimke{font:500 11.5px/1 var(--sans);letter-spacing:.32em;text-transform:uppercase;color:var(--gold)}
.bev{color:var(--muted);max-width:58ch;margin:0 0 36px}
.megj{font-size:13px;color:var(--muted);margin-top:22px}
.gomb{display:inline-flex;align-items:center;gap:8px;padding:15px 26px;background:var(--gold);color:#16130d;border:0;border-radius:100px;font:500 15px/1 var(--sans);cursor:pointer;transition:background .3s,transform .3s var(--e)}
.gomb:hover{background:var(--gold2);transform:translateY(-2px)}
.gomb.szellem{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px rgba(236,230,218,.3)}
.gomb.szellem:hover{box-shadow:inset 0 0 0 1px var(--gold)}

.csik{position:fixed;top:0;left:0;height:2px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:var(--gold);z-index:120}
.minta{position:relative;z-index:110;background:#000;color:#bbb;font-size:12.5px;text-align:center;padding:7px 12px}
.minta b{color:var(--gold);letter-spacing:.1em}
.fej{position:fixed;top:32px;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:16px var(--pad);transition:background .4s,top .4s}
.fej.tele{top:0;background:rgba(11,12,15,.84);backdrop-filter:blur(10px)}
.logo{font:400 24px/1 var(--serif)}.logo i{color:var(--gold2)}
.menu{display:flex;gap:28px;align-items:center;font-size:14px}.menu a:not(.gomb){opacity:.8}.menu a:not(.gomb):hover{opacity:1;color:var(--gold2)}
.menu .gomb{padding:11px 18px;font-size:14px}
.hamb{display:none;background:none;border:0;font-size:24px;cursor:pointer}

/* 1. IRÁNYTŰ (rögzített widget) */
.iranytu{position:fixed;right:26px;bottom:26px;z-index:95;width:112px;text-align:center;pointer-events:none;opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s var(--e)}
.iranytu.lat{opacity:1;transform:none}.iranytu.lat.rejt{opacity:0;transform:translateY(20px)}
.iranytu svg{width:112px;height:112px;filter:drop-shadow(0 10px 30px rgba(0,0,0,.6))}
.iranytu__perem{fill:#14151a;stroke:var(--gold);stroke-width:1.5}
.iranytu__belso{fill:none;stroke:rgba(201,164,106,.25);stroke-width:1}
.iranytu__skala line{stroke:rgba(236,230,218,.35);stroke-width:1}
.iranytu__skala line.f{stroke:var(--gold);stroke-width:1.6}
.iranytu text{font:500 9px var(--sans);fill:var(--muted)}
/* 10-28: CSS transform-origin itt NEM kell – a tű az SVG rotate(a 60 60) attribútummal forog, a kettő együtt elcsúsztatta */
.tu-arany{fill:var(--gold2)}.tu-sotet{fill:#4a4b55}.iranytu__tu circle{fill:var(--ink)}
.iranytu__cel{display:block;margin-top:6px;font:500 10.5px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);text-shadow:0 1px 8px #000}

/* HERO */
.hero{min-height:100svh;padding:0;display:flex;align-items:center;overflow:hidden}
.hero__kep{position:absolute;inset:-8% 0 0 0}
.hero__kep img{width:100%;height:100%;object-fit:cover;object-position:28% center;filter:brightness(.72) contrast(1.05)}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgba(11,12,15,.95) 0%,rgba(11,12,15,.65) 42%,rgba(11,12,15,0) 78%),linear-gradient(0deg,var(--bg) 0%,transparent 28%)}
.hero__rozsa{position:absolute;z-index:1;right:-4vw;top:50%;width:min(78vh,720px);transform:translateY(-50%);fill:none;stroke:rgba(201,164,106,.22);stroke-width:1;pointer-events:none}
.hero__szoveg{position:relative;z-index:2;margin-left:auto;width:min(620px,100%);padding:120px var(--pad) 80px}
.hero h1{font-size:clamp(58px,9vw,138px);line-height:.92;margin:22px 0 28px}
.hero h1 .sor{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em}
.hero h1 .sor>*,.hero h1 .sor{will-change:transform}
.hero p{color:#cdc6b9;max-width:42ch;margin:0 0 34px}
.hero .gombok{display:flex;gap:12px;flex-wrap:wrap}

/* szolgáltatások */
.kartyak{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:20px}
.kartya{background:var(--card);border:1px solid var(--line);padding:34px 30px;border-radius:4px;position:relative;overflow:hidden;transition:border-color .4s,transform .5s var(--e)}
.kartya:hover{border-color:rgba(201,164,106,.55);transform:translateY(-6px)}
.kartya::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,var(--gold),transparent);transform:scaleX(0);transform-origin:0;transition:transform .7s var(--e)}
.kartya:hover::before{transform:scaleX(1)}
.kartya__szam{font:400 italic 34px/1 var(--serif);color:var(--gold)}
.kartya h3{margin:22px 0 12px;font-size:28px}.kartya p{color:var(--muted);margin:0;font-size:15.5px}

/* 4. HANGULAT-CSÚSZKA */
.hangulat{min-height:88vh;display:flex;align-items:center;overflow:hidden;--h1:#1b1830;--h2:#5b3550;--h3:#c9785f;--napy:72%}
.hangulat__eg{position:absolute;inset:0;background:linear-gradient(180deg,var(--h1) 0%,var(--h2) 55%,var(--h3) 100%);transition:background .2s}
.nap{position:absolute;left:68%;top:var(--napy);width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;
  background:radial-gradient(circle,#fff6dc 0%,#ffd98a 45%,rgba(255,190,110,0) 72%);filter:blur(1px)}
.hegyek{position:absolute;left:0;right:0;bottom:0;height:34%;
  background:linear-gradient(180deg,rgba(11,12,15,.0),rgba(11,12,15,.85) 60%,var(--bg));
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 300' preserveAspectRatio='none'%3E%3Cpath d='M0 300V180L140 90L260 170L420 40L560 160L700 80L860 190L1000 100L1200 200V300Z'/%3E%3C/svg%3E") bottom/100% 100% no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 300' preserveAspectRatio='none'%3E%3Cpath d='M0 300V180L140 90L260 170L420 40L560 160L700 80L860 190L1000 100L1200 200V300Z'/%3E%3C/svg%3E") bottom/100% 100% no-repeat;background-color:#0b0c0f}
.hangulat__belso{position:relative;z-index:2;width:100%}
.hangulat h2{font-size:clamp(46px,7vw,100px)}
.hangulat__csuszka{display:flex;align-items:center;gap:16px;max-width:620px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.hangulat__csuszka input{flex:1;accent-color:var(--gold2);height:30px;cursor:pointer}
.hangulat__ertek{margin:18px 0 6px;font-family:var(--serif)}.hangulat__ertek b{font-size:72px;font-weight:400}.hangulat__ertek span{font-size:22px;color:rgba(255,255,255,.7);margin-left:6px}
.hangulat__uzenet{max-width:52ch;font-size:19px;color:#f3ede2;min-height:3.4em;margin:0}

/* 2. HEGYI ÖSVÉNY */
.ut{padding:0}
.ut__belso{height:100vh;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:40px;max-width:1200px;margin:0 auto;padding:60px var(--pad) 0}
.ut__lepesek{list-style:none;padding:0;margin:0}
.ut__lepesek li{padding:16px 0 16px 34px;border-top:1px solid var(--line);position:relative;opacity:.35;transition:opacity .5s}
.ut__lepesek li::before{content:"";position:absolute;left:4px;top:24px;width:12px;height:12px;border-radius:50%;border:1.5px solid var(--muted);transition:all .5s}
.ut__lepesek li.akt{opacity:1}.ut__lepesek li.akt::before{border-color:var(--gold);background:var(--gold);box-shadow:0 0 0 6px rgba(201,164,106,.18)}
.ut__lepesek b{display:block;font:400 26px/1.2 var(--serif)}.ut__lepesek li.akt b{color:var(--gold2)}
.ut__lepesek span{color:var(--muted);font-size:15px}
.ut__svg{width:100%;max-height:82vh}
.hegy--hatso{fill:#17181e}
.ho{fill:#e9e3d6;opacity:.85}
.osveny{fill:none;stroke-linecap:round}
.osveny--alap{stroke:rgba(236,230,218,.22);stroke-width:2.5;stroke-dasharray:3 9}
.osveny--kesz{stroke:var(--gold);stroke-width:3}
.merfold circle{fill:#14151a;stroke:var(--muted);stroke-width:2;transition:all .5s}
.merfold text{font:500 13px var(--sans);fill:var(--muted);transition:fill .5s}
.merfold.akt circle{fill:var(--gold);stroke:var(--gold2)}
.merfold.akt text{fill:var(--ink)}
.zaszlo line{stroke:var(--ink);stroke-width:2}.zaszlo__lap{fill:var(--gold);transform-origin:300px 58px}
.vandor{fill:var(--ink)}.vandor-fenye{fill:rgba(227,196,141,.25)}

/* 3. ÉLETKERÉK */
.kerek{background:var(--bg2)}
.kerek__racs{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(30px,5vw,80px);align-items:center}
.kerek__svg{width:100%;max-width:560px;overflow:visible}
.kerek__halo circle{fill:none;stroke:var(--line)}.kerek__halo line{stroke:var(--line)}
.kerek__terulet{fill:rgba(201,164,106,.22);stroke:var(--gold2);stroke-width:2;stroke-linejoin:round}
.kerek__pontok circle{fill:var(--gold2)}
.kerek__cimkek text{font:500 11px var(--sans);fill:var(--muted);letter-spacing:.06em;text-transform:uppercase}
.kerek__cimkek text.alacsony{fill:var(--gold2)}
.kerek__csuszkak{display:grid;grid-template-columns:1fr 1fr;gap:6px 22px}
.kerek__csuszkak label{display:block;font-size:13.5px;color:var(--muted)}
.kerek__csuszkak label b{float:right;color:var(--ink);font-weight:500}
.kerek__csuszkak input{width:100%;accent-color:var(--gold);margin:4px 0 8px;cursor:pointer}
.kerek__javaslat{margin-top:22px;border-top:1px solid var(--line);padding-top:18px}
.kerek__javaslat small{font:500 11px var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.kerek__javaslat p{font:400 21px/1.45 var(--serif);margin:10px 0 0;min-height:4.4em}

/* 5. LÁMPAFÉNY */
.lampa{min-height:100vh;padding:0;overflow:hidden;display:flex;align-items:center;cursor:none;--x:60%;--y:45%;--r:250px}
.lampa img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lampa__alap{filter:grayscale(1) brightness(.15) contrast(1.2)}
.lampa__feny{-webkit-mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),#000 0%,#000 30%,transparent 72%);
  mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),#000 0%,#000 30%,transparent 72%);filter:sepia(.15) saturate(1.05)}
.lampa__szoveg{position:relative;z-index:2;padding:0 var(--pad);max-width:620px;pointer-events:none}
.lampa__szoveg p{color:#cdc6b9}

/* rólam */
.rolam__racs{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,6vw,90px);align-items:center}
.rolam__kep{overflow:hidden;border-radius:4px;clip-path:inset(0 0 100% 0)}
.rolam__kep img{width:100%;aspect-ratio:4/5;object-fit:cover;transform:scale(1.15)}
.lista{list-style:none;padding:0;margin:0}
.lista li{padding:12px 0 12px 30px;border-top:1px solid var(--line);position:relative}
.lista li::before{content:"✦";position:absolute;left:2px;color:var(--gold)}

/* árak */
.kapcs{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:100px;margin-bottom:34px}
.kapcs button{padding:10px 18px;border:0;border-radius:100px;background:none;cursor:pointer;font-size:14px}
.kapcs button.be{background:var(--gold);color:#16130d}
.arak__racs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ar{background:var(--card);border:1px solid var(--line);padding:34px 30px;border-radius:4px;display:flex;flex-direction:column}
.ar.kiemelt{border-color:rgba(201,164,106,.6);background:linear-gradient(160deg,#211d15,var(--card) 60%)}
.ar h3{font-size:26px}.ar b{display:block;font:400 46px/1 var(--serif);margin:22px 0 6px}.ar small{color:var(--muted);font-size:14px;min-height:2.6em}
.ar ul{list-style:none;padding:0;margin:18px 0 26px;flex:1}.ar li{padding:9px 0 9px 24px;border-top:1px solid var(--line);position:relative;font-size:15px}
.ar li::before{content:"✓";position:absolute;left:0;color:var(--gold)}
.ar .gomb{justify-content:center}

/* GYIK, kapcsolat */
.gyik details{border-top:1px solid var(--line);padding:22px 0;max-width:860px}
.gyik summary{cursor:pointer;font:400 23px/1.3 var(--serif);list-style:none;display:flex;justify-content:space-between;gap:20px}
.gyik summary::after{content:"+";color:var(--gold);font-family:var(--sans);font-size:24px;transition:transform .3s}.gyik details[open] summary::after{transform:rotate(45deg)}
.gyik p{color:var(--muted);margin:12px 0 0}
.kapcsolat{background:var(--bg2)}
.kapcsolat__racs{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,80px)}
.adat div{padding:13px 0;border-top:1px solid var(--line)}
.adat small{display:block;font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.urlap{background:var(--card);border:1px solid var(--line);padding:clamp(22px,3vw,36px);border-radius:4px;align-self:start}
.urlap label{display:block;font-size:14px;color:var(--muted);margin-bottom:16px}
.urlap input,.urlap textarea{display:block;width:100%;margin-top:6px;padding:12px 14px;background:#0f1014;border:1px solid var(--line);border-radius:3px}
.urlap textarea{min-height:120px;resize:vertical}
.urlap input:focus,.urlap textarea:focus{outline:none;border-color:var(--gold)}
.lab{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:30px var(--pad);border-top:1px solid var(--line);color:var(--muted);font-size:13px}

@media (max-width:900px){
  .menu{display:none;position:fixed;top:60px;left:0;right:0;flex-direction:column;background:rgba(11,12,15,.97);padding:24px}.menu.nyit{display:flex}
  .hamb{display:block}
  .hero{align-items:flex-end}
  .hero__szoveg{margin:0;padding-bottom:130px}
  .hero::after{background:linear-gradient(0deg,rgba(11,12,15,.97) 0%,rgba(11,12,15,.72) 45%,rgba(11,12,15,.1) 80%)}
  .hero__rozsa{right:-40vw;width:95vw;opacity:.6}
  .kartyak,.arak__racs,.kerek__racs,.rolam__racs,.kapcsolat__racs{grid-template-columns:1fr}
  .ut__belso{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:6px;padding-top:80px}
  .ut h2{font-size:32px;margin-bottom:10px}.ut__lepesek li{padding:7px 0 7px 30px}.ut__lepesek li::before{top:14px}.ut__lepesek b{font-size:19px}
  .ut__lepesek li:not(.akt) span{display:none}.ut__svg{max-height:46vh}
  .kerek__csuszkak{grid-template-columns:1fr 1fr;gap:2px 14px}
  .kerek__svg{max-width:100%;margin:0 auto}.kerek__cimkek text{font-size:12.5px}
  .lampa{cursor:auto;--r:170px}
  .iranytu{right:10px;bottom:10px;width:58px}.iranytu svg{width:58px;height:58px}.iranytu__cel{display:none}
  .nap{left:72%;width:110px;height:110px;margin:-55px 0 0 -55px}
  section{padding:90px 0}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}