/* =========================================================
   EasySell — British Racing Green + brass · cinematic editorial
   ========================================================= */

/* saját betűtípusok (Google Fonts nélkül: gyorsabb, és nem megy adat harmadik félnek); csak latin + latin-ext */
@font-face {
  font-family: 'Marcellus';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/marcellus-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Marcellus';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/marcellus-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Mona Sans';
  font-style: normal;
  font-weight: 250 500;
  font-stretch: 112% 125%;
  font-display: swap;
  src: url(fonts/mona-sans-250-500-w112-125-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Mona Sans';
  font-style: normal;
  font-weight: 250 500;
  font-stretch: 112% 125%;
  font-display: swap;
  src: url(fonts/mona-sans-250-500-w112-125-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(fonts/schibsted-grotesk-400-800-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(fonts/schibsted-grotesk-400-800-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/space-mono-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/space-mono-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/space-mono-700-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/space-mono-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


:root{
  --bg:#064B2D; --bg-2:#085234; --panel:#0A5536; --card:#0C5B3A; --card-2:#0F6040;
  --green:#147049; --green-lt:#1B7F53;
  --brass:#E6D39E; --brass-lt:#F3E6C1; --brass-dk:#BC9921;
  --ivory:#F0E8D4; --cream:#C4D2C9; --sage:#B3C4B9;
  --line:rgba(230,211,158,.2); --line-2:rgba(237,240,236,.12);
  --glow:rgba(230,211,158,.45);
  --display:'Marcellus','Cormorant Garamond',Georgia,serif;
  --sans:'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'Space Mono',ui-monospace,monospace;
  --maxw:1200px;
  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  margin:0; background:var(--bg); color:var(--ivory);
  font-family:var(--sans); font-weight:400; line-height:1.6;
  font-size:clamp(15px,1.05vw,17px); letter-spacing:.005em;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
body::before{ /* alap-derengés: sötét, mert a szekciók fénye fest rá (különben elnyomná a váltások sötét sávját) */
  content:""; position:fixed; inset:0; z-index:-2; pointer-events:none;
  background:
    radial-gradient(90% 60% at 100% 110%, rgba(201,162,92,.05), transparent 60%),
    #072318;   /* a „völgy” szintje: a szekcióváltásoknál ide sötétedik a felület */
}
img{max-width:100%; display:block}
a{color:inherit; text-decoration:none}
h1,h2,h3{margin:0; font-weight:400; letter-spacing:-.01em}
::selection{background:rgba(230,211,158,.35); color:var(--ivory)}
:focus-visible{outline:2px solid var(--brass); outline-offset:3px; border-radius:3px}

/* ---------- grain + cursor glow + scroll bar ---------- */
.grain{
  position:fixed; inset:-50%; z-index:60; pointer-events:none; opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:grain 7s steps(6) infinite; mix-blend-mode:overlay;
}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-6%,4%)}40%{transform:translate(4%,-5%)}60%{transform:translate(-3%,3%)}80%{transform:translate(5%,2%)}100%{transform:translate(0,0)}}
.scroll-progress{position:fixed; top:0; left:0; right:0; height:2px; z-index:70; background:transparent}
.scroll-progress span{display:block; height:100%; width:0;
  background:linear-gradient(90deg,var(--brass-dk),var(--brass-lt)); box-shadow:0 0 12px var(--glow)}

/* ---------- buttons ---------- */
.btn{
  --pad:1em 1.6em; display:inline-flex; align-items:center; gap:.6em;
  padding:var(--pad); border-radius:100px; font-family:var(--sans);
  font-weight:600; font-size:.95rem; letter-spacing:.01em; cursor:pointer;
  border:1px solid transparent; position:relative; overflow:hidden;
  transition:transform .4s var(--ease), box-shadow .4s var(--ease), background .3s, color .3s, border-color .3s;
  will-change:transform;
}
.btn__i{width:1.05em; height:1.05em; transition:transform .4s var(--ease)}
.btn:hover .btn__i{transform:translateX(4px)}
.btn--sm{padding:.66em 1.15em; font-size:.85rem}
.btn--lg{padding:1.05em 2em; font-size:1rem}
.btn--block{width:100%; justify-content:center}
.btn--brass{background:linear-gradient(180deg,#D9B96A,#BC9921); color:#1E1604;
  box-shadow:0 10px 30px -12px rgba(201,162,92,.6), inset 0 1px 0 rgba(243,230,193,.35)}
.btn--brass::after{content:""; position:absolute; inset:0; transform:translateX(-120%);
  background:linear-gradient(105deg,transparent 30%,rgba(243,230,193,.42),transparent 70%);
  transition:transform .8s var(--ease)}
.btn--brass:hover{transform:translateY(-2px); box-shadow:0 18px 40px -14px rgba(201,162,92,.8), inset 0 1px 0 rgba(243,230,193,.45)}
.btn--brass:hover::after{transform:translateX(120%)}
.btn--ghost{background:rgba(243,238,226,.02); color:var(--ivory); border-color:var(--line)}
.btn--ghost:hover{border-color:var(--brass); color:var(--brass-lt); transform:translateY(-2px); background:rgba(201,162,92,.06)}

/* ---------- header ---------- */
.topbar{
  position:fixed; top:0; left:0; right:0; z-index:50;
  display:flex; align-items:center; justify-content:space-between; gap:1.5rem;
  padding:.85rem clamp(1rem,4vw,2.5rem);
  transition:background .4s var(--ease), backdrop-filter .4s, border-color .4s, padding .4s;
  border-bottom:1px solid transparent;
}
.topbar.is-stuck{background:rgba(4,54,31,.72); backdrop-filter:blur(14px) saturate(1.2);
  border-color:var(--line-2); padding-top:.6rem; padding-bottom:.6rem}
.brand{display:flex; align-items:center}
.brand__img{height:44px; width:auto; filter:drop-shadow(0 2px 10px rgba(201,162,92,.18));
  transition:transform .5s var(--ease), filter .5s}
.brand:hover .brand__img{transform:translateY(-1px); filter:drop-shadow(0 4px 16px rgba(201,162,92,.32))}
.topbar.is-stuck .brand__img{height:38px}
.topbar__nav{display:flex; gap:2rem; margin:0 auto}
.topbar__nav a{position:relative; font-size:.92rem; color:var(--cream); font-weight:500; letter-spacing:.01em; padding:.3em 0}
.topbar__nav a::after{content:""; position:absolute; left:0; right:100%; bottom:-2px; height:1px;
  background:var(--brass); transition:right .4s var(--ease)}
.topbar__nav a:hover{color:var(--ivory)}
.topbar__nav a:hover::after{right:0}
.topbar__end{display:flex; align-items:center; gap:1.1rem}
.topbar__tel{font-family:var(--mono); font-size:.85rem; color:var(--sage); letter-spacing:-.02em}
.topbar__tel:hover{color:var(--brass-lt)}

/* ---------- shared section bits ---------- */
main{position:relative; z-index:2}
section{position:relative}
.idx{font-family:var(--mono); font-size:.78rem; letter-spacing:.14em; text-transform:uppercase;
  color:var(--brass); margin:0 0 1.4rem; display:inline-flex; align-items:center; gap:.7em}
.idx::before{content:""; width:34px; height:1px; background:linear-gradient(90deg,var(--brass),transparent)}
.section-h{font-family:var(--display); font-size:clamp(2rem,5vw,3.7rem); line-height:1.04; letter-spacing:-.015em}
.section-sub{max-width:56ch; color:var(--cream); font-size:1.06rem; margin:1.4rem 0 0}
.em{color:var(--brass-lt); position:relative; white-space:nowrap}
.section-h .em::after{content:""; position:absolute; left:0; bottom:.02em; height:2px; width:100%;
  background:linear-gradient(90deg,var(--brass),transparent); transform:scaleX(0); transform-origin:left;
  transition:transform .9s .3s var(--ease)}
.in .em::after{transform:scaleX(1)}

/* =========================================================
   HERO
   ========================================================= */
.hero{position:relative; min-height:100svh; display:flex; flex-direction:column;
  justify-content:center; padding:8rem clamp(1.2rem,5vw,4rem) 4rem; overflow:hidden}
.hero__bg{position:absolute; inset:0; z-index:0; pointer-events:none}
.hero__aurora{position:absolute; border-radius:50%; filter:blur(70px); opacity:.55; mix-blend-mode:screen}
.hero__aurora.a1{width:60vw; height:60vw; left:-12vw; top:-14vw;
  background:radial-gradient(circle,rgba(30,90,62,.9),transparent 62%); animation:drift1 26s var(--ease) infinite alternate}
.hero__aurora.a2{width:52vw; height:52vw; right:-10vw; top:6vw;
  background:radial-gradient(circle,rgba(22,64,45,.85),transparent 60%); animation:drift2 30s var(--ease) infinite alternate}
.hero__aurora.a3{width:44vw; height:44vw; left:32vw; bottom:-16vw;
  background:radial-gradient(circle,rgba(201,162,92,.16),transparent 65%); animation:drift3 34s var(--ease) infinite alternate}
@keyframes drift1{to{transform:translate(9vw,7vh) scale(1.15)}}
@keyframes drift2{to{transform:translate(-8vw,5vh) scale(1.1)}}
@keyframes drift3{to{transform:translate(-6vw,-6vh) scale(1.2)}}

/* perspective floor / road grid */
.hero__floor{position:absolute; left:50%; bottom:-2%; width:220%; height:60%;
  transform:translateX(-50%) perspective(560px) rotateX(74deg); transform-origin:bottom;
  background-image:
    linear-gradient(90deg,var(--line) 1px,transparent 1px),
    linear-gradient(0deg,var(--line) 1px,transparent 1px);
  background-size:70px 70px; opacity:.5;
  mask-image:radial-gradient(80% 90% at 50% 100%,#000,transparent 72%);
  -webkit-mask-image:radial-gradient(80% 90% at 50% 100%,#000,transparent 72%);
  animation:road 6s linear infinite;
}
@keyframes road{to{background-position:0 70px,0 70px}}

/* sweeping headlight beam */
.hero__beam{position:absolute; top:-30%; left:-40%; width:60%; height:170%;
  background:linear-gradient(90deg,transparent,rgba(201,162,92,.10),rgba(231,207,152,.16),rgba(201,162,92,.10),transparent);
  filter:blur(24px); transform:skewX(-14deg); mix-blend-mode:screen;
  animation:sweep 11s var(--ease) infinite; opacity:.8}
@keyframes sweep{0%{transform:translateX(-30%) skewX(-14deg)}55%,100%{transform:translateX(240%) skewX(-14deg)}}
.hero__dust{position:absolute; inset:0; width:100%; height:100%}
.hero__vignette{position:absolute; inset:0;
  background:radial-gradient(120% 90% at 50% 40%,transparent 40%,rgba(4,10,7,.7) 100%)}

.hero__inner{position:relative; z-index:3; max-width:var(--maxw); margin:0 auto; width:100%}
.hero__inner::before{content:""; position:absolute; z-index:-1; left:-8%; right:30%; top:-10%; bottom:-16%;
  background:radial-gradient(72% 82% at 32% 50%, rgba(6,16,11,.82), rgba(6,16,11,.42) 52%, transparent 78%);
  pointer-events:none}
@media (max-width:640px){.hero__inner::before{right:-8%; background:radial-gradient(100% 70% at 50% 42%, rgba(6,16,11,.8), transparent 80%)}}
.kicker{font-family:var(--mono); font-size:.8rem; letter-spacing:.16em; text-transform:uppercase;
  color:var(--brass); display:inline-flex; align-items:center; gap:.7em; margin:0 0 1.6rem}
.kicker__dot{width:7px; height:7px; border-radius:50%; background:var(--brass);
  box-shadow:0 0 0 0 var(--glow); animation:pulse 2.6s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(201,162,92,.5)}70%{box-shadow:0 0 0 10px rgba(201,162,92,0)}100%{box-shadow:0 0 0 0 rgba(201,162,92,0)}}
.hero__title{font-family:var(--display); font-size:clamp(2.9rem,8.5vw,7rem); line-height:.98;
  letter-spacing:-.02em; margin:0 0 1.6rem}
.hero__title .line{display:block; overflow:hidden}
.hero__title em{font-style:normal; color:var(--brass-lt);
  text-shadow:0 0 40px rgba(201,162,92,.35)}
.hero__lead{max-width:60ch; color:var(--cream); font-size:clamp(1.02rem,1.6vw,1.2rem); margin:0 0 2.2rem}
.hero__cta{display:flex; flex-wrap:wrap; gap:1rem; margin-bottom:2.4rem}
.hero__chips{list-style:none; display:flex; flex-wrap:wrap; gap:1.6rem; padding:0; margin:0}
.hero__chips li{display:flex; align-items:center; gap:.6em; font-size:.92rem; color:var(--cream)}
.hero__chips svg{width:1.15em; height:1.15em; color:var(--brass); flex:none}

/* self-drawing car — large & cinematic, sitting behind the text */
.hero__car{position:absolute; z-index:1; left:50%; bottom:1%; transform:translateX(-50%);
  width:min(1120px,94vw); pointer-events:none; opacity:.9}
.hero__carglow{position:absolute; left:50%; bottom:6%; width:66%; height:70px; transform:translateX(-50%);
  background:radial-gradient(50% 100% at 50% 0,rgba(201,162,92,.22),transparent 70%); filter:blur(14px)}
.car{width:100%; height:auto; overflow:visible; filter:drop-shadow(0 10px 30px rgba(201,162,92,.18))}
.car .cl,.car circle{stroke-dasharray:var(--len,1400); stroke-dashoffset:var(--len,1400)}
.is-loading .car .cl,.is-loading .car circle{stroke-dashoffset:var(--len,1400)}
.car.draw .cl,.car.draw circle{animation:draw 1.9s var(--ease-out) forwards}
.car.draw .cl{animation-delay:calc(var(--n,0)*.07s)}
@keyframes draw{to{stroke-dashoffset:0}}
.car .car__glint{opacity:0}
.car.draw .car__glint{animation:glint .6s 1.9s ease forwards}
@keyframes glint{0%{opacity:0}50%{opacity:1}100%{opacity:.7}}

.hero__scroll{position:absolute; bottom:1.8rem; left:50%; transform:translateX(-50%); z-index:3;
  display:flex; flex-direction:column; align-items:center; gap:.5rem; color:var(--sage);
  font-family:var(--mono); font-size:.7rem; letter-spacing:.14em; text-transform:uppercase}
.hero__scroll svg{width:20px; height:20px; animation:bob 2.2s var(--ease) infinite}
@keyframes bob{0%,100%{transform:translateY(0);opacity:.6}50%{transform:translateY(6px);opacity:1}}
.hero__scroll:hover{color:var(--brass-lt)}

/* =========================================================
   MARQUEE
   ========================================================= */
.marquee{border-block:1px solid var(--line-2); padding:1.1rem 0; overflow:hidden;
  background:linear-gradient(180deg,rgba(4,54,31,.5),transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.marquee__track{display:inline-flex; gap:2.4rem; white-space:nowrap; align-items:center;
  font-family:var(--display); font-size:1.5rem; color:var(--cream); animation:scroll 34s linear infinite; will-change:transform}
.marquee__track i{color:var(--brass); font-style:normal}
.marquee__track span{opacity:.8; transition:opacity .3s}
.marquee:hover .marquee__track{animation-play-state:paused}
@keyframes scroll{to{transform:translateX(-50%)}}

/* =========================================================
   MANIFESTO
   ========================================================= */
.manifesto{max-width:1000px; margin:0 auto; padding:clamp(6rem,12vh,10rem) clamp(1.2rem,5vw,2rem)}
.statement{font-family:var(--display); font-size:clamp(1.8rem,4.6vw,3.4rem); line-height:1.14;
  letter-spacing:-.015em; margin:0}
.statement .em{white-space:normal}
.manifesto__body{max-width:66ch; color:var(--cream); font-size:1.12rem; margin:2rem 0 0}
.manifesto__turn{color:var(--ivory); font-weight:600}
.manifesto__body em{color:var(--brass-lt); font-style:italic}

/* =========================================================
   PROCESS
   ========================================================= */
.process{max-width:var(--maxw); margin:0 auto; padding:clamp(4rem,8vh,7rem) clamp(1.2rem,5vw,2rem)}
.process__head{max-width:64ch; margin-bottom:3.5rem}
.steps{list-style:none; margin:0; padding:0; position:relative; display:grid; gap:0}
.steps__rail{position:absolute; left:calc(clamp(2.4rem,5vw,4rem) - 1px); top:1.2rem; bottom:1.2rem; width:2px;
  background:var(--line-2); overflow:hidden}
.steps__fill{position:absolute; inset:0 0 auto 0; height:0;
  background:linear-gradient(180deg,var(--brass-lt),var(--brass-dk)); box-shadow:0 0 14px var(--glow)}
.step{display:grid; grid-template-columns:clamp(2.4rem,5vw,4rem) 1fr; gap:clamp(1.4rem,4vw,3rem);
  padding:2rem 0; border-bottom:1px solid var(--line-2); align-items:baseline}
.step:last-of-type{border-bottom:0}
.step__no{font-family:var(--mono); font-size:1rem; color:var(--brass); position:relative; z-index:2;
  background:var(--bg); padding:.2rem 0; text-align:left}
.step__body h3{font-family:var(--display); font-size:clamp(1.4rem,2.8vw,2rem); margin-bottom:.5rem; transition:color .3s}
.step__body p{color:var(--cream); max-width:60ch; margin:0}
.step:hover .step__body h3{color:var(--brass-lt)}

/* =========================================================
   WHY + STATS
   ========================================================= */
.why{max-width:var(--maxw); margin:0 auto; padding:clamp(4rem,8vh,7rem) clamp(1.2rem,5vw,2rem)}
.why__head{max-width:60ch; margin-bottom:3rem}
.cards{display:grid; grid-template-columns:repeat(3,1fr); gap:1.4rem}
.card{position:relative; padding:2.4rem 2rem; border:1px solid var(--line);
  border-radius:18px; background:linear-gradient(180deg,var(--card),var(--panel)); overflow:hidden;
  transition:transform .5s var(--ease), border-color .5s, box-shadow .5s}
.card::before{content:""; position:absolute; inset:0; opacity:0; transition:opacity .5s;
  background:radial-gradient(80% 60% at 50% 0,rgba(201,162,92,.12),transparent 70%)}
.card:hover{transform:translateY(-6px); border-color:rgba(201,162,92,.4);
  box-shadow:0 24px 50px -24px rgba(0,0,0,.8)}
.card:hover::before{opacity:1}
.card__icon{width:52px; height:52px; border-radius:12px; display:grid; place-items:center;
  border:1px solid var(--line); background:rgba(201,162,92,.05); color:var(--brass); margin-bottom:1.4rem}
.card__icon svg{width:26px; height:26px}
.card h3{font-family:var(--display); font-size:1.5rem; margin-bottom:.7rem}
.card p{color:var(--cream); margin:0; font-size:.98rem}

.stats{display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin-top:3.5rem;
  border:1px solid var(--line); border-radius:16px; overflow:hidden; background:var(--line)}
.stat{background:var(--panel); padding:2rem 1.5rem; display:flex; flex-direction:column; gap:.3rem}
.stat__num{font-family:var(--display); font-size:clamp(2.4rem,4.5vw,3.4rem); color:var(--brass-lt); line-height:1}
.stat__suf{font-family:var(--mono); font-size:.8rem; color:var(--brass); letter-spacing:.05em; margin-top:-.2rem}
.stat__lab{color:var(--sage); font-size:.9rem; margin-top:.5rem}

/* =========================================================
   FINANCE
   ========================================================= */
.finance{position:relative; margin:0 auto; padding:clamp(5rem,10vh,8rem) clamp(1.2rem,5vw,2rem); overflow:hidden}
.finance__bg{position:absolute; inset:0; z-index:0}
.finance__aurora{position:absolute; width:70vw; height:70vw; right:-20vw; top:-10vw; border-radius:50%;
  background:radial-gradient(circle,rgba(30,90,62,.4),transparent 62%); filter:blur(70px);
  animation:drift2 30s var(--ease) infinite alternate}
.finance__inner{position:relative; z-index:2; max-width:var(--maxw); margin:0 auto;
  display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(2rem,6vw,5rem); align-items:center}
.finance__kick{font-family:var(--mono); font-size:.92rem; color:var(--brass-lt); margin-top:1.8rem; letter-spacing:.01em}
.finance__list{list-style:none; margin:0; padding:0; display:grid; gap:1px; background:var(--line);
  border:1px solid var(--line); border-radius:16px; overflow:hidden}
.finance__list li{background:var(--card); padding:1.5rem 1.6rem; display:flex; flex-direction:column; gap:.25rem;
  transition:background .4s}
.finance__list li:hover{background:var(--card-2)}
.finance__list span{font-family:var(--display); font-size:1.35rem; color:var(--ivory)}
.finance__list em{color:var(--sage); font-style:normal; font-size:.95rem}

/* =========================================================
   SHOWCASE
   ========================================================= */
.showcase{max-width:var(--maxw); margin:0 auto; padding:clamp(4rem,8vh,7rem) clamp(1.2rem,5vw,2rem)}
.showcase__head{max-width:60ch; margin-bottom:3rem}
.showcase__grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1.4rem}
.veh{border:1px solid var(--line); border-radius:18px; overflow:hidden; background:var(--panel);
  transition:transform .5s var(--ease), border-color .5s, box-shadow .5s}
.veh:hover{transform:translateY(-6px); border-color:rgba(201,162,92,.4); box-shadow:0 24px 50px -24px rgba(0,0,0,.8)}
.veh__media{position:relative; aspect-ratio:16/10; display:grid; place-items:center; overflow:hidden;
  background:radial-gradient(120% 90% at 50% 120%,rgba(30,90,62,.35),transparent 60%),linear-gradient(180deg,#0A5536,#064B2D)}
.veh__media::after{content:""; position:absolute; left:8%; right:8%; bottom:14%; height:26%;
  background:radial-gradient(50% 100% at 50% 0,rgba(201,162,92,.16),transparent 70%); filter:blur(6px)}
.veh__silhouette{width:74%; height:52%; background:var(--brass-dk); opacity:.9;
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center;
  -webkit-mask-size:contain; mask-size:contain; transition:transform .6s var(--ease)}
.veh:hover .veh__silhouette{transform:translateX(6px)}
.veh__silhouette.s1{-webkit-mask-image:url("sil-sedan.svg"); mask-image:url("sil-sedan.svg")}
.veh__silhouette.s2{-webkit-mask-image:url("sil-suv.svg"); mask-image:url("sil-suv.svg")}
.veh__silhouette.s3{-webkit-mask-image:url("sil-ev.svg"); mask-image:url("sil-ev.svg")}
.veh__tag{position:absolute; top:1rem; left:1rem; font-family:var(--mono); font-size:.72rem;
  letter-spacing:.1em; text-transform:uppercase; color:var(--brass-lt); padding:.35em .8em;
  border:1px solid var(--line); border-radius:100px; background:rgba(4,54,31,.5); backdrop-filter:blur(6px)}
.veh__row{display:flex; align-items:baseline; justify-content:space-between; gap:1rem; padding:1.3rem 1.4rem}
.veh__row h3{font-family:var(--display); font-size:1.35rem}
.veh__meta{font-family:var(--mono); font-size:.78rem; color:var(--sage); text-align:right}
.showcase__types{list-style:none; display:flex; flex-wrap:wrap; gap:.7rem; padding:0; margin:2.4rem 0 0; justify-content:center}
.showcase__types li{font-family:var(--mono); font-size:.8rem; letter-spacing:.02em; color:var(--cream);
  padding:.55em 1em; border:1px solid var(--line); border-radius:100px; background:rgba(201,162,92,.04);
  transition:border-color .3s, color .3s, background .3s, transform .3s}
.showcase__types li:hover{border-color:var(--brass); color:var(--brass-lt); background:rgba(201,162,92,.08); transform:translateY(-2px)}
.showcase__cta{margin-top:2.6rem; text-align:center}

/* =========================================================
   CONTACT
   ========================================================= */
.contact{position:relative; overflow:hidden; padding:clamp(5rem,10vh,8rem) clamp(1.2rem,5vw,2rem)}
.contact__bg{position:absolute; inset:0; z-index:0}
.contact__aurora{position:absolute; width:80vw; height:80vw; left:50%; top:-30%; transform:translateX(-50%);
  border-radius:50%; background:radial-gradient(circle,rgba(30,90,62,.35),transparent 60%); filter:blur(80px);
  animation:drift3 34s var(--ease) infinite alternate}
.contact__dust{position:absolute; inset:0; width:100%; height:100%}
.contact__inner{position:relative; z-index:2; max-width:var(--maxw); margin:0 auto;
  display:grid; grid-template-columns:1fr 1fr; gap:clamp(2.5rem,6vw,5rem); align-items:center}
.contact__h{font-family:var(--display); font-size:clamp(2.4rem,5.5vw,4.2rem); line-height:1.02; margin:.4rem 0 0}
.contact__sub{color:var(--cream); font-size:1.1rem; max-width:46ch; margin:1.5rem 0 0}
.contact__info{list-style:none; margin:2.4rem 0 0; padding:0; display:grid; gap:1.4rem}
.contact__info li{display:flex; flex-direction:column; gap:.15rem}
.contact__info span{font-family:var(--mono); font-size:.74rem; letter-spacing:.12em; text-transform:uppercase; color:var(--brass)}
.contact__info a{font-family:var(--display); font-size:1.4rem; color:var(--ivory); width:fit-content; transition:color .3s}
.contact__info a:hover{color:var(--brass-lt)}

.form{background:linear-gradient(180deg,var(--card),var(--panel)); border:1px solid var(--line);
  border-radius:22px; padding:clamp(1.6rem,3vw,2.4rem); box-shadow:0 40px 80px -40px rgba(0,0,0,.9)}
.form__row{display:grid; grid-template-columns:1fr 1fr; gap:1rem}
.field{display:flex; flex-direction:column; gap:.5rem; margin-bottom:1.1rem}
.field span{font-family:var(--mono); font-size:.74rem; letter-spacing:.1em; text-transform:uppercase; color:var(--sage)}
.field i{color:var(--brass); font-style:normal}
.field input,.field textarea{font-family:var(--sans); font-size:1rem; color:var(--ivory);
  background:rgba(4,54,31,.6); border:1px solid var(--line); border-radius:12px; padding:.85em 1em;
  transition:border-color .3s, box-shadow .3s, background .3s; width:100%; resize:vertical}
.field input::placeholder,.field textarea::placeholder{color:rgba(147,168,155,.6)}
.field input:focus,.field textarea:focus{outline:none; border-color:var(--brass);
  box-shadow:0 0 0 3px rgba(201,162,92,.14); background:rgba(4,54,31,.85)}
.field select{font-family:var(--sans); font-size:1rem; color:var(--ivory); width:100%; cursor:pointer;
  background-color:rgba(4,54,31,.6); border:1px solid var(--line); border-radius:12px; padding:.85em 2.4em .85em 1em;
  appearance:none; -webkit-appearance:none; transition:border-color .3s, box-shadow .3s, background-color .3s;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9A25C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right .9em center; background-size:1.05em}
.field select:focus{outline:none; border-color:var(--brass); box-shadow:0 0 0 3px rgba(201,162,92,.14); background-color:rgba(4,54,31,.85)}
.field select option{background:#0A5536; color:var(--ivory)}
.form__status{font-family:var(--mono); font-size:.82rem; margin:1rem 0 0; padding:.8em 1em; border-radius:10px; line-height:1.5}
.form__status.is-ok{color:#c8ecd2; background:rgba(60,140,90,.16); border:1px solid rgba(120,200,150,.32)}
.form__status.is-err{color:#f0d0a4; background:rgba(200,130,60,.14); border:1px solid rgba(220,160,90,.32)}
.form__note{font-family:var(--mono); font-size:.72rem; color:var(--sage); text-align:center; margin:1rem 0 0}

/* =========================================================
   SOCIAL PROOF
   ========================================================= */
.proof{max-width:var(--maxw); margin:0 auto; padding:clamp(4.5rem,9vh,7rem) clamp(1.2rem,5vw,2rem)}
.proof__head{max-width:60ch; margin-bottom:3rem}
.proof__rating{display:flex; align-items:center; gap:.8rem; margin-top:1.6rem; flex-wrap:wrap}
.stars{display:inline-flex; gap:.15rem}
.stars svg{width:20px; height:20px; fill:var(--brass); filter:drop-shadow(0 0 6px rgba(201,162,92,.35))}
.proof__rating-txt{font-family:var(--mono); font-size:.82rem; letter-spacing:.03em; color:var(--cream)}
.proof__grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1.4rem}
/* flex-oszlop, hogy a három kártyán a Kényelem / Nyugalom / Biztonság egy vonalban álljon */
.quote{margin:0; padding:2rem 1.9rem; border:1px solid var(--line); border-radius:18px;
  background:linear-gradient(180deg,var(--card),var(--panel)); position:relative; overflow:hidden;
  display:flex; flex-direction:column;
  transition:transform .5s var(--ease), border-color .5s, box-shadow .5s}
.quote .quote__txt{flex:1 1 auto}
.quote::before{content:"\201C"; position:absolute; top:.1rem; right:1.1rem; font-family:var(--display);
  font-size:5rem; color:var(--brass); opacity:.16; line-height:1}
.quote:hover{transform:translateY(-6px); border-color:rgba(201,162,92,.4); box-shadow:0 24px 50px -24px rgba(0,0,0,.8)}
.quote blockquote{margin:0 0 1.4rem; font-size:1.05rem; color:var(--ivory); line-height:1.55; position:relative; z-index:1}
.quote figcaption{display:flex; flex-direction:column; gap:.15rem}
.quote figcaption span{font-family:var(--display); font-size:1.15rem; color:var(--brass-lt)}
.quote figcaption em{font-family:var(--mono); font-style:normal; font-size:.76rem; color:var(--sage); letter-spacing:.02em}
.proof__note{font-family:var(--mono); font-size:.74rem; color:var(--sage); text-align:center; margin:2.2rem 0 0}

/* =========================================================
   MID CTA BAND
   ========================================================= */
.ctaband{position:relative; overflow:hidden; box-sizing:border-box;
  width:min(var(--maxw), calc(100% - clamp(2.4rem,10vw,4rem)));
  margin:clamp(2.5rem,6vh,5rem) auto; border:1px solid var(--line); border-radius:26px;
  background:linear-gradient(180deg,var(--card-2),var(--panel));
  padding:clamp(3.2rem,7vw,5rem) clamp(1.4rem,5vw,3rem)}
.ctaband__bg{position:absolute; inset:0; z-index:0}
.ctaband__aurora{position:absolute; width:70%; height:220%; left:50%; top:-60%; transform:translateX(-50%);
  background:radial-gradient(closest-side,rgba(201,162,92,.18),transparent 70%); filter:blur(30px);
  animation:pulseGlow 8s var(--ease) infinite alternate}
@keyframes pulseGlow{to{opacity:.55; transform:translateX(-50%) scale(1.18)}}
.ctaband__inner{position:relative; z-index:2; max-width:56ch; margin:0 auto;
  display:flex; flex-direction:column; align-items:center; text-align:center; gap:1rem}
.ctaband__h{font-family:var(--display); font-size:clamp(2rem,4.6vw,3.3rem); line-height:1.06}
.ctaband__p{color:var(--cream); font-size:1.1rem; margin:0}
.ctaband .btn{margin-top:.7rem}

/* =========================================================
   FAQ
   ========================================================= */
.faq{max-width:920px; margin:0 auto; padding:clamp(4rem,8vh,7rem) clamp(1.2rem,5vw,2rem)}
.faq__head{margin-bottom:2.6rem}
.faq__list{display:grid; gap:.9rem}
.faq__item{border:1px solid var(--line); border-radius:16px; background:var(--panel); overflow:hidden;
  transition:border-color .4s, background .4s}
.faq__item[open]{border-color:rgba(201,162,92,.35); background:var(--card)}
.faq__item summary{list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between;
  gap:1rem; padding:1.25rem 1.5rem; font-family:var(--display); font-size:clamp(1.08rem,2.2vw,1.35rem); color:var(--ivory)}
.faq__item summary::-webkit-details-marker{display:none}
.faq__ic{position:relative; width:20px; height:20px; flex:none}
.faq__ic::before,.faq__ic::after{content:""; position:absolute; background:var(--brass); border-radius:2px;
  transition:transform .4s var(--ease), opacity .4s}
.faq__ic::before{top:9px; left:2px; right:2px; height:2px}
.faq__ic::after{left:9px; top:2px; bottom:2px; width:2px}
.faq__item[open] .faq__ic::after{transform:rotate(90deg); opacity:0}
.faq__ans{display:grid; grid-template-rows:0fr; transition:grid-template-rows .45s var(--ease)}
.faq__item[open] .faq__ans{grid-template-rows:1fr}
.faq__ans>div{overflow:hidden}
.faq__ans p{margin:0; padding:0 1.5rem 1.4rem; color:var(--cream); max-width:70ch}
.faq__item summary:hover{color:var(--brass-lt)}

/* =========================================================
   FOOTER
   ========================================================= */
.footer{position:relative; overflow:hidden; z-index:2;
  padding:clamp(3.5rem,7vh,5rem) clamp(1.2rem,5vw,2.5rem) 2rem}
.footer__glow{position:absolute; left:50%; top:-45%; width:60vw; height:60vw; transform:translateX(-50%);
  background:radial-gradient(circle,rgba(30,90,62,.18),transparent 60%); filter:blur(60px); pointer-events:none}
.footer__grid{position:relative; z-index:1; max-width:var(--maxw); margin:0 auto;
  display:grid; grid-template-columns:1.7fr 1fr 1fr 1fr; gap:clamp(1.6rem,4vw,3rem)}
.footer__brandcol{max-width:36ch}
.brand--lg .brand__img{height:56px}
.footer__tag{font-family:var(--display); font-size:1.3rem; color:var(--cream); margin:1.1rem 0 .6rem}
.footer__blurb{color:var(--sage); font-size:.92rem; margin:0 0 1.4rem}
.socials{display:flex; gap:.7rem}
.socials a{width:40px; height:40px; border-radius:50%; border:1px solid var(--line); display:grid; place-items:center;
  color:var(--brass); transition:transform .35s var(--ease), border-color .35s, color .35s, background .35s}
.socials a:hover{transform:translateY(-3px); border-color:var(--brass); color:var(--brass-lt); background:rgba(201,162,92,.06)}
.socials svg{width:18px; height:18px; fill:currentColor}
.footer__col{display:flex; flex-direction:column; gap:.8rem}
.footer__col h4{font-family:var(--mono); font-size:.74rem; letter-spacing:.12em; text-transform:uppercase;
  color:var(--brass); margin:0 0 .4rem; font-weight:400}
.footer__col a{color:var(--cream); font-size:.94rem; width:fit-content; transition:color .3s}
.footer__col a:hover{color:var(--brass-lt)}
.footer__cta{margin-top:.6rem; align-self:flex-start}
.footer__bottom{position:relative; z-index:1; max-width:var(--maxw); margin:2.6rem auto 0; padding-top:1.6rem;
  border-top:1px solid var(--line-2); display:flex; justify-content:space-between; flex-wrap:wrap; gap:.6rem;
  font-size:.82rem; color:var(--sage)}
.footer__bottom p{margin:0}
.footer__cred a{color:var(--brass); transition:color .3s}
.footer__cred a:hover{color:var(--brass-lt)}

/* new-section responsive */
@media (max-width:960px){
  .proof__grid{grid-template-columns:1fr}
  .footer__grid{grid-template-columns:1fr 1fr}
  .footer__brandcol{grid-column:1 / -1; max-width:none}
}
@media (max-width:640px){
  .footer__grid{grid-template-columns:1fr}
  .footer__bottom{flex-direction:column}
}

/* =========================================================
   REVEAL
   ========================================================= */
[data-reveal]{opacity:0; transform:translateY(26px); transition:opacity .9s var(--ease-out), transform .9s var(--ease-out)}
[data-reveal].in{opacity:1; transform:none}
[data-d="1"]{transition-delay:.08s}[data-d="2"]{transition-delay:.16s}
[data-d="3"]{transition-delay:.24s}[data-d="4"]{transition-delay:.32s}[data-d="5"]{transition-delay:.4s}

/* still mode (for screenshots) */
.still [data-reveal]{opacity:1!important; transform:none!important; transition:none!important}
.still .car .cl,.still .car circle{stroke-dashoffset:0!important; animation:none!important}
.still .car__glint{opacity:.7!important}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width:960px){
  .topbar__nav{display:none}
  .finance__inner,.contact__inner{grid-template-columns:1fr}
  .cards,.showcase__grid{grid-template-columns:1fr 1fr}
  .stats{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .topbar__tel{display:none}
  .cards,.showcase__grid,.stats{grid-template-columns:1fr}
  .form__row{grid-template-columns:1fr}
  .hero__chips{gap:.9rem 1.4rem}
  .hero__car{width:118vw; bottom:6%; opacity:.42}
  .marquee__track{font-size:1.2rem}
  .footer__top{flex-direction:column; align-items:flex-start}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important; animation-iteration-count:1!important;
    transition-duration:.001ms!important}
  [data-reveal]{opacity:1; transform:none}
  .car .cl,.car circle{stroke-dashoffset:0}
}

/* =========================================================
   /autoink — listing page (filter + car grid)
   ========================================================= */
.pagehead{position:relative; overflow:hidden; padding:clamp(8rem,14vh,11rem) clamp(1.2rem,5vw,2rem) clamp(1.6rem,3vh,2.4rem)}
.pagehead__bg{position:absolute; inset:0; z-index:0}
.pagehead__aurora{position:absolute; width:70vw; height:70vw; left:-12vw; top:-32vw; border-radius:50%;
  background:radial-gradient(circle,rgba(30,90,62,.35),transparent 62%); filter:blur(70px); animation:drift1 26s var(--ease) infinite alternate}
.pagehead__inner{position:relative; z-index:2; max-width:var(--maxw); margin:0 auto}
.pagehead .section-h{margin-top:.6rem}

.listing{max-width:var(--maxw); margin:0 auto; padding:0 clamp(1.2rem,5vw,2rem) clamp(4rem,8vh,6rem)}
.filters{display:grid; grid-template-columns:repeat(6,1fr); gap:.9rem; padding:1.2rem; border:1px solid var(--line);
  border-radius:16px; background:linear-gradient(180deg,var(--card),var(--panel)); position:sticky; top:66px; z-index:30;
  backdrop-filter:blur(10px)}
.filters__field{display:flex; flex-direction:column; gap:.4rem; min-width:0}
.filters__field span{font-family:var(--mono); font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; color:var(--sage)}
.filters select,.filters input{font-family:var(--sans); font-size:.9rem; color:var(--ivory); width:100%;
  background-color:rgba(4,54,31,.6); border:1px solid var(--line); border-radius:10px; padding:.6em .8em;
  appearance:none; -webkit-appearance:none; transition:border-color .3s, box-shadow .3s}
.filters select{cursor:pointer; padding-right:2em;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9A25C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right .6em center; background-size:1em}
.filters select:focus,.filters input:focus{outline:none; border-color:var(--brass); box-shadow:0 0 0 3px rgba(201,162,92,.14)}
.filters select option{background:#0A5536; color:var(--ivory)}

.listing__bar{display:flex; align-items:center; justify-content:space-between; gap:1rem; margin:1.6rem 0 1.2rem}
.listing__count{font-family:var(--mono); font-size:.9rem; color:var(--sage); margin:0}
.listing__count strong{color:var(--brass-lt); font-size:1.1rem}
.listing__reset{font-family:var(--sans); font-size:.86rem; color:var(--cream); background:none; border:1px solid var(--line);
  border-radius:100px; padding:.5em 1.1em; cursor:pointer; transition:border-color .3s, color .3s}
.listing__reset:hover{border-color:var(--brass); color:var(--brass-lt)}

.cars{display:grid; grid-template-columns:repeat(3,1fr); gap:1.4rem}
.carcard{display:block; text-decoration:none; color:var(--ivory); cursor:pointer;
  border:1px solid var(--line); border-radius:18px; overflow:hidden; background:var(--panel);
  transition:transform .5s var(--ease), border-color .5s, box-shadow .5s; animation:cardIn .5s both}
.carcard:focus-visible{outline:2px solid var(--brass); outline-offset:3px}
@keyframes cardIn{from{opacity:0; transform:translateY(16px)}to{opacity:1; transform:none}}
.carcard:hover{transform:translateY(-6px); border-color:rgba(201,162,92,.4); box-shadow:0 24px 50px -24px rgba(0,0,0,.8)}
.carcard__media{position:relative; display:grid; place-items:center; aspect-ratio:4/3; overflow:hidden;
  background:radial-gradient(120% 90% at 50% 120%,rgba(30,90,62,.35),transparent 60%),linear-gradient(180deg,#0A5536,#064B2D)}
.carcard__img{width:100%; height:100%; object-fit:cover}
.carcard__silhouette{width:70%; height:52%; background:var(--brass-dk); opacity:.85;
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center;
  -webkit-mask-size:contain; mask-size:contain; transition:transform .6s var(--ease)}
.carcard__silhouette.s1{-webkit-mask-image:url("sil-sedan.svg"); mask-image:url("sil-sedan.svg")}
.carcard__silhouette.s2{-webkit-mask-image:url("sil-suv.svg"); mask-image:url("sil-suv.svg")}
.carcard__silhouette.s3{-webkit-mask-image:url("sil-ev.svg"); mask-image:url("sil-ev.svg")}
.carcard__ph{position:absolute; bottom:.7rem; left:.9rem; font-family:var(--mono); font-size:.68rem; letter-spacing:.08em;
  text-transform:uppercase; color:var(--sage)}
.carcard__badge{position:absolute; top:.8rem; left:.8rem; z-index:2; font-family:var(--mono); font-size:.64rem;
  letter-spacing:.08em; text-transform:uppercase; color:var(--brass-lt); padding:.3em .7em; border:1px solid var(--line);
  border-radius:100px; background:rgba(4,54,31,.6); backdrop-filter:blur(6px)}
.carcard:hover .carcard__silhouette{transform:translateX(6px)}
.carcard__hover{position:absolute; inset:auto 0 0 0; z-index:2; text-align:center; font-family:var(--mono); font-size:.72rem;
  color:#241a06; background:linear-gradient(180deg,transparent,var(--brass)); padding:1.5em .8em .7em; font-weight:700;
  opacity:0; transform:translateY(6px); transition:opacity .4s, transform .4s}
.carcard:hover .carcard__hover{opacity:1; transform:none}
.carcard__body{padding:1.2rem 1.3rem 1.3rem}
.carcard__title{font-family:var(--display); font-size:1.14rem; line-height:1.22; margin:0 0 .8rem}
.carcard__specs{list-style:none; display:flex; flex-wrap:wrap; gap:.4rem 1.1rem; padding:0; margin:0 0 1rem;
  font-family:var(--mono); font-size:.76rem; color:var(--sage)}
.carcard__specs li{position:relative}
.carcard__specs li+li::before{content:"·"; position:absolute; left:-.65rem; color:var(--line)}
.carcard__foot{display:flex; align-items:center; justify-content:space-between; gap:1rem; padding-top:1rem;
  border-top:1px solid var(--line-2)}
.carcard__price{font-family:var(--display); font-size:1.3rem; color:var(--brass-lt); line-height:1}
.carcard__cta{font-family:var(--sans); font-size:.85rem; font-weight:600; color:var(--cream); white-space:nowrap; transition:color .3s, transform .3s}
.carcard:hover .carcard__cta{color:var(--brass-lt); transform:translateX(3px)}
.cars__empty{text-align:center; color:var(--sage); padding:3rem 1rem; font-size:1.02rem}
.listing__note{font-family:var(--mono); font-size:.74rem; color:var(--sage); text-align:center; margin:2.6rem 0 0}

.pager{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:.45rem; margin:2.8rem 0 0}
.pager__btn{min-width:2.5rem; height:2.5rem; padding:0 .7rem; display:inline-flex; align-items:center; justify-content:center;
  font-family:var(--mono); font-size:.9rem; color:var(--cream); background:rgba(4,54,31,.4);
  border:1px solid var(--line); border-radius:11px; cursor:pointer;
  transition:border-color .3s, color .3s, background .3s, transform .3s}
.pager__btn:hover:not(:disabled){border-color:var(--brass); color:var(--brass-lt); transform:translateY(-2px)}
.pager__btn.is-active{background:linear-gradient(180deg,var(--brass-lt),var(--brass)); color:#241a06;
  border-color:transparent; font-weight:700; box-shadow:0 8px 20px -10px rgba(201,162,92,.6)}
.pager__btn:disabled{opacity:.32; cursor:default}
.pager__nav{font-size:1.15rem; line-height:1}
.pager__gap{color:var(--sage); padding:0 .15rem; user-select:none}

@media (max-width:960px){
  .filters{grid-template-columns:repeat(3,1fr); position:static}
  .cars{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .filters{grid-template-columns:1fr 1fr}
  .filters__search{grid-column:1 / -1}
  .cars{grid-template-columns:1fr}
}

/* =========================================================
   HERO — LAKK paint (a Momentum hero átvéve, 2026-09-15)
   ========================================================= */
.mhero{position:relative; min-height:max(100svh,660px); display:flex; align-items:flex-end; overflow:hidden;
  background:radial-gradient(120% 90% at 72% 18%,#0e6a44 0%,#064B2D 28%,#03170f 62%,#050807 100%)}
.mhero__paint{position:absolute; inset:0; width:100%; height:100%; display:block; opacity:0; transition:opacity 1.8s ease}
.mhero__paint.on{opacity:1}
.mhero__paint.is-fallback{display:none}
.mhero__shade{position:absolute; inset:0; pointer-events:none; background:
  linear-gradient(180deg,rgba(5,8,7,.62) 0%,rgba(5,8,7,0) 20%,rgba(5,8,7,0) 42%,rgba(5,8,7,.6) 74%,rgba(5,8,7,.9) 92%,#050807 100%),
  linear-gradient(90deg,rgba(5,8,7,.5) 0%,rgba(5,8,7,0) 55%)}
.mhero__in{position:relative; z-index:3; width:100%; max-width:1320px; margin:0 auto; padding:0 clamp(1.2rem,5vw,4.5rem) clamp(26px,4.5vh,48px)}
.mhero__kicker{font-family:var(--mono); font-size:.74rem; letter-spacing:.2em; text-transform:uppercase; color:var(--brass); margin:0 0 1.3rem; display:flex; align-items:center; gap:.8rem}
.mhero__kicker::before{content:""; width:28px; height:1px; background:currentColor}
.mhero__h{font-family:"Mona Sans",var(--sans); font-stretch:125%; font-size:clamp(2.55rem,6.3vw,6.6rem); line-height:.98; letter-spacing:-.022em; font-weight:400; margin:0 0 clamp(22px,3.4vh,36px); color:var(--ivory); text-wrap:balance}
.mhero__h span{display:block}
.mhero__h .l1{font-weight:500}
.mhero__h .l2{font-weight:250; color:var(--brass)}
.mhero__row{display:grid; grid-template-columns:minmax(0,1.15fr) auto; gap:clamp(20px,4vw,72px); align-items:end; padding-bottom:clamp(26px,4vh,42px)}
.mhero__sub{max-width:56ch; margin:0; font-size:clamp(1rem,1.15vw,1.12rem); color:var(--cream)}
.mhero__sub strong{color:var(--ivory); font-weight:600}
.mhero__cta{display:flex; gap:14px; flex-wrap:wrap}
.mhero__strip{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(237,240,236,.22)}
.mhero__strip li{display:flex; align-items:center; gap:.7em; padding:18px 0 0; border-right:1px solid rgba(237,240,236,.12); font-family:"Mona Sans",var(--sans); font-stretch:112%; font-weight:500; font-size:clamp(.92rem,1.1vw,1.05rem); color:var(--ivory)}
.mhero__strip li+li{padding-left:clamp(14px,2.4vw,34px)}
.mhero__strip li:last-child{border-right:0}
.mhero__strip svg{width:1.2em; height:1.2em; color:var(--brass); flex:none}
.mhero__kicker,.mhero__h .l1,.mhero__h .l2,.mhero__row,.mhero__strip{animation:mrise 1.4s var(--ease-out) both}
.mhero__kicker{animation-delay:.12s} .mhero__h .l1{animation-delay:.25s} .mhero__h .l2{animation-delay:.42s} .mhero__row{animation-delay:.62s} .mhero__strip{animation-delay:.82s}
@keyframes mrise{from{opacity:0; transform:translate3d(0,30px,0)} to{opacity:1; transform:none}}
@media (max-width:860px){.mhero__row{grid-template-columns:1fr}}
@media (max-width:640px){
  .mhero{min-height:max(100svh,600px)}
  .mhero__h{font-size:clamp(2.35rem,11.2vw,3.3rem)}
  .mhero__cta .btn{flex:1 1 100%; justify-content:center}
  .mhero__strip{grid-template-columns:1fr}
  .mhero__strip li{border-right:0; padding:12px 0 0}
  .mhero__strip li+li{padding-left:0}
}
@media (prefers-reduced-motion:reduce){.mhero__kicker,.mhero__h .l1,.mhero__h .l2,.mhero__row,.mhero__strip{animation:none}}

/* ---------- ajánlatkérő űrlap (2026-09-15) ---------- */
[hidden]{display:none!important}
.field__count{align-self:flex-end; font-family:var(--mono); font-size:.7rem; letter-spacing:.06em; color:var(--sage); margin-top:-.1rem}
.hp{position:absolute; left:-9999px; width:1px; height:1px; opacity:0}

/* ---------- visszajelzések: a cég hangján, idézőjel nélkül (2026-09-15) ---------- */
.quote--theme::before{display:none}
.quote .quote__txt{margin:0 0 1.4rem; font-size:1.05rem; color:var(--ivory); line-height:1.55; position:relative; z-index:1}

/* ---------- kiemelt valódi autók a főoldalon (2026-09-15) ---------- */
a.veh{display:block; color:inherit; text-decoration:none}
.veh--car .veh__media{display:block}
.veh--car .veh__media::after{display:none}
.veh--car .veh__media img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform 1.2s var(--ease-out)}
.veh--car:hover .veh__media img{transform:scale(1.045)}
.veh--car .veh__tag{z-index:2}
.veh--car .veh__row{flex-direction:column; align-items:flex-start; gap:.3rem}
.veh--car .veh__row h3{font-size:1.25rem}
.veh--car .veh__meta{text-align:left; font-variant-numeric:tabular-nums}
.veh__go{font-family:var(--mono); font-size:.74rem; letter-spacing:.06em; color:var(--brass); margin-top:.4rem; transition:transform .4s var(--ease)}
.veh--car:hover .veh__go{transform:translateX(4px)}

.veh--car .veh__media img{opacity:0; transition:opacity .7s ease, transform 1.2s var(--ease-out)}
.veh--car .veh__media img.ok{opacity:1}

/* =========================================================
   2026-09-15 · Momentum-féle átmenetes hátterek + mobil hero-javítás
   ========================================================= */
html{overflow-x:clip}
.topbar.is-stuck{background:rgba(3,23,15,.9)}

/* 2026-09-17: LÉLEGZŐ SZEKCIÓK — a váltásnál a felület feketébe megy, a szekció közepén világosodik vissza.
   Minden szekció a SAJÁT fényét viszi nullára a széleinél, ezért a határon mindkét oldalon ugyanaz a fekete van:
   megvan a ritmus, de sehol nincs él vagy csík. */
body{
  background-color:#072318;
  /* a „völgy”: a szekcióváltások szintje. Fent a hero, lent a lábléc mellett marad feketének. */
  background-image:none}
.proof::before,.manifesto::before,.why::before,.process::before,.showcase::before,.faq::before,
.finance::before,.contact::before,.pagehead::before,.listing::before,.legal::before{
  content:""; position:absolute; top:0; bottom:0; left:calc(50% - 50vw); width:100vw; z-index:-1; pointer-events:none;
  /* a sötétedés keskeny sáv a váltásnál (nem a fél szekció), a szekció maga végig világos */
  --breath:clamp(130px,17vh,260px);
  background:
    radial-gradient(52% 38% at var(--gx,85%) 50%,rgba(18,120,78,.30),transparent 72%),
    linear-gradient(180deg,rgba(6,75,45,0) 0,rgba(6,75,45,1) var(--breath),
                    rgba(6,75,45,1) calc(100% - var(--breath)),rgba(6,75,45,0) 100%)}
.process::before{--gx:12%}
.finance::before{--gx:82%}
.manifesto::before{--gx:18%}
.why::before{--gx:86%}
.showcase::before{--gx:15%}
.faq::before{--gx:50%}
.contact::before{--gx:80%}
/* finom, rögzített sötétítés a széleken: mélységet ad, de sehol nem ad határvonalat */
body::after{content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:radial-gradient(100% 72% at 50% 40%,transparent 42%,rgba(2,7,5,.45) 100%)}
.proof,.manifesto,.why,.process,.showcase,.faq,.finance,.contact,.pagehead,.listing,.legal{position:relative}
.pagehead::before{--gx:78%}
.listing::before{--gx:18%}
.legal::before{--gx:50%}
/* a szekciók saját fényfoltjait a szekció széle élesen elvágná (overflow:hidden) — lágyan halnak el helyette */
.finance__bg,.contact__bg,.pagehead__bg{
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 15%,#000 85%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0,#000 15%,#000 85%,transparent 100%)}
.footer__glow{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 55%); mask-image:linear-gradient(180deg,transparent 0,#000 55%)}
.footer{background:linear-gradient(180deg,rgba(4,10,7,0),rgba(4,10,7,.7) 45%)}

/* lassan sodródó fényfoltok — a háttér él és lélegzik */
.proof::after,.why::after,.showcase::after{content:""; position:absolute; z-index:-1; pointer-events:none; top:50%; width:min(46vw,620px); aspect-ratio:1; border-radius:50%; background:radial-gradient(circle,rgba(20,128,82,.26),transparent 65%); animation:rgDrift 28s ease-in-out infinite alternate; will-change:transform}
.proof::after{left:-6vw}
.why::after{right:-8vw; animation-duration:34s}
.showcase::after{left:32%; animation-duration:31s; animation-direction:alternate-reverse}
@keyframes rgDrift{from{transform:translate3d(0,-50%,0) scale(1)} to{transform:translate3d(7vw,-56%,0) scale(1.1)}}

/* a Finanszírozás-sávon vándorló fényreflex, mint a Momentum lakk-szekcióin */
.finance__bg::before{content:""; position:absolute; top:-30%; bottom:-30%; left:-45vw; width:32vw; background:linear-gradient(90deg,transparent,rgba(230,211,158,.05) 38%,rgba(243,230,193,.09) 50%,rgba(230,211,158,.05) 62%,transparent); transform:skewX(-16deg); animation:rgBand 19s linear infinite; pointer-events:none}
@keyframes rgBand{to{transform:translateX(190vw) skewX(-16deg)}}

/* hero: a tartalom soha nem csúszik a fejléc alá */
.mhero__in{padding-top:112px}
.mhero__kicker .sep{opacity:.85}
@media (max-width:640px){
  .brand__img{height:36px}
  .topbar .btn--sm{white-space:nowrap; font-size:.8rem; padding:.62em 1em}
  .mhero__paint{height:100vh; height:100svh; bottom:auto; -webkit-mask-image:linear-gradient(180deg,#000 72%,transparent); mask-image:linear-gradient(180deg,#000 72%,transparent)}
  .mhero__in{padding-top:calc(14vh + 48px); padding-top:calc(14svh + 48px)}
  .mhero__kicker{display:block; font-size:.66rem; letter-spacing:.14em; line-height:1.8}
  .mhero__kicker::before{display:none}
  .mhero__kicker .k2{display:block}
}
@media (prefers-reduced-motion:reduce){.proof::after,.why::after,.showcase::after,.finance__bg::before{animation:none}}

/* a Finanszírozás alja lágyan fusson ki a következő szekció (A gond) zöldjébe */

/* =========================================================
   2026-09-16 · élő autólista (HEX-híd): vázkártyák betöltés közben, hosszú hirdetéscím legfeljebb 3 sor
   ========================================================= */
.carcard__title{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; line-clamp:3; overflow:hidden}
.carcard--ph{pointer-events:none; animation:none}
.carcard--ph .carcard__media{background:linear-gradient(100deg,rgba(240,232,212,0) 30%,rgba(240,232,212,.07) 50%,rgba(240,232,212,0) 70%) 100% 0/300% 100% no-repeat,linear-gradient(180deg,#0A5536,#064B2D); animation:carPh 1.6s ease-in-out infinite}
.carcard--ph .ph{display:block; height:.8rem; border-radius:6px; background:rgba(240,232,212,.07); margin:0 0 .75rem}
.carcard--ph .ph--t{height:1.15rem; width:84%}
.carcard--ph .ph--s{width:52%}
.carcard--ph .ph--p{width:36%; height:1.15rem; margin:1.4rem 0 .1rem}
@keyframes carPh{to{background-position:0 0,0 0}}
@media (prefers-reduced-motion:reduce){.carcard--ph .carcard__media{animation:none}}

/* =========================================================
   2026-09-17 · mobil menü, ugrólinkek a fejléc alatt, jogi linkek és oldalak
   ========================================================= */
html{scroll-padding-top:76px}
/* the step numbers sat on a solid --bg chip, which shows as a box on the section's gradient; the rail runs beside them anyway */
.step__no{background:transparent}
/* thumb-sized touch targets on phones (the audit found 38 px and 33 px) */
@media (max-width:640px){
  .topbar .btn--sm{min-height:44px}
  .listing__reset{min-height:44px}
}
.topbar__burger{display:none; position:relative; flex:none; width:46px; height:46px; margin-right:-4px; padding:0;
  border:1px solid var(--line); border-radius:50%; background:rgba(4,36,26,.4); color:var(--ivory); cursor:pointer;
  -webkit-tap-highlight-color:transparent; transition:border-color .3s, background .3s}
.topbar__burger:hover{border-color:var(--brass)}
.topbar__burger span{position:absolute; left:50%; width:18px; height:1.5px; margin-left:-9px; border-radius:2px; background:currentColor;
  transition:top .45s var(--ease-out), transform .45s var(--ease-out)}
.topbar__burger span:first-child{top:18.5px}
.topbar__burger span:last-child{top:25.5px}
.topbar__burger[aria-expanded="true"] span:first-child{top:22px; transform:rotate(45deg)}
.topbar__burger[aria-expanded="true"] span:last-child{top:22px; transform:rotate(-45deg)}
.mnav{position:fixed; inset:0; z-index:45; display:flex; flex-direction:column; justify-content:space-between; gap:2.2rem;
  padding:calc(env(safe-area-inset-top) + 92px) clamp(1.4rem,6vw,2.6rem) calc(env(safe-area-inset-bottom) + 26px);
  background:radial-gradient(90% 55% at 100% 0%,rgba(16,112,72,.4),transparent 62%),linear-gradient(180deg,#04241A 0%,#064B2D 100%);
  overflow-y:auto; overscroll-behavior:contain; opacity:0; visibility:hidden;
  transition:opacity .45s var(--ease-out), visibility 0s linear .45s}
.mnav.is-open{opacity:1; visibility:visible; transition:opacity .45s var(--ease-out), visibility 0s}
.mnav__nav{display:flex; flex-direction:column}
.mnav__nav a{display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.6em 0; border-bottom:1px solid var(--line-2);
  font-family:var(--display); font-size:clamp(1.7rem,7.2vw,2.3rem); line-height:1.1; color:var(--ivory);
  opacity:0; transform:translate3d(0,16px,0); transition:opacity .6s var(--ease-out), transform .6s var(--ease-out), color .3s}
.mnav__nav a::after{content:"→"; font-family:var(--mono); font-size:.95rem; color:var(--brass); opacity:.75; transition:transform .4s var(--ease)}
.mnav__nav a:hover,.mnav__nav a:focus-visible,.mnav__nav a[aria-current="page"]{color:var(--brass-lt)}
.mnav__nav a:hover::after{transform:translateX(4px)}
.mnav.is-open .mnav__nav a{opacity:1; transform:none}
.mnav.is-open .mnav__nav a:nth-child(2){transition-delay:.04s}
.mnav.is-open .mnav__nav a:nth-child(3){transition-delay:.08s}
.mnav.is-open .mnav__nav a:nth-child(4){transition-delay:.12s}
.mnav.is-open .mnav__nav a:nth-child(5){transition-delay:.16s}
.mnav.is-open .mnav__nav a:nth-child(6){transition-delay:.2s}
.mnav__foot{display:grid; gap:.5rem; opacity:0; transition:opacity .6s var(--ease-out) .18s}
.mnav.is-open .mnav__foot{opacity:1}
.mnav__foot .btn{min-height:52px; margin-bottom:.4rem}
.mnav__tel{display:block; padding:.55em 0; text-align:center; font-family:var(--mono); font-size:.95rem; color:var(--cream)}
.mnav__tel:hover{color:var(--brass-lt)}
html.mnav-open{overflow:hidden}
html.mnav-open .topbar{background:transparent; -webkit-backdrop-filter:none; backdrop-filter:none; border-color:transparent}
html.mnav-open .topbar__end .btn--sm{opacity:0; pointer-events:none}
@media (max-width:960px){
  .topbar__burger{display:block}
  .topbar__end{margin-left:auto}
}
@media (max-width:640px){
  .topbar{gap:.75rem}
}
@media (max-width:374px){
  .topbar__end .btn--sm{display:none}
}
@media (prefers-reduced-motion:reduce){
  .mnav,.mnav.is-open,.mnav__nav a,.mnav__foot,.topbar__burger span{transition:none}
}

.footer__legal{display:flex; flex-wrap:wrap; gap:.4rem 1.4rem; margin:0}
.footer__legal a{color:var(--sage); transition:color .3s}
.footer__legal a:hover{color:var(--brass-lt)}
.form__legal{margin:.55rem 0 0; text-align:center; font-size:.8rem; color:var(--sage)}
.form__legal a{color:var(--cream); text-decoration:underline; text-underline-offset:3px}
.form__legal a:hover{color:var(--brass-lt)}

.pagehead--legal{padding-bottom:clamp(1.5rem,4vh,2.5rem)}
.legal{max-width:780px; margin:0 auto; padding:0 clamp(1.2rem,5vw,2rem) clamp(4rem,10vh,7rem); color:var(--cream); font-size:1.02rem; line-height:1.75}
.legal h2,.legal h3,.legal h4{font-family:var(--display); color:var(--ivory); font-size:clamp(1.3rem,2.6vw,1.7rem); line-height:1.25; margin:2.6rem 0 .9rem; text-wrap:balance}
.legal p{margin:0 0 1rem}
.legal ul,.legal ol{margin:0 0 1.2rem; padding-left:1.3rem}
.legal li{margin:.35rem 0}
.legal strong{color:var(--ivory); font-weight:600}
.legal a{color:var(--brass-lt); text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere}

/* =========================================================
   2026-09-21 · KRÉM DOBOZOK (a tulajok kérése): a vélemények, a Megoldás kártyái és az ajánlatkérő űrlap
   az Atelier-irány krém felületét kapják — megtörik a sok zöldet
   ========================================================= */
:root{--cr-paper:#EFE7D2; --cr-hi:#F8F3E6; --cr-line:#D9CFB3; --cr-field:#CFC5A8; --cr-ink:#0B3B25; --cr-soft:#4A5E50; --cr-gold:#7A5A14}

/* vélemények */
.quote{background:var(--cr-paper); border-color:var(--cr-line); box-shadow:0 30px 60px -38px rgba(0,0,0,.7)}
.quote .quote__txt{color:var(--cr-ink)}
.quote figcaption span{color:var(--cr-gold)}
.quote figcaption em{color:var(--cr-soft)}
.quote:hover{border-color:rgba(122,90,20,.5); box-shadow:0 26px 54px -26px rgba(0,0,0,.75)}

/* Megoldás: Kényelem / Biztonság / Eredmény */
.cards .card{background:var(--cr-paper); border-color:var(--cr-line); box-shadow:0 30px 60px -38px rgba(0,0,0,.7)}
.cards .card::before{background:radial-gradient(80% 60% at 50% 0,rgba(201,162,92,.2),transparent 70%)}
.cards .card:hover{border-color:rgba(122,90,20,.5); box-shadow:0 26px 54px -26px rgba(0,0,0,.75)}
.cards .card__icon{border-color:var(--cr-line); background:rgba(11,59,37,.06); color:var(--cr-ink)}
.cards .card h3{color:var(--cr-ink)}
.cards .card p{color:var(--cr-soft)}

/* ajánlatkérő űrlap */
.form{background:var(--cr-paper); border-color:var(--cr-line); color:var(--cr-ink); box-shadow:0 40px 80px -40px rgba(0,0,0,.8)}
.form .field span{color:var(--cr-soft)}
.form .field i{color:var(--cr-gold)}
.form .field input,.form .field textarea,.form .field select{color:var(--cr-ink); background-color:var(--cr-hi); border-color:var(--cr-field)}
.form .field input::placeholder,.form .field textarea::placeholder{color:rgba(74,94,80,.62)}
.form .field input:focus,.form .field textarea:focus,.form .field select:focus{border-color:var(--cr-ink); box-shadow:0 0 0 3px rgba(11,59,37,.14); background-color:#FFFDF7}
.form .field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B3B25' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}
.form .field select option{background:#FFFDF7; color:var(--cr-ink)}
.form .field__count{color:var(--cr-soft)}
.form .btn--brass{background:var(--cr-ink); color:var(--cr-paper); box-shadow:0 12px 28px -14px rgba(11,59,37,.7)}
.form .btn--brass:hover{background:#0F4A2F}
.form .btn--brass::after{background:linear-gradient(105deg,transparent 30%,rgba(239,231,210,.18),transparent 70%)}
.form .form__status.is-ok{color:#0F5A36; background:rgba(15,90,54,.08); border-color:rgba(15,90,54,.3)}
.form .form__status.is-err{color:#8A3A10; background:rgba(200,110,40,.1); border-color:rgba(200,110,40,.35)}
.form .form__note,.form .form__legal{color:var(--cr-soft)}
.form .form__legal a{color:var(--cr-ink)}
.form .form__legal a:hover{color:var(--cr-gold)}

/* Finanszírozás: a hármas lista is krém (a tulaj utolsó kérése, 2026-09-21) */
.finance__list{background:var(--cr-line); border-color:var(--cr-line); box-shadow:0 30px 60px -38px rgba(0,0,0,.7)}
.finance__list li{background:var(--cr-paper)}
.finance__list li:hover{background:var(--cr-hi)}
.finance__list span{color:var(--cr-ink)}
.finance__list em{color:var(--cr-soft)}

/* Sajtómegjelenés-kártya az ajánlatkérő sávban (Minner.hu, 2026-09-23) */
.pressbox{margin-top:2.2rem; display:grid; justify-items:center; gap:.9rem}
.pressbox__label{font-family:var(--mono); font-size:.72rem; letter-spacing:.18em; text-transform:uppercase; color:var(--brass-lt); margin:0}
.pcard{display:block; width:min(400px,100%); text-decoration:none; border-radius:16px; overflow:hidden;
  background:var(--cr-paper); border:1px solid var(--cr-line); box-shadow:0 30px 60px -34px rgba(0,0,0,.75);
  transition:transform .45s var(--ease), box-shadow .45s, border-color .45s}
.pcard:hover{transform:translateY(-5px); border-color:rgba(122,90,20,.5); box-shadow:0 34px 66px -28px rgba(0,0,0,.8)}
.pcard__logo{display:grid; place-items:center; padding:2.1rem 1.6rem; background:linear-gradient(180deg,#FFFDF7,#E4DCC4)}
.pcard__logo img{width:min(210px,68%); height:auto}
.pcard__body{display:grid; gap:.45rem; padding:1.15rem 1.25rem 1.3rem; text-align:left}
.pcard__title{font-weight:600; font-size:1.02rem; line-height:1.35; color:var(--cr-ink)}
.pcard__meta{font-family:var(--mono); font-size:.72rem; letter-spacing:.03em; color:var(--cr-soft)}
.pcard__cta{font-family:var(--mono); font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; color:var(--cr-gold); margin-top:.2rem}
.pcard__cta span{display:inline-block; transition:transform .4s var(--ease)}
.pcard:hover .pcard__cta span{transform:translateX(4px)}