/* AiGent redesign 2026-10, kozos alapreteg a harom iranyhoz.
   Forras: OneDrive 04_Brand_Identity_2026 (aigent-tokens.css), nem a 2025-os regi DS. */
:root{
  --bg:#FAFAF8; --surface:#FFFFFF;
  --ink:#17171C; --ink-2:#55555E; --ink-3:#8E8E99;
  --p1:#AAC8F0; --p2:#C9B7EF; --p3:#F3CDB3;
  --aurora:linear-gradient(115deg,#AAC8F0,#C9B7EF 48%,#F3CDB3);
  --line:#E7E7E2; --line-2:#DCDCD6;
  --live:oklch(0.68 0.16 155);        /* csak pottyre */
  --live-text:oklch(0.50 0.13 155);   /* feliratra, AA */
  --radius:16px; --pill:999px;
  --shadow:0 1px 2px rgba(23,23,28,.04),0 12px 32px -12px rgba(23,23,28,.12);
  --shadow-lg:0 2px 4px rgba(23,23,28,.03),0 30px 60px -24px rgba(40,40,70,.22);
  --ease-out:cubic-bezier(0.23,1,0.32,1);
  --sans:'Instrument Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'JetBrains Mono',ui-monospace,Menlo,monospace;
  --gut:clamp(16px,4vw,48px);
  --maxw:1240px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:1rem;line-height:1.6;
  -webkit-font-smoothing:antialiased;overflow-x:clip}
/* finom grain a marka szerint (~4%) */
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.04;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
img{max-width:100%;height:auto;display:block}
main{overflow-x:clip}
a{color:inherit}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gut)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:6px}
.kicker{font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2);font-weight:500}
.mono{font-family:var(--mono)}

/* ---------- fejlec ---------- */
.hdr{position:sticky;top:0;z-index:50;background:rgba(250,250,248,.82);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid rgba(23,23,28,.06)}
.hdr .wrap{display:flex;align-items:center;gap:28px;height:68px}
.brand{display:flex;align-items:center;flex:none}
.brand img{height:32px;width:auto}
.nav{display:flex;align-items:center;gap:4px;margin-left:12px}
.nav>a,.dd>button{font:500 .94rem/1 var(--sans);color:var(--ink);text-decoration:none;background:none;border:0;padding:10px 12px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.nav>a:hover,.dd>button:hover,.dd.open>button{background:rgba(23,23,28,.05)}
.dd{position:relative}
/* a nyitasjelzo nyil fordulasa animalt (11. kor, Tomi dontese 2026-10-10, d7: „az osszes animacio legyen megjelenitve”):
   allapotvaltas, 200 ms ease (a csomag allapot-tokenje). A 10. korben a 6.2 szerint atmenet nelkul fordult. */
.dd>button svg{width:12px;height:12px;transition:transform var(--ag-motion-web-state-duration,200ms) var(--ag-motion-web-state-easing,ease)}
.dd.open>button svg{transform:rotate(180deg)}
/* a menu felso paddingje hidalja at a resest, igy nincs holtter a nyito es a lista kozott */
/* nyitas es zaras: allapotvaltas, 200 ms ease (a csomag allapot-tokenje): atlatszatlansag es 4 px-es csuszas felulrol
   (11. kor, Tomi dontese 2026-10-10, d7: a 10. korben elhagyott csuszas vissza; a regi 160 ms helyett a mostani tokennel).
   Zaraskor a lathatosag az athunes vegen kapcsol ki; a bezaras 140 ms-os kesleltetese a site.js-ben van.
   A felso padding (8 px) hidalja at a rest; a 4 px-es eltolas a dobozzal egyutt mozog, igy az atvitel nem szakad meg. */
.dd-menu{position:absolute;left:-8px;top:100%;padding-top:8px;min-width:250px;opacity:0;visibility:hidden;transform:translateY(-4px);transform-origin:top left;
  transition:opacity var(--ag-motion-web-state-duration,200ms) var(--ag-motion-web-state-easing,ease),transform var(--ag-motion-web-state-duration,200ms) var(--ag-motion-web-state-easing,ease),visibility 0s linear var(--ag-motion-web-state-duration,200ms)}
.dd.open .dd-menu{opacity:1;visibility:visible;transform:none;transition:opacity var(--ag-motion-web-state-duration,200ms) var(--ag-motion-web-state-easing,ease),transform var(--ag-motion-web-state-duration,200ms) var(--ag-motion-web-state-easing,ease)}
.dd-menu ul{list-style:none;margin:0;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg)}
.dd-menu a{display:block;padding:10px 12px;border-radius:8px;text-decoration:none;font-size:.92rem}
.dd-menu a small{display:block;color:var(--ink-2);font-size:.8rem}
.dd-menu a:hover,.dd-menu a:focus-visible{background:rgba(23,23,28,.05)}
.hdr-right{margin-left:auto;display:flex;align-items:center;gap:8px}
.lang{font-family:var(--mono);font-size:.78rem;color:var(--ink-2);display:inline-flex;gap:2px;align-items:center;padding:0 6px}
.lang a{text-decoration:none;padding:8px 5px;border-radius:6px}
.lang a[aria-current]{color:var(--ink);font-weight:500}
.login{font-weight:500;font-size:.94rem;text-decoration:none;padding:10px 12px;border-radius:10px}
.login:hover{background:rgba(23,23,28,.05)}
.btn-top{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:var(--pill);background:var(--ink);color:#fff;text-decoration:none;font-weight:600;font-size:.92rem;transition:transform 160ms var(--ease-out)}
.btn-top:active{transform:scale(.97)}
.burger{display:none;width:44px;height:44px;border:0;background:none;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}
.burger svg{width:22px;height:22px}
@media (max-width:980px){
  .nav,.lang,.login{display:none}
  .burger{display:inline-flex}
  .hdr .wrap{height:60px;gap:12px}
  .brand img{height:28px}
  .btn-top{height:40px;padding:0 16px}
  .hdr.menu-open .nav{display:flex;position:absolute;left:0;right:0;top:60px;flex-direction:column;align-items:stretch;background:var(--surface);border-bottom:1px solid var(--line);padding:8px var(--gut) 16px;margin:0;box-shadow:var(--shadow)}
  .hdr.menu-open .dd-menu{position:static;opacity:1;visibility:visible;transform:none;padding:0 0 0 12px}
  .hdr.menu-open .dd-menu ul{border:0;box-shadow:none;padding:0}
}

/* ---------- chipek ---------- */
.chip{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:var(--pill);background:var(--surface);border:1px solid var(--line);font-size:.86rem;font-weight:500;color:var(--ink);white-space:nowrap}
.chip .dot{width:7px;height:7px;border-radius:50%;background:var(--live)}
.chip.ph{border:1px dashed #B9B9C2;background:transparent;color:var(--ink-2)}
.chip.ph em{font-style:normal;font-family:var(--mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);background:rgba(23,23,28,.05);border-radius:var(--pill);padding:3px 8px}
.demo-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:.7rem;letter-spacing:.06em;color:var(--ink-2)}
.demo-tag::before{content:"";width:6px;height:6px;border-radius:50%;border:1.5px solid var(--ink-2)}

/* ---------- logosav (futoszalag, nyilakkal) ---------- */
.lr{display:flex;align-items:center;gap:8px}
.lr-view{flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 48px,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(90deg,transparent,#000 48px,#000 calc(100% - 48px),transparent)}
.lr-view::-webkit-scrollbar{display:none}
.lr-track{display:flex;width:max-content}
/* 2026-10-08 (8. kor): surubb sor (fix elemszelesseg, igy a keszlet szelessege betoltestol fuggetlen), a logo alatt a nev.
   A nevek a logodoboz alatt azonos magassagban kezdodnek, ezert az elso soruk kozos alapvonalon all. */
.lr-set{display:flex;align-items:flex-start;flex:none}
.lr-item{flex:none;width:144px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;padding:10px 8px;text-decoration:none;color:inherit;border-radius:12px;transition:background-color 180ms ease}
.lr-logo{height:52px;display:flex;align-items:center;justify-content:center}
.lr-logo img{display:block;width:auto;max-width:100%;max-height:100%;object-fit:contain}
.lr-nev{font-size:.78rem;line-height:1.3;color:var(--ink-2);text-align:center;max-width:128px;min-height:2.6em;text-wrap:balance}
.lr--js .lr-view{overflow:hidden;touch-action:pan-y}
.lr--js .lr-track{will-change:transform}
@media (hover:hover) and (pointer:fine){.lr-item:hover{background:rgba(23,23,28,.04)}}
.lr-item:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
.lr-cap{font-family:var(--mono);font-size:.68rem;letter-spacing:.05em;color:var(--ink-2);white-space:nowrap}
.lr-btn{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform 160ms var(--ease-out),border-color 160ms ease}
.lr-btn svg{width:18px;height:18px}
.lr-btn:active{transform:scale(.95)}
@media (hover:hover) and (pointer:fine){.lr-btn:hover{border-color:var(--ink)}}
@media (max-width:640px){.lr-item{width:122px;padding:8px 6px;gap:8px}.lr-logo{height:44px}.lr-logo img{scale:.86}.lr-nev{font-size:.74rem;max-width:110px}.lr-btn{width:40px;height:40px}}

.foot-note{font-size:.8rem;color:var(--ink-2)}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.trust-chips{list-style:none;margin:0;padding:0;display:flex;gap:8px;flex-wrap:wrap}
.fact{display:inline-flex;align-items:center;gap:10px;min-height:36px;padding:7px 16px 7px 12px;border-radius:var(--pill);background:var(--surface);border:1px solid var(--line);font-size:.86rem;font-weight:500;line-height:1.3;color:var(--ink)}
.fact svg{width:18px;height:18px;flex:none}
@media (max-width:640px){.fact{border-radius:14px;align-items:flex-start;font-size:.84rem}.fact svg{margin-top:1px}}
/* szakmai hatter: kulon a partnerlogo-sortol */
.cred-k{margin:0}
.cred-list{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.cred-i{display:flex;flex-direction:column;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px 18px}
.cred-logos{height:56px;display:flex;align-items:center;gap:12px}
.cred-logos img{width:auto}
.cred-logos.ico{width:56px;border-radius:12px;justify-content:center;background:linear-gradient(135deg,rgba(170,200,240,.45),rgba(201,183,239,.45) 55%,rgba(243,205,179,.45))}
.cred-logos.ico svg{width:22px;height:22px}
.cred-t{font-size:.88rem;font-weight:500;line-height:1.38;text-align:left}
@media (max-width:980px){.cred-list{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.cred-list{grid-template-columns:1fr}.cred-i{flex-direction:row;align-items:center;gap:14px;padding:12px 14px}.cred-logos{flex:none}}