/* Layout: nyitó két hasábban (ígéret + díj-kártya); a folyamat valódi sorrendje egy idővonalon; minta heti riport; mit kapsz összevetés; díjak; kérdések; zárás a helyszíni becsléssel */
.mintajel{display:inline-block;background:var(--nad);color:#13221F;font:800 10px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;padding:6px 10px;border-radius:999px;margin-left:8px;vertical-align:middle}
.e-nyito .in{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center;padding-block:clamp(48px,7vw,88px)}
@media (max-width:900px){.e-nyito .in{grid-template-columns:1fr}}
.e-nyito .lbl{color:var(--halk)}
.e-nyito h1{font:400 clamp(48px,7vw,92px)/.94 var(--serif);letter-spacing:-.015em;margin:14px 0 0;text-wrap:balance}
.e-nyito h1 i{color:var(--terra)}
.e-nyito p{font-size:18px;max-width:50ch;margin:20px 0 0;color:var(--halk)}
.gombok{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.pill.kontur{background:none;border:1.5px solid var(--tinta);color:var(--tinta)}
.dij{background:var(--to);color:var(--fole);border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden}
.dij::after{content:"";position:absolute;right:-70px;top:-40px;bottom:-40px;width:140px;border-radius:999px 0 0 999px;background:var(--terra);opacity:.9}
.dij>*{position:relative;z-index:1;max-width:calc(100% - 60px)}
.dij .lbl{color:var(--nad)}
.dij .szam{font:800 clamp(52px,6vw,72px)/1 var(--sans);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.dij .szam small{font-size:.3em;font-weight:700;letter-spacing:0;margin-left:6px}
.dij ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:15px;color:var(--fole-halk)}
.dij li{display:flex;gap:10px}
.dij li::before{content:"";flex:none;width:14px;height:6px;margin-top:9px;border:2px solid var(--nad);border-top:0;border-radius:0 0 8px 8px}

.szak2{padding-block:64px;border-top:1px solid var(--vonal)}
.szak2 .fej2{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:32px}
.szak2 .lbl{color:var(--halk)}
.szak2 h2{font:400 clamp(34px,4.5vw,52px)/1 var(--serif);margin:10px 0 0;text-wrap:balance;max-width:20ch}
.szak2 .fej2 p{margin:0;max-width:44ch;color:var(--halk)}

/* folyamat */
.folyamat{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;counter-reset:l}
@media (max-width:980px){.folyamat{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.folyamat{grid-template-columns:1fr}}
.folyamat li{counter-increment:l;padding:22px 22px 26px 0;border-top:2px solid var(--vonal);position:relative;display:flex;flex-direction:column;gap:8px}
.folyamat li::before{content:counter(l);font:400 44px/1 var(--serif);color:var(--to)}
.folyamat li.mi::after{content:"Ügyvéd";position:absolute;top:24px;right:22px;font:700 10px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;background:var(--to-t);color:var(--tinta);padding:5px 8px;border-radius:999px}
.folyamat li.te::after{content:"Teendőd";position:absolute;top:24px;right:22px;font:700 10px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;background:var(--nad);color:#13221F;padding:5px 8px;border-radius:999px}
.folyamat b{font-size:17px}
.folyamat span{font-size:14.5px;color:var(--halk)}
.folyamat .ido{font:700 12px var(--sans);color:var(--terra);letter-spacing:.04em}

/* riport */
.riport-racs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(24px,4vw,56px);align-items:center}
@media (max-width:900px){.riport-racs{grid-template-columns:1fr}}
.riport-racs p{color:var(--halk);font-size:17px;max-width:46ch;margin:16px 0 0}
.riport{background:var(--mesz);border:1px solid var(--vonal);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:18px}
.riport .r-fej{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.riport .r-fej b{font:400 24px/1.1 var(--serif)}
.riport .r-fej span{font-size:13px;color:var(--halk)}
.mutatok{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media (max-width:520px){.mutatok{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mutatok div{background:var(--homok);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:2px}
.mutatok b{font:800 26px/1.1 var(--sans);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.mutatok span{font-size:12.5px;color:var(--halk)}
.mutatok em{font-style:normal;font:700 12px var(--sans);color:var(--to)}
.oszlopok{display:flex;align-items:end;gap:6px;height:90px;padding-top:8px;border-bottom:1px solid var(--vonal)}
.oszlopok div{flex:1;background:var(--to-t);border-radius:4px 4px 0 0;position:relative}
.oszlopok div.most{background:var(--to)}
.oszl-cimke{display:flex;gap:6px;font:600 11px var(--sans);color:var(--halk);margin-top:6px}
.oszl-cimke span{flex:1;text-align:center}
.visszaj{border-top:1px solid var(--vonal);padding-top:14px;display:flex;flex-direction:column;gap:8px;font-size:14.5px}
.visszaj .lbl{color:var(--halk)}
.visszaj q{font-family:var(--serif);font-style:italic;font-size:19px;quotes:"„" "”"}
.javaslat{background:var(--terra);color:#FBF7F0;border-radius:12px;padding:12px 14px;font-size:14.5px;font-weight:600}

/* összevetés */
.tbl{overflow-x:auto;border:1px solid var(--vonal);border-radius:16px;background:var(--mesz)}
table{width:100%;border-collapse:collapse;font-size:15px;min-width:560px}
th,td{text-align:left;padding:14px 18px;border-top:1px solid var(--vonal);vertical-align:top}
thead th{border-top:0;font:700 11px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--halk)}
thead th:last-child{color:var(--to)}
td:first-child{font-weight:700;width:28%}
td:nth-child(2){color:var(--halk)}
td:last-child{background:color-mix(in srgb,var(--to-t) 45%,transparent)}

/* díjak */
.dijak{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media (max-width:900px){.dijak{grid-template-columns:1fr}}
.dk{border:1px solid var(--vonal);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:12px;background:var(--mesz)}
.dk.kiemelt{border:2px solid var(--to)}
.dk .lbl{color:var(--halk)}
.dk.kiemelt .lbl{color:var(--to)}
.dk h3{font:400 28px/1.1 var(--serif);margin:0}
.dk .ar{font:800 36px/1 var(--sans);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.dk .ar small{font-size:15px;font-weight:700;color:var(--halk);letter-spacing:0}
.dk p{margin:0;font-size:15px;color:var(--halk)}
.dk ul{margin:0;padding-left:18px;font-size:14.5px;display:flex;flex-direction:column;gap:4px}
.dij-pelda{margin-top:16px;font-size:14.5px;color:var(--halk)}

/* GYIK */
.gyik{display:flex;flex-direction:column;max-width:820px}
details{border-top:1px solid var(--vonal);padding-block:4px}
details:last-child{border-bottom:1px solid var(--vonal)}
summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;padding-block:16px;font:400 22px/1.25 var(--serif)}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font:400 26px/1 var(--sans);color:var(--to);transition:transform .15s}
details[open] summary::after{transform:rotate(45deg)}
details p{margin:0 0 18px;color:var(--halk);max-width:64ch}
@media (prefers-reduced-motion:reduce){summary::after{transition:none}}

/* zárás */
.zaro{background:var(--to);color:var(--fole);position:relative;overflow:hidden}
.zaro .in{padding-block:64px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;position:relative;z-index:1}
.zaro h2{font:400 clamp(36px,5vw,56px)/1 var(--serif);margin:0;max-width:16ch}
.zaro h2 i{color:var(--nad)}
.zaro p{margin:12px 0 0;color:var(--fole-halk);max-width:44ch}
.zaro .pill.kontur{border-color:var(--fole);color:var(--fole)}