/* AI Tárgyalási Felkészítő — zhering.hu designrendszer (hz-tokenek) */
:root{
  --hz-navy:#061421;--hz-gold:#C8A45D;--hz-warm-white:#F4EFE7;--hz-champagne:#E8C8AC;
  --hz-navy-900:#04101A;--hz-navy-800:#081A29;--hz-navy-700:#0C2236;--hz-navy-600:#12304A;
  --hz-gold-bright:#DCBC82;--hz-gold-deep:#A9863F;--hz-paper:#FBF8F2;--hz-ink:#0A1622;
  --text-primary:var(--hz-warm-white);--text-secondary:#CBB59C;--text-muted:#A8957D;
  --accent:var(--hz-gold);--accent-bright:var(--hz-gold-bright);
  --border-frame:rgba(200,164,93,.55);--border-subtle:rgba(244,239,231,.14);
  --font-serif:'Noto Serif Display',Georgia,serif;--font-sans:'Lato',system-ui,sans-serif;
  --radius-card:16px;--radius-pill:999px;--radius-input:10px;
  --ease-out:cubic-bezier(.22,.61,.36,1);--dur:240ms;
  --focus-ring:rgba(200,164,93,.65);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html,body{overflow-x:clip;max-width:100%}
body{margin:0;font-family:var(--font-sans);font-size:1.0625rem;line-height:1.6;
  color:var(--text-primary);background:var(--hz-navy);-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--font-serif);font-weight:500;line-height:1.12;margin:0;color:var(--text-primary)}
p{margin:0}
a{color:inherit}
button{font-family:var(--font-sans)}
:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px;border-radius:6px}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

.wrap{max-width:760px;margin:0 auto;padding:0 22px}
.screen{display:none;min-height:100dvh;flex-direction:column}
.screen.active{display:flex}
.bg-glow{position:fixed;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(1100px 520px at 50% -10%,rgba(232,200,172,.10),transparent 60%)}
main{position:relative;z-index:1;flex:1}

.site-head{display:flex;align-items:center;justify-content:space-between;padding:20px 0}
.brand{font-family:var(--font-serif);font-size:1.05rem;text-decoration:none}
.brand .gold{color:var(--accent)}
.head-note{font-size:.82rem;color:var(--text-secondary)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:12px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}

.hero{padding:34px 0 10px;text-align:center}
.hero h1{font-size:clamp(1.7rem,5vw,2.5rem);margin:14px 0 12px}
.hero p{color:var(--text-secondary);max-width:560px;margin:0 auto}

.steps-nav{display:flex;gap:6px;justify-content:center;margin:26px 0 8px;flex-wrap:wrap}
.steps-nav span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;
  padding:6px 14px;border-radius:var(--radius-pill);border:1px solid var(--border-subtle);
  color:var(--text-muted)}
.steps-nav span.on{background:var(--accent);color:var(--hz-navy);border-color:var(--accent);font-weight:700}
.steps-nav span.done{border-color:var(--border-frame);color:var(--accent)}

.card{background:var(--hz-navy-800);border:1px solid var(--border-subtle);
  border-radius:var(--radius-card);padding:24px;margin:14px 0}
.card h2{font-size:1.25rem;margin-bottom:6px}
.card .sub{color:var(--text-muted);font-size:.88rem;margin-bottom:16px}

label{display:block;font-size:.85rem;color:var(--text-secondary);margin:14px 0 5px}
label .req{color:var(--accent)}
input[type=text],input[type=email],input[type=tel],input[type=url],textarea,select{
  width:100%;background:var(--hz-navy-700);color:var(--text-primary);
  border:1px solid var(--border-subtle);border-radius:var(--radius-input);
  padding:11px 13px;font-size:.95rem;font-family:var(--font-sans)}
textarea{min-height:76px;resize:vertical}
input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:none}
.hint{font-size:.76rem;color:var(--text-muted);margin-top:3px}
.grid2{display:grid;gap:0 16px;grid-template-columns:1fr 1fr}
@media(max-width:560px){.grid2{grid-template-columns:1fr}}

.optrow{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:6px}
.optbtn{background:var(--hz-navy-700);border:1px solid var(--border-subtle);color:var(--text-primary);
  border-radius:var(--radius-input);padding:12px;cursor:pointer;text-align:left;font-size:.88rem;
  transition:border-color var(--dur) var(--ease-out)}
.optbtn small{display:block;color:var(--text-muted);font-size:.74rem;margin-top:4px}
.optbtn.sel{border-color:var(--accent);background:var(--hz-navy-600)}
.optbtn.sel small{color:var(--text-secondary)}

.check{display:flex;gap:10px;align-items:flex-start;margin:12px 0;font-size:.85rem;color:var(--text-secondary)}
.check input{margin-top:4px;accent-color:var(--hz-gold)}
.check a{color:var(--accent)}

.btnrow{display:flex;gap:12px;justify-content:space-between;margin-top:22px;flex-wrap:wrap}
.btn{background:var(--accent);color:var(--hz-navy);border:0;border-radius:var(--radius-pill);
  padding:13px 30px;font-size:1rem;font-weight:700;cursor:pointer;
  transition:transform var(--dur) var(--ease-out)}
.btn:hover{transform:translateY(-1px)}
.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
.btn.ghost{background:transparent;color:var(--accent);border:1px solid var(--border-frame)}
.error-msg{background:#3A1620;border:1px solid #8C3B2E;color:#F0C9C0;border-radius:10px;
  padding:10px 14px;margin-top:14px;font-size:.88rem;display:none}
.error-msg.show{display:block}

.closed-note{background:var(--hz-navy-800);border:1px solid var(--border-frame);
  border-radius:var(--radius-card);padding:26px;text-align:center;margin:30px 0}

/* státuszoldal */
.status-box{text-align:center;padding:40px 0}
.pulse{width:84px;height:84px;margin:0 auto 22px;border-radius:50%;
  border:2px solid var(--border-frame);display:flex;align-items:center;justify-content:center;
  animation:pulse 2.2s infinite var(--ease-out)}
.pulse span{font-size:2rem}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(200,164,93,.35)}70%{box-shadow:0 0 0 22px rgba(200,164,93,0)}100%{box-shadow:0 0 0 0 rgba(200,164,93,0)}}
.status-title{font-family:var(--font-serif);font-size:1.5rem;margin-bottom:8px}
.status-detail{color:var(--text-secondary);max-width:520px;margin:0 auto 16px;font-size:.92rem}
.stage-list{max-width:400px;margin:26px auto;text-align:left;font-size:.88rem}
.stage-list div{padding:7px 0 7px 30px;position:relative;color:var(--text-muted)}
.stage-list div::before{content:'○';position:absolute;left:6px;color:var(--text-muted)}
.stage-list div.done{color:var(--text-secondary)}
.stage-list div.done::before{content:'●';color:var(--accent)}
.stage-list div.now{color:var(--text-primary);font-weight:700}
.stage-list div.now::before{content:'●';color:var(--accent-bright)}

.site-foot{padding:26px 0 34px;text-align:center;color:var(--text-muted);font-size:.78rem}
.site-foot a{color:var(--text-secondary)}