/* A) Értékbecslés — MELEG, ORGANIKUS BIRTOK
   Elefántcsont + mély erdőzöld tinta + terrakotta akcent. Fraunces, lágy, kézzelfogható. */
:root{
  --bg:#F1E9D8; --surface:#FBF5E7; --ink:#222C22; --ink-soft:#5E6357;
  --line:#DDD2BC; --accent:#B5532C; --accent-ink:#FBF5E7; --chosen:#B5532C;
  --radius:18px; --maxw:680px;
  --font-display:"Fraunces",Georgia,serif; --font-body:"Inter",system-ui,sans-serif;
  --olive:#6E7A55;
}
body{
  background:
    radial-gradient(820px 520px at 90% -10%, rgba(181,83,44,.10), transparent 60%),
    radial-gradient(720px 520px at -8% 108%, rgba(110,122,85,.12), transparent 60%),
    var(--bg);
}
/* finom papír-erezet */
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.5;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='0.7' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");
}
#app{position:relative;z-index:1}
.q-eyebrow,.q-kicker{color:var(--accent);letter-spacing:.18em}
.q-title{font-weight:600;font-optical-sizing:auto}
.q-q{font-weight:560}
.q-bar{background:linear-gradient(90deg,var(--accent),var(--olive))}
.q-opt{border-color:var(--line);box-shadow:0 1px 0 rgba(255,255,255,.5) inset}
.q-opt:hover{border-color:var(--accent);box-shadow:0 12px 30px -20px rgba(181,83,44,.7)}
.q-opt.is-chosen{background:color-mix(in srgb,var(--accent) 8%,var(--surface))}
.q-cta{background:var(--accent)}
.q-cta:hover{box-shadow:0 16px 36px -18px var(--accent)}
.q-check{background:var(--accent);box-shadow:0 18px 50px -22px rgba(181,83,44,.9)}
.q-step-n{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}

/* ─── A) SIGNATURE ÁTMENET: organikus „emelkedés + élesedés" ─── */
.q-screen{transition:opacity .6s var(--ease),transform .6s var(--ease),filter .6s var(--ease)}
.q-screen.is-entering{opacity:0;transform:translateY(30px) scale(.978);filter:blur(7px)}
.q-screen.is-leaving{opacity:0;transform:translateY(-18px) scale(.99);filter:blur(5px)}
.q-opt{animation-duration:.64s}
/* választáskor: meleg hullámgyűrű a jelölőből */
.q-opt.is-chosen .q-opt-mark{animation:aRipple .6s var(--ease)}
@keyframes aRipple{
  0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 55%,transparent)}
  100%{box-shadow:0 0 0 16px transparent}
}