/* GlogiAI — dedikált árazás oldal (arazas.html / pricing.html) */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --orange:#E8631A;--orange-glow:#ff7b2e;
  --navy:#0a0e27;--navy-mid:#111640;--navy-light:#1a2055;
  --white:#f0f0f5;--grey:#8890b5;--cyan:#00d4ff;--green:#00ff88;
}
html{scroll-behavior:smooth;overflow-x:hidden}
body{font-family:'Exo 2',sans-serif;background:var(--navy);color:var(--white);line-height:1.7;overflow-x:hidden}
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:var(--navy)}
::-webkit-scrollbar-thumb{background:var(--orange);border-radius:3px}

.starfield{position:fixed;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(1px 1px at 10% 20%,rgba(255,255,255,.6),transparent),
  radial-gradient(1px 1px at 30% 50%,rgba(255,255,255,.4),transparent),
  radial-gradient(1.5px 1.5px at 60% 10%,rgba(255,255,255,.5),transparent),
  radial-gradient(1px 1px at 80% 70%,rgba(255,255,255,.3),transparent),
  radial-gradient(1.5px 1.5px at 50% 80%,rgba(0,212,255,.4),transparent),
  radial-gradient(1px 1px at 15% 90%,rgba(232,99,26,.3),transparent)}

nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1rem 3rem;background:rgba(10,14,39,.92);backdrop-filter:blur(20px);border-bottom:1px solid rgba(232,99,26,.15);transition:padding .3s}
.nav-logo{font-family:'Orbitron',sans-serif;font-size:1.4rem;font-weight:800;letter-spacing:2px}
.nav-logo a{color:var(--white);text-decoration:none}
.nav-logo span{color:var(--orange)}
.nav-links{display:flex;gap:1.8rem;list-style:none}
.nav-links a{color:var(--grey);text-decoration:none;font-size:.78rem;font-weight:500;letter-spacing:1px;text-transform:uppercase;transition:color .3s,border-color .3s;padding-bottom:2px;border-bottom:2px solid transparent}
.nav-links a:hover{color:var(--orange)}
.nav-links a[aria-current="page"]{color:var(--orange);border-bottom-color:var(--orange)}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:5px}
.hamburger span{width:24px;height:2px;background:var(--white);transition:all .3s}
.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.hamburger.active span:nth-child(2){opacity:0}
.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.nav-actions{display:flex;align-items:center;gap:1rem;margin-left:1.2rem}
.nav-login{display:inline-flex;align-items:center;padding:.55rem 1.15rem;border-radius:6px;font-size:.76rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;text-decoration:none;color:var(--white);border:1px solid rgba(232,99,26,.55);background:rgba(232,99,26,.12);transition:all .3s;white-space:nowrap}
.nav-login:hover{background:var(--orange);border-color:var(--orange);color:#fff;box-shadow:0 4px 16px rgba(232,99,26,.35)}
.lang-switch{display:flex;gap:.35rem;align-items:center;margin-left:1.2rem}
.lang-switch a{color:var(--grey);text-decoration:none;font-size:.72rem;font-weight:700;letter-spacing:1px;padding:.25rem .5rem;border-radius:6px;border:1px solid transparent;transition:color .2s,border-color .2s}
.lang-switch a:hover{color:var(--orange)}
.lang-switch a.lang-active{color:var(--orange);border-color:rgba(232,99,26,.4)}

main{position:relative;z-index:1}
.page-hero{text-align:center;padding:8rem 2rem 1rem}
.section-inner{max-width:1100px;margin:0 auto}
.section-tag{display:inline-block;font-family:'Orbitron',sans-serif;font-size:.7rem;letter-spacing:3px;color:var(--orange);text-transform:uppercase;margin-bottom:1rem}
.page-hero h1{font-family:'Orbitron',sans-serif;font-size:clamp(1.8rem,4.5vw,2.8rem);font-weight:800;line-height:1.2;margin-bottom:1rem}
.glow-line{width:80px;height:3px;background:linear-gradient(90deg,var(--orange),var(--cyan));border-radius:2px;margin:0 auto 1.5rem}

.pricing-section{padding:1rem 2rem 5rem}
.pricing-teaser{text-align:center;padding:3rem;background:linear-gradient(135deg,rgba(232,99,26,.06),rgba(0,212,255,.04));border:1px solid rgba(232,99,26,.15);border-radius:16px}
.pricing-teaser h2{font-family:'Orbitron',sans-serif;font-size:1.3rem;margin-bottom:.8rem}
.pricing-teaser>p{color:var(--grey);margin-bottom:.5rem}

.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin:2.5rem auto 0;max-width:920px;text-align:left}
.price-card{position:relative;background:var(--navy-mid);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:2rem 1.5rem;display:flex;flex-direction:column;text-decoration:none;color:inherit;cursor:pointer;transition:transform .2s,border-color .2s}
.price-card:hover{transform:translateY(-4px);border-color:rgba(232,99,26,.5)}
.price-card-featured{border-color:rgba(232,99,26,.5);box-shadow:0 12px 40px rgba(232,99,26,.12)}
.price-card-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--orange),var(--orange-glow));color:#fff;font-size:.66rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:.3rem .85rem;border-radius:20px;white-space:nowrap}
.price-card-name{font-family:'Orbitron',sans-serif;font-weight:700;font-size:1.05rem;margin-bottom:.5rem}
.price-card-price{font-family:'Orbitron',sans-serif;font-weight:800;font-size:1.9rem;color:var(--orange);margin-bottom:1rem}
.price-card-price span{font-family:'Exo 2',sans-serif;font-size:.85rem;color:var(--grey);font-weight:400;margin-left:.3rem}
.price-card-features{list-style:none;padding:0;margin:0 0 1.5rem;flex:1}
.price-card-features li{padding:.45rem 0 .45rem 1.5rem;position:relative;color:#d6d9ec;font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.05)}
.price-card-features li::before{content:'\2713';position:absolute;left:0;color:var(--green);font-weight:700}
.price-card .price-card-cta{width:100%;justify-content:center;margin-top:auto}

.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 2rem;border-radius:6px;font-family:'Exo 2',sans-serif;font-weight:600;font-size:.9rem;text-decoration:none;transition:all .3s;cursor:pointer;border:none}
.btn-primary{background:linear-gradient(135deg,var(--orange),var(--orange-glow));color:#fff;box-shadow:0 4px 20px rgba(232,99,26,.3)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px rgba(232,99,26,.5)}
.btn-secondary{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,.2)}
.btn-secondary:hover{border-color:var(--orange);color:var(--orange)}

footer{text-align:left;padding:0;position:relative;z-index:1}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:2.5rem;max-width:1100px;margin:0 auto;padding:3.5rem 2rem 2.5rem;text-align:left}
.footer-brand .footer-logo{font-family:'Orbitron',sans-serif;font-size:1.3rem;font-weight:800;letter-spacing:2px;margin-bottom:.8rem}
.footer-brand .footer-logo span{color:var(--orange)}
.footer-brand p{color:var(--grey);font-size:.85rem;line-height:1.6;max-width:280px}
.footer-col h4{font-family:'Orbitron',sans-serif;font-size:.68rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--orange);margin-bottom:1rem}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:.55rem}
.footer-col a{color:var(--grey);text-decoration:none;font-size:.82rem;transition:color .2s}
.footer-col a:hover,.footer-col a[aria-current="page"]{color:var(--orange)}
.footer-col li{color:var(--grey);font-size:.82rem;line-height:1.5}
.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding:1.2rem 2rem;text-align:center}
.footer-bottom p{color:var(--grey);font-size:.75rem;margin:0}

.reveal{opacity:0;transform:translateY(30px);transition:all .6s ease}
.reveal.visible{opacity:1;transform:translateY(0)}

@media(max-width:820px){
  .pricing-grid{grid-template-columns:1fr;max-width:380px}
}
@media(max-width:768px){
  nav{padding:.8rem 1.5rem}
  .nav-links{position:fixed;top:0;right:-100%;width:70%;height:100vh;background:rgba(10,14,39,.98);flex-direction:column;padding:5rem 2rem;gap:2rem;transition:right .3s}
  .nav-links.open{right:0}
  .hamburger{display:flex}
  .page-hero{padding:7rem 1.2rem 1rem}
  .pricing-section{padding:1rem 1.2rem 4rem}
  .footer-grid{grid-template-columns:1fr 1fr;gap:1.5rem;padding:2.5rem 1.2rem 1.5rem}
}
@media(max-width:480px){
  .footer-grid{grid-template-columns:1fr}
}