/*
  V7 MASTER Hero Foundation 1.0
  Cél: a főoldali szöveges arc kb. 80%-os, nyugodtabb arányra állítása.
  Fontos: a két információs blokk NEM kerül közelebb egymáshoz.
*/
.main{position:relative;z-index:1;margin-left:var(--sidebar-width);min-height:100vh;}
.topbar{position:absolute;right:34px;top:34px;display:flex;align-items:center;gap:24px;}
.kb{height:40px;padding:0 22px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.80);box-shadow:0 18px 42px rgba(0,0,0,.055);display:flex;align-items:center;gap:10px;font-size:14px;color:#0b6b3a;}
.dot{width:10px;height:10px;border-radius:50%;background:#129251;display:inline-block;}
.sun{font-size:28px;color:#0f172a;font-weight:200;}

.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:0 8vw 0 4vw;}

/* A teljes főarc középre zárva, de nem zsúfolva */
.hero-inner{width:min(860px,70vw);transform:translateY(4px);text-align:center;}

/* 80%-os, visszafogottabb főcím */
.title{font-size:24px;line-height:1.08;font-weight:500;letter-spacing:-.04em;margin:0 0 9px;color:#111827;}
.title .green{color:var(--zb-green);}
.subtitle{font-size:12px;color:#6b7280;margin:0 0 72px;font-weight:400;}

/* A két információs blokk távolsága marad: NEM húzzuk közelebb */
.gates{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin:0 auto 58px;width:760px;max-width:100%;text-align:left;}
.gate{position:relative;padding-left:30px;min-height:64px;display:flex;flex-direction:column;justify-content:center;}
.gate::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:2px;background:var(--zb-green);border-radius:999px;}
.gate h2{font-size:14px;line-height:1.2;font-weight:500;letter-spacing:-.015em;margin:0 0 8px;color:#111827;}
.gate p{font-size:12px;line-height:1.3;color:#6b7280;margin:0;font-weight:400;}

.askbar{height:50px;width:720px;max-width:100%;margin:0 auto;border:1px solid #CFE0D5;border-radius:13px;background:rgba(255,255,255,.78);box-shadow:0 24px 55px rgba(17,24,39,.06);display:flex;align-items:center;gap:16px;padding:0 18px 0 20px;color:#7A828E;font-size:13px;}
.askbar svg{width:17px;height:17px;color:var(--zb-green);stroke-width:1.8;}
.askbar span{flex:1;text-align:left;}

@media(max-width:900px){:root{--sidebar-width:196px}.sidebar-logo img{width:140px}.nav-item{font-size:13px}.hero-inner{width:78vw}.gates{gap:40px}.title{font-size:23px}}