:root{--b:#0878d1;--ink:#101923;--muted:#65717c;--line:#dce8f0;--y:#ffd400;--g:#22b66e}
*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;color:var(--ink);background:#f8fbfd}.wrap{width:min(1180px,calc(100% - 44px));margin:auto}
.matrix{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.92),rgba(244,250,253,.84))}
.matrix div{font:600 13px Consolas;color:rgba(0,111,184,.105);white-space:nowrap;transform:rotate(-5deg);margin:115px -30px;letter-spacing:2px}
header,main{position:relative;z-index:1}header{background:#ffffffeb;border-bottom:1px solid var(--line)}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{max-width:245px;max-height:62px}nav{display:flex;gap:20px;flex-wrap:wrap;justify-content:flex-end}nav a{font-size:14px;font-weight:650;color:#33424e}
.hero{min-height:650px;padding:68px 0 58px;display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center}.eyebrow{font:700 12px Consolas;color:var(--b);letter-spacing:1.5px}
h1{font-size:clamp(34px,3.05vw,42px);line-height:1.01;letter-spacing:-2.8px;margin:20px 0 23px}h1 span{display:block}.blue{color:var(--b)}.lead{font-size:18px;line-height:1.65;color:var(--muted);max-width:650px}
.actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.btn,.help{min-height:56px;border-radius:10px;display:flex;align-items:center;text-decoration:none;font-weight:750}.btn{padding:0 20px}.primary{background:var(--b);color:#fff}.ghost{border:1px solid #aac7d9;background:#ffffffc9;color:#24404f}
.help{padding:7px 16px 7px 12px;background:linear-gradient(135deg,#ffe04d,var(--y));color:#171b20;box-shadow:0 8px 25px #ffd40059;gap:9px}.bolt{font-size:27px;color:#f59e0b;filter:drop-shadow(0 1px 0 #7b5200)}.help>span:last-child{display:flex;flex-direction:column}.help strong{font-size:14px}.help small{font-size:11px;margin-top:5px;color:#4c4200;font-weight:700}.help i{display:inline-block;width:8px;height:8px;background:var(--g);border-radius:50%;margin-right:7px;box-shadow:0 0 0 3px #22b66e26}
.terminal{border-radius:14px;overflow:hidden;background:#0b1118;box-shadow:0 25px 65px #102a3d40}.th{height:42px;background:#111b25;color:#7890a3;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font:12px Consolas}.tb{padding:25px 26px;min-height:350px;color:#a9bfd0;font:14px/1.55 Consolas}.tb p{margin:2px}.tb b{color:#50aef2}.tb em{color:#55d69a;font-style:normal}
.about{background:#ffffffb8;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:46px 0 43px}.aboutgrid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.about h2{font-size:36px;line-height:1.22;letter-spacing:-1.3px;margin:13px 0 0}.about p{font-size:17px;line-height:1.7;color:var(--muted);margin:0}
.notes{padding:38px 0 75px;background:#f5faffd9}.noteshead{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.noteshead h2{font-size:34px;margin:10px 0 0}.noteshead>a,.cards a{color:var(--b);font-weight:750}.cards > a.article-card{color:inherit;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.cards > a.article-card{position:relative}.media-badge{position:absolute;top:18px;right:18px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#e9f3ff;color:var(--b);font-size:13px;box-shadow:0 3px 8px rgba(16,42,61,.12)}.cards > a.article-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(16,42,61,.12)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.cards article,.cards > a.article-card{min-height:220px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:25px;display:flex;flex-direction:column}.cards label{align-self:flex-start;background:#e9f3ff;color:var(--b);font:700 11px Consolas;padding:6px 9px;border-radius:5px}.cards h3{font-size:20px;line-height:1.25;margin:18px 0 11px}.cards p{color:var(--muted);line-height:1.55;margin:0 0 22px}.cards a{margin-top:auto;font-size:13px}
@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr}.aboutgrid{grid-template-columns:1fr;gap:20px}.cards{grid-template-columns:1fr}.hero{min-height:auto}h1{letter-spacing:-1.5px}}

/* V9: V4 terminál tartalom + visszafogott új színezés */
.term-user{color:#6daee4;font-weight:700;letter-spacing:.2px}
.v4term{font-size:16px;line-height:1.55;color:#d7e2ec}
.v4term b{color:#32a9ff}
.v4term .online{color:#42d392;font-weight:800;letter-spacing:.4px}
.v4term p{margin:3px 0}

/* V10 – V5 hangulatú, de sűrűbb top/htop-szerű háttér */
.top-bg{
  position:fixed; inset:0; z-index:0; overflow:hidden; pointer-events:none;
  background:linear-gradient(120deg,rgba(255,255,255,.91),rgba(244,250,253,.84));
}
.top-bg pre{
  position:absolute; left:-2%; top:2%; width:104%; margin:0;
  white-space:pre; font:600 11px/1.48 Consolas,"Courier New",monospace;
  letter-spacing:.15px; color:rgba(0,105,176,.075);
  transform:rotate(-2.2deg); transform-origin:center;
}
.top-bg .bg2{
  top:57%; left:-4%; width:110%;
  color:rgba(0,105,176,.055);
  transform:rotate(1.7deg);
}

/* Hasznos oldalak – V1 közös erőforráskártyák */
.subhero{position:relative;z-index:1;padding:74px 0 64px;background:rgba(248,251,253,.88);border-bottom:1px solid var(--line)}
.subhero h1{max-width:760px;font-size:clamp(42px,5vw,72px);margin:18px 0}.subhero .lead{max-width:690px}
.resource-section{position:relative;z-index:1;padding:64px 0;background:rgba(255,255,255,.92)}
.resource-section.alt{background:rgba(245,250,255,.94);border-top:1px solid var(--line)}
.resource-section h2{font-size:34px;margin:12px 0 28px;letter-spacing:-1.3px}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.resource-grid a{display:flex;min-height:112px;flex-direction:column;justify-content:center;padding:20px;background:#fff;border:1px solid var(--line);border-left:3px solid var(--b);border-radius:10px;text-decoration:none;color:var(--ink);transition:transform .18s,border-color .18s,box-shadow .18s}.resource-grid a:hover{transform:translateY(-3px);border-color:var(--b);box-shadow:0 12px 24px #0878d11c}.resource-grid b{font-size:17px}.resource-grid span{margin-top:7px;color:var(--muted);font-size:14px;line-height:1.4}.notice{margin-top:28px;padding:18px 20px;border:1px solid #f1d65a;border-left:4px solid var(--y);border-radius:9px;background:#fffdf0;color:#5f5414;font-weight:650}
footer{position:relative;z-index:1;padding:28px 0;background:#fff;border-top:1px solid var(--line)}footer .logo{max-width:210px;max-height:52px}
@media(max-width:900px){.resource-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.resource-grid{grid-template-columns:1fr}.subhero{padding:52px 0}.resource-section{padding:48px 0}}

/* V1 aloldal-minta: az Eszközök oldal a kezdőlap vizuális rendszerét követi */
.subhero{background:rgba(248,251,253,.78);padding:82px 0 70px}.subhero h1{font-size:clamp(38px,4.5vw,62px);letter-spacing:-2.4px;color:var(--ink)}.subhero .blue{color:var(--b)}
.resource-section{background:rgba(255,255,255,.82);padding:58px 0 82px}.resource-section h2{font-size:32px;color:var(--ink);letter-spacing:-1.4px}.resource-grid{grid-template-columns:repeat(3,1fr);gap:16px}.resource-grid a{min-height:128px;background:rgba(255,255,255,.94);border:1px solid var(--line);border-left:4px solid var(--b);border-radius:12px;padding:22px;box-shadow:0 8px 20px rgba(16,42,61,.07)}.resource-grid a:hover{box-shadow:0 16px 30px rgba(8,120,209,.16);border-color:#91c5e8}.resource-grid b{font-size:18px}.resource-grid span{font-size:14px}.resource-section .eyebrow{margin-bottom:4px}.resource-section .notice{max-width:760px}

/* V1 Eszközök – erőteljesen azonos a kezdőlap vizuális ritmusával */
body:has(.subhero){background:#f8fbfd}.subhero{min-height:360px;display:flex;align-items:center;background:linear-gradient(120deg,rgba(255,255,255,.94),rgba(235,246,255,.86));border-bottom:1px solid var(--line)}
.subhero h1{font-size:clamp(42px,5vw,68px);font-weight:800;line-height:1.02;margin:18px 0 22px}.subhero .lead{font-size:18px;max-width:650px}.resource-section{background:rgba(255,255,255,.96);padding:70px 0 92px}.resource-section h2{font-size:36px;margin:12px 0 32px}.resource-grid{grid-template-columns:repeat(3,1fr);gap:18px}.resource-grid a{min-height:138px;background:#fff;border:1px solid #dce8f0;border-left:4px solid #0878d1;border-radius:12px;padding:24px;box-shadow:0 10px 28px rgba(16,42,61,.09);transition:transform .2s,box-shadow .2s}.resource-grid a:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(8,120,209,.18)}.resource-grid b{font-size:18px;color:#101923}.resource-grid span{margin-top:9px;color:#65717c;font-size:14px}@media(max-width:900px){.resource-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.resource-grid{grid-template-columns:1fr}.subhero{min-height:280px}}

/* Aloldali finomhangolás: a kezdőlap mérete és a vízjel láthatósága */
body:has(.subhero) .top-bg{z-index:0;opacity:1}.subhero{background:rgba(248,251,253,.62)!important}.resource-section{background:rgba(255,255,255,.72)!important}.subhero h1{font-size:clamp(34px,3.05vw,42px)!important;font-weight:700!important;letter-spacing:-1.8px!important;line-height:1.05!important}.subhero .lead{font-size:18px!important}.resource-section h2{font-size:32px!important;font-weight:700!important}

/* Az aloldali vízjel intenzitása egyezzen a kezdőlappal */
body:has(.subhero) .top-bg pre{color:rgba(0,105,176,.105)}body:has(.subhero) .top-bg .bg2{color:rgba(0,105,176,.075)}

.tool-terminal-wrap{position:relative;z-index:1;padding:0 0 34px}.tool-terminal-wrap .terminal{max-width:760px;margin:0 auto}.tool-terminal-wrap .tb{min-height:240px}

.tool-terminal-wrap{display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center;padding:62px 0 48px}.tool-intro h2{font-size:clamp(34px,3.05vw,42px);line-height:1.04;letter-spacing:-2px;margin:18px 0 22px}.tool-intro .lead{font-size:18px;line-height:1.65;color:var(--muted);max-width:600px}.tool-terminal-wrap .terminal{margin:0;max-width:none}.tool-terminal-wrap .tb{min-height:300px}@media(max-width:900px){.tool-terminal-wrap{grid-template-columns:1fr;gap:28px}.tool-terminal-wrap .terminal{max-width:760px}}

/* Programkártya licencjelölések */
.resource-grid a{position:relative;padding-right:92px}.license-badge{position:absolute;right:18px;top:18px;display:inline-grid;place-items:center;min-width:62px;height:28px;padding:0 8px;border-radius:999px;font:800 10px/1 Consolas,monospace;letter-spacing:.3px}.license-free{background:#dff7e9;color:#16824b;border:1px solid #8cddb0}.license-freemium{background:#e9e5ff;color:#5c43c4;border:1px solid #b9aaf2}.license-business{background:#fff2c9;color:#956b00;border:1px solid #ebc75e}.license-pro{background:#ffe1de;color:#b2473e;border:1px solid #efaaa2}

.license-legend{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-top:24px;padding:18px 20px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--muted);font-size:13px;line-height:1.5}.license-legend b{color:var(--ink);margin-right:8px}.license-legend .license-badge{position:static;display:inline-grid;vertical-align:middle;margin-left:4px}

.resource-section .notice{margin-bottom:24px}


.contact-hero{padding-top:72px}.contact-info{padding-top:48px}.contact-info p{max-width:680px;color:var(--muted);font-size:17px;line-height:1.7}


.messenger-badges{display:inline-flex;align-items:center;gap:8px;margin-left:8px;vertical-align:middle}.messenger-icon{display:inline-flex;width:25px;height:25px;align-items:center;justify-content:center;text-decoration:none!important}.messenger-icon img{display:block;width:22px;height:22px;object-fit:contain}.messenger-icon:hover{transform:translateY(-1px);opacity:.82}

.contact-label{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;vertical-align:middle;margin-right:6px;color:var(--blue,#1177cc)}.contact-label svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Homepage hero: tighter top spacing */
.hero{padding-top:34px}

/* Homepage hero: align content to the upper edge like the subpages */
.hero{min-height:0;align-items:start;padding-top:48px;padding-bottom:58px}

.article-search{display:flex;align-items:center;gap:10px;max-width:680px;margin-bottom:18px;padding:14px 18px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 8px 22px rgba(16,42,61,.06)}.article-search span{font-size:25px;color:var(--b)}.article-search input{width:100%;border:0;outline:0;font:inherit;background:transparent}.article-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.article-filters button{border:1px solid var(--line);border-radius:999px;padding:9px 15px;background:#fff;color:var(--muted);cursor:pointer}.article-filters button.active,.article-filters button:hover{background:var(--b);border-color:var(--b);color:#fff}.article-list article,.article-list > a.article-card{position:relative}.article-list article small{display:block;margin-top:12px;color:var(--muted)}.article-list article[hidden],.article-list > a.article-card[hidden]{display:none}#no-results{color:var(--muted);padding:24px 0}

nav a{text-decoration:none}

.article-page{padding:70px 0 90px}.article-page h1{max-width:920px;margin:16px 0 8px}.article-meta{color:var(--muted);margin-bottom:30px}.article-body{max-width:900px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px;line-height:1.75}.article-body img{max-width:100%;height:auto}.article-body iframe{max-width:100%}.article-list article,.article-list > a.article-card{position:relative}.article-list article small{display:block;margin-top:10px;color:var(--muted)}

.nav-support{border:2px solid #e8b400;border-radius:9px;padding:9px 13px;color:#8a6700!important;background:#fffdf0}.support-hero{padding-top:48px}.support-downloads{margin-top:24px}

nav{align-items:center}.nav-support{display:inline-flex;align-items:center;line-height:1;padding:9px 13px}

.beginner-grid a:nth-child(1){border-left-color:#1683df}.beginner-grid a:nth-child(2){border-left-color:#48a77d}.beginner-grid a:nth-child(3){border-left-color:#f09b41}.beginner-grid a:nth-child(4){border-left-color:#8e68cf}.beginner-grid a:nth-child(5){border-left-color:#db6688}.beginner-grid a:nth-child(6){border-left-color:#4c72d8}.beginner-grid a:nth-child(7){border-left-color:#e1b531}.beginner-grid a:nth-child(8){border-left-color:#23a9aa}
.nav nav a.active{background:#e9f3ff;color:var(--b);border-radius:999px;padding:8px 12px}.nav nav a.active:hover{background:#dceeff}.nav nav a.nav-support{border:0;border-radius:0;padding:0;color:inherit!important;background:transparent;display:inline;line-height:normal}.nav nav a.nav-support.active{background:#e9f3ff;color:var(--b)!important;border-radius:999px;padding:8px 12px}
.article-back{margin:28px 0 0}.article-back .btn{display:inline-flex;min-height:48px}

.onsite-callout{margin-top:52px;padding:34px 20px;text-align:center;border:2px solid var(--b);border-radius:14px;background:#fff;box-shadow:0 10px 28px rgba(16,42,61,.08)}.onsite-callout strong,.onsite-callout a{display:block}.onsite-callout strong{font-size:clamp(28px,4vw,52px);line-height:1.1;letter-spacing:-1.5px}.onsite-callout a{margin-top:12px;color:var(--b);font-size:clamp(24px,3vw,38px);font-weight:800;text-decoration:none}

.onsite-name{display:block;margin-top:16px;font-size:22px;font-weight:750;color:var(--ink)}.onsite-name small{font-size:16px;font-weight:500;color:var(--muted)}

.contact-person{margin:18px 0 22px!important;color:var(--ink)!important;line-height:1.35!important}.contact-person strong{font-size:24px}.contact-person span{color:var(--muted)}

/* Mobil menü javítás */
@media(max-width:900px){header .nav{height:auto;min-height:88px;flex-wrap:wrap;padding:14px 0;align-items:flex-start}header .nav nav{display:flex;width:100%;justify-content:flex-start;align-items:center;gap:8px 14px;padding-bottom:4px}header .nav nav a{font-size:13px;line-height:1.3}}
@media(max-width:600px){header .nav nav{gap:8px 12px}header .nav nav a{font-size:12px}.logo{max-width:210px;max-height:52px}}