/* Business Native – egyedi javítások.
   A Webflow styles.css UTÁN töltődik be, ezért felülírja azt.
   Cél: mobil túlcsordulások és apró layout-hibák javítása a sablon-CSS módosítása nélkül. */

/* Egységes fehér alap minden oldalon (a bn-brand törtfehérjét is felülírja) */
html, body { background: #fff !important; }

/* Vízszintes túlcsordulás megszüntetése minden oldalon
   (clip, nem hidden — a hidden görgető-konténerré tenné a body-t és eltörné a sticky fejlécet) */
html, body { overflow-x: clip; max-width: 100%; }

/* Flexbox elemek ne tudják szétfeszíteni a sort hosszú szövegtől */
.button-inner, .nav_cta-wrap, .wrap_feature-tabs, .feature-tab_top { min-width: 0; }

@media (max-width: 991px) {
  /* a fejléc menügombja maradjon a helyén, ne lógjon ki */
  .menu-button, .w-nav-button { flex: 0 0 auto; white-space: nowrap; }
}

@media (max-width: 480px) {
  /* kártyák / csempék ne csorduljanak túl a jobb szélen */
  .services-horizontal_tile,
  .card_sales,
  .wrap_feature-tabs,
  .feature-dashboard,
  .plan,
  .quote-card,
  .integration-card { max-width: 100% !important; box-sizing: border-box; }

  /* hosszú szöveg/meta törjön, ne nyúljon ki */
  .feature-tab_meta, .text-size-small, .running-task_row { min-width: 0; overflow-wrap: anywhere; }
}

/* ============================================================
   BNX — kanonikus fejléc/menü (a Webflow navot váltja ki).
   Grid: [logó] [középre igazított menü] [gomb]. custom.css
   utoljára tölt be → felülír. Osztály-prefix: .bnx-
   ============================================================ */
.bnx-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.1) blur(10px);-webkit-backdrop-filter:saturate(1.1) blur(10px);border-bottom:1px solid #e4e2e0;font-family:var(--typography-font-heading-sans,Geist,Arial,sans-serif);}
.bnx-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;max-width:112.5rem;margin:0 auto;height:70px;padding:0 2rem;}
.bnx-brand{justify-self:start;display:inline-flex;align-items:center;text-decoration:none;}
.bnx-brand .bn-logo{font-size:19px;color:#0b0b0d;font-weight:500;}
.bnx-nav{justify-self:center;display:flex;align-items:center;gap:clamp(1rem,2.2vw,2.1rem);}
.bnx-link{display:inline-flex;align-items:center;gap:.34em;background:none;border:0;cursor:pointer;padding:0;font:inherit;font-size:15px;font-weight:450;line-height:1;color:#5a5a60;text-decoration:none;letter-spacing:-.01em;transition:color .18s ease;white-space:nowrap;}
.bnx-link:hover{color:#0b0b0d;}
.bnx-caret{transition:transform .2s ease;opacity:.7;}
.bnx-item{position:relative;}
.bnx-item.is-open .bnx-caret{transform:rotate(180deg);}
.bnx-dropdown{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(6px);display:grid;grid-auto-flow:column;gap:1.75rem;min-width:max-content;background:#fff;border:1px solid #e4e2e0;border-radius:14px;box-shadow:0 18px 50px -12px rgba(20,20,26,.18);padding:1.15rem 1.25rem;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:1001;}
.bnx-item:hover .bnx-dropdown,.bnx-item.is-open .bnx-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0);}
.bnx-dropdown::before{content:"";position:absolute;top:-16px;left:0;right:0;height:16px;}
.bnx-col{display:flex;flex-direction:column;gap:.15rem;min-width:12.5rem;}
.bnx-col-label{margin:0 0 .5rem;padding:0 .55rem;font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:#a6a4a0;}
.bnx-drop-link{display:flex;flex-direction:column;gap:.12rem;padding:.5rem .55rem;border-radius:9px;text-decoration:none;color:#1a1a1f;font-size:14px;font-weight:500;transition:background .15s ease;}
.bnx-drop-link:hover{background:#f3f2ef;}
.bnx-drop-sub{font-size:12px;font-weight:400;color:#8a888a;line-height:1.3;}
.bnx-actions{justify-self:end;display:inline-flex;align-items:center;gap:.75rem;}
.bnx-cta{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 1.15rem;border-radius:999px;background:#15151a;color:#f5f4f1;font-size:14px;font-weight:500;letter-spacing:-.01em;text-decoration:none;white-space:nowrap;transition:background .18s ease,transform .18s ease;}
.bnx-cta:hover{background:#000;transform:translateY(-1px);}
/* BNX — Belépés gomb: körvonalas másodlagos CTA a Konzultáció mellett */
.bnx-cta.bnx-login{background:transparent;color:#0b0b0d;border:1px solid #cfcdc8;}
.bnx-cta.bnx-login:hover{background:transparent;border-color:#0b0b0d;transform:translateY(-1px);}
.bnx-header.is-scrolled .bnx-cta.bnx-login{background:transparent;color:#f5f4f1;border-color:#3a3a42;}
.bnx-header.is-scrolled .bnx-cta.bnx-login:hover{background:transparent;border-color:#f5f4f1;}
.bnx-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:0 10px;background:none;border:1px solid #e0ded9;border-radius:10px;cursor:pointer;}
.bnx-burger span{display:block;height:1.6px;background:#15151a;border-radius:2px;transition:.2s;}
.bnx-mobile{display:none;}

@media (max-width:991px){
  .bnx-inner{grid-template-columns:1fr auto;height:62px;}
  .bnx-nav{display:none;}
  .bnx-cta{display:none;}
  .bnx-actions{justify-self:end;}
  .bnx-burger{display:flex;}
  .bnx-mobile{display:flex;flex-direction:column;gap:.15rem;padding:1rem clamp(1rem,4vw,2.5rem) 1.5rem;background:#f5f4f1;border-top:1px solid #e4e2e0;max-height:calc(100vh - 62px);overflow-y:auto;}
  .bnx-mobile[hidden]{display:none;}
  .bnx-m-link{padding:.7rem .2rem;font-size:17px;font-weight:500;color:#15151a;text-decoration:none;border-bottom:1px solid #eceae6;}
  .bnx-m-label{margin:1rem 0 .2rem;padding:0 .2rem;font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:#a6a4a0;}
  .bnx-m-sublink{padding:.5rem .2rem;font-size:15px;color:#4a4a50;text-decoration:none;}
  .bnx-m-cta{display:inline-flex;margin-top:1.25rem;height:46px;}
}

/* ============================================================
   BNX — kanonikus lábléc (sötét), a Webflow footert váltja ki.
   ============================================================ */
.bnx-footer{background:#0c0c11;color:#c7c6cc;font-family:var(--typography-font-heading-sans,Geist,Arial,sans-serif);padding:clamp(3rem,6vw,5rem) 2rem 2rem;}
.bnx-foot-inner{max-width:112.5rem;margin:0 auto;display:grid;grid-template-columns:1.3fr 2fr;gap:clamp(2rem,5vw,4rem);}
.bnx-foot-brand .bn-logo{font-size:clamp(30px,4vw,42px);color:#f4f4f6;}
.bnx-foot-tag{margin:1.1rem 0 1.6rem;max-width:24rem;font-size:14px;line-height:1.6;color:#8f8e95;}
.bnx-footer .bnx-cta{background:#f5f4f1;color:#15151a;}
.bnx-footer .bnx-cta:hover{background:#fff;}
.bnx-foot-cols{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem;}
.bnx-foot-col{display:flex;flex-direction:column;gap:.6rem;}
.bnx-foot-h{margin:0 0 .35rem;font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:#6b6a72;}
.bnx-foot-col a{color:#c7c6cc;text-decoration:none;font-size:14px;transition:color .15s ease;}
.bnx-foot-col a:hover{color:#fff;}
.bnx-foot-bottom{max-width:112.5rem;margin:clamp(2.5rem,5vw,3.5rem) auto 0;padding-top:1.5rem;padding-right:3.5rem;border-top:1px solid #23232b;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:space-between;font-size:13px;color:#75747c;}
.bnx-foot-bottom a{color:#a9a8b0;text-decoration:none;}
.bnx-foot-bottom a:hover{color:#fff;}
@media (max-width:860px){
  .bnx-foot-inner{grid-template-columns:1fr;gap:2.25rem;}
  .bnx-foot-cols{grid-template-columns:repeat(2,1fr);gap:1.75rem 1rem;}
}
@media (max-width:479px){ .bnx-foot-cols{grid-template-columns:1fr 1fr;} }

/* ============================================================
   BNX — közös aloldal-rendszer (Szolgáltatás, Rólam, stb.)
   Világos, szürke, editorial. Geist. custom.css = utolsó.
   ============================================================ */
.bnx-page{font-family:var(--typography-font-heading-sans,Geist,Arial,sans-serif);color:#15151a;background:#fff;}
.bnx-container{max-width:112.5rem;margin:0 auto;padding:0 2rem;}
.bnx-section{padding:clamp(5rem,8vw,7.5rem) 0;}
.bnx-section.tight{padding:clamp(3rem,5vw,5rem) 0;}
.bnx-eyebrow{display:inline-block;font-family:"IBM Plex Mono",monospace;font-size:12px;font-weight:500;letter-spacing:.752px;text-transform:uppercase;color:rgba(0,0,0,.56);margin:0 0 1.1rem;}
.bnx-page h1{font-size:clamp(2.3rem,5.4vw,4rem);line-height:1.04;letter-spacing:-.0125em;font-weight:400;margin:0 0 1.2rem;}
.bnx-page h2{font-size:clamp(1.7rem,3.6vw,2.6rem);line-height:1.1;letter-spacing:-.05em;font-weight:400;margin:0 0 1rem;}
.bnx-page h3{font-size:1.2rem;line-height:1.25;letter-spacing:-.01em;font-weight:400;margin:0 0 .5rem;}
.bnx-lead{font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.55;color:#4a4a50;max-width:42rem;margin:0 0 1.9rem;}
.bnx-p{font-size:1rem;line-height:1.65;color:#4a4a50;}
/* aloldal hero */
.bnx-page-hero{padding:clamp(3.5rem,7vw,6rem) 0 clamp(2rem,4vw,3rem);border-bottom:1px solid #e4e2e0;}
.bnx-btn-row{display:flex;flex-wrap:wrap;gap:.75rem;}
.bnx-btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 1.5rem;border-radius:999px;font-size:15px;font-weight:500;text-decoration:none;transition:transform .18s ease,background .18s ease,border-color .18s;}
.bnx-btn.primary{background:#15151a;color:#f5f4f1;}
.bnx-btn.primary:hover{background:#000;transform:translateY(-1px);}
.bnx-btn.ghost{background:transparent;color:#15151a;border:1px solid #d5d3ce;}
.bnx-btn.ghost:hover{border-color:#15151a;transform:translateY(-1px);}
/* 3-oszlopos kártyák */
.bnx-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;}
.bnx-card{background:#fff;border:1px solid #e7e5e1;border-radius:16px;padding:1.6rem;}
.bnx-card .bnx-ico{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#f0efec;margin-bottom:1rem;color:#15151a;}
.bnx-card p{margin:0;font-size:.95rem;line-height:1.6;color:rgba(0,0,0,.64);}
/* csomagok */
.bnx-pkg-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;}
.bnx-pkg{display:flex;flex-direction:column;background:#faf9f7;border:1px solid #e7e5e1;border-radius:20px;padding:2rem;}
.bnx-pkg.featured{background:#15151a;color:#e9e8ea;border-color:#15151a;}
.bnx-pkg-name{font-family:"IBM Plex Mono",monospace;font-size:12px;font-weight:500;letter-spacing:.752px;text-transform:uppercase;color:rgba(0,0,0,.56);margin:0 0 .4rem;}
.bnx-pkg.featured .bnx-pkg-name{color:#a9a8b0;}
.bnx-pkg h3{font-size:1.55rem;font-weight:400;letter-spacing:-.02em;margin:0 0 .5rem;}
.bnx-pkg-who{font-size:.95rem;line-height:1.55;color:#5a5a60;margin:0 0 1.4rem;min-height:2.5em;}
.bnx-pkg.featured .bnx-pkg-who{color:#b9b8bf;}
.bnx-pkg ul{list-style:none;margin:0 0 1.75rem;padding:0;display:flex;flex-direction:column;gap:.7rem;}
.bnx-pkg li{position:relative;padding-left:1.65rem;font-size:.95rem;line-height:1.5;color:#3a3a40;}
.bnx-pkg.featured li{color:#d5d4da;}
.bnx-pkg li::before{content:"";position:absolute;left:0;top:.36em;width:14px;height:14px;border-radius:50%;background:#15151a;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M2.5 6.2l2.2 2.2 4.6-4.9' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M2.5 6.2l2.2 2.2 4.6-4.9' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/contain no-repeat;}
.bnx-pkg.featured li::before{background:#e9e8ea;}
.bnx-pkg .bnx-btn{margin-top:auto;width:100%;}
.bnx-pkg.featured .bnx-btn.primary{background:#f5f4f1;color:#15151a;}
/* számozott folyamat */
.bnx-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;counter-reset:step;}
.bnx-step{background:#fff;border:1px solid #e7e5e1;border-radius:14px;padding:1.3rem;}
.bnx-step-n{font-family:"IBM Plex Mono",monospace;font-size:12px;font-weight:500;letter-spacing:.752px;color:rgba(0,0,0,.4);margin-bottom:.6rem;}
.bnx-step h3{font-size:1rem;}
.bnx-step p{margin:.3rem 0 0;font-size:.86rem;line-height:1.5;color:#6a6a70;}
/* GYIK */
.bnx-faq{max-width:48rem;margin:0 auto;display:flex;flex-direction:column;gap:.5rem;}
.bnx-faq details{background:#faf9f7;border:1px solid #e7e5e1;border-radius:12px;padding:0 1.25rem;}
.bnx-faq summary{list-style:none;cursor:pointer;padding:1.1rem 0;font-size:1.05rem;font-weight:500;display:flex;justify-content:space-between;align-items:center;gap:1rem;}
.bnx-faq summary::-webkit-details-marker{display:none;}
.bnx-faq summary::after{content:"+";font-size:1.4rem;font-weight:400;color:#a6a4a0;transition:transform .2s;}
.bnx-faq details[open] summary::after{transform:rotate(45deg);}
.bnx-faq details p{margin:0;padding:0 0 1.2rem;font-size:.96rem;line-height:1.65;color:#5a5a60;}
/* projekt-rács */
.bnx-proj-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;}
.bnx-proj{display:flex;flex-direction:column;background:#fff;border:1px solid #e7e5e1;border-radius:18px;padding:1.75rem;transition:transform .18s ease,box-shadow .18s ease;}
.bnx-proj:hover{transform:translateY(-3px);box-shadow:0 16px 40px -18px rgba(20,20,26,.22);}
.bnx-proj-tag{align-self:flex-start;font-family:"IBM Plex Mono",monospace;font-size:11px;font-weight:500;letter-spacing:.752px;text-transform:uppercase;color:rgba(0,0,0,.56);margin-bottom:1rem;}
.bnx-proj h3{font-size:1.45rem;font-weight:400;letter-spacing:-.03em;}
.bnx-proj .bnx-meta{margin:.9rem 0;display:flex;flex-direction:column;gap:.55rem;}
.bnx-proj .bnx-meta div{font-size:.9rem;line-height:1.5;color:rgba(0,0,0,.64);}
.bnx-proj .bnx-meta b{color:#15151a;font-weight:500;}
.bnx-proj-links{margin-top:auto;display:flex;flex-wrap:wrap;gap:.5rem;padding-top:.5rem;}
.bnx-proj-links a{font-size:13px;font-weight:500;color:#15151a;text-decoration:none;border:1px solid #d5d3ce;border-radius:999px;padding:.4rem .8rem;transition:border-color .15s,background .15s;}
.bnx-proj-links a:hover{border-color:#15151a;background:#15151a;color:#f5f4f1;}
/* CTA sáv */
.bnx-cta-band{background:#15151a;border-radius:24px;padding:clamp(2.5rem,5vw,4rem);text-align:center;color:#f5f4f1;}
.bnx-cta-band h2{color:#f5f4f1;}
.bnx-cta-band .bnx-lead{color:#b9b8bf;margin-left:auto;margin-right:auto;}
.bnx-cta-band .bnx-btn.primary{background:#f5f4f1;color:#15151a;}
.bnx-cta-band .bnx-btn-row{justify-content:center;}
/* section-fejléc */
.bnx-shead{max-width:44rem;margin:0 0 2.5rem;}
.bnx-shead.center{margin-left:auto;margin-right:auto;text-align:center;}
@media (max-width:900px){
  .bnx-grid-3{grid-template-columns:1fr;}
  .bnx-pkg-grid{grid-template-columns:1fr;}
  .bnx-steps{grid-template-columns:1fr 1fr;}
  .bnx-proj-grid{grid-template-columns:1fr;}
}
@media (max-width:520px){ .bnx-steps{grid-template-columns:1fr;} }

/* BNX — középső demo-blokk hátterek: világos füst finom színnel (gpt-image-1) */
.image_combo{background-image:url('../images/bnx-combo-warm.jpg') !important;}
.image_combo.is-second{background-image:url('../images/bnx-combo-cool.jpg') !important;}

/* ============================================================
   BNX — „A döntések mozognak." animált háttér (CSS a videó
   helyett): sötét alapon 3 lágyan úszó pasztell fényfolt.
   ============================================================ */
.video_home-a-large{position:relative;background-color:#0c0c10 !important;overflow:hidden;}
.video_home-a-large video,
.video_home-a-large [data-wf-bgvideo-fallback-img],
.video_home-a-large .w-background-video--control{display:none !important;}
.video_home-a-large::before,
.video_home-a-large::after,
.video_home-a-large .bnx-blob{content:"";position:absolute;inset:-35%;border-radius:50%;filter:blur(72px);pointer-events:none;}
.video_home-a-large::before{background:radial-gradient(closest-side, rgba(219,168,124,.30), transparent 66%);animation:bnxDrift1 24s ease-in-out infinite alternate;}
.video_home-a-large::after{background:radial-gradient(closest-side, rgba(128,164,168,.26), transparent 66%);animation:bnxDrift2 30s ease-in-out infinite alternate;}
.video_home-a-large .bnx-blob{background:radial-gradient(closest-side, rgba(168,150,186,.22), transparent 66%);animation:bnxDrift3 36s ease-in-out infinite alternate;}
@keyframes bnxDrift1{from{transform:translate3d(-16%,-10%,0) scale(.85);}to{transform:translate3d(15%,12%,0) scale(1.18);}}
@keyframes bnxDrift2{from{transform:translate3d(17%,10%,0) scale(1.12);}to{transform:translate3d(-13%,-12%,0) scale(.82);}}
@keyframes bnxDrift3{from{transform:translate3d(-4%,14%,0) scale(1.05);}to{transform:translate3d(6%,-14%,0) scale(.9);}}
@media (prefers-reduced-motion:reduce){
  .video_home-a-large::before,.video_home-a-large::after,.video_home-a-large .bnx-blob{animation:none;}
}
/* a Webflow poszter-hátteret is le kell tiltani a konténeren */
.video_home-a-large{background-image:none !important;}
.video_home-a-large *[style*="hero-soft_poster"]{background-image:none !important;}

/* BNX — mini lenyíló kihívás-lista (szóló combo-blokk) — a lenti Webflow accordion kinézetének tükre: bal oldali chevron, behúzott szöveg */
.bnx-mini{margin-top:1.5rem;display:flex;flex-direction:column;}
.bnx-mini-item{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid #e0ded9;padding:.85rem .1rem;cursor:pointer;font:inherit;color:inherit;}
.bnx-mini-item h3{margin:0;display:flex;align-items:center;gap:.85rem;font-size:.95rem;font-weight:400;letter-spacing:-.01em;color:#15151a;}
.bnx-mini-item h3::before{content:"";flex:none;width:7px;height:7px;border-left:1.5px solid #15151a;border-bottom:1.5px solid #15151a;transform:rotate(-45deg) translateY(-1px);transition:transform .25s ease;}
.bnx-mini-item.is-open h3::before{transform:rotate(135deg) translateY(-1px);}
.bnx-mini-item p{margin:0;padding-left:calc(7px + .85rem);font-size:.93rem;line-height:1.65;color:#4a4a50;max-height:0;overflow:hidden;opacity:0;transition:max-height .45s ease,opacity .35s ease,margin .3s ease;}
.bnx-mini-item.is-open p{max-height:10rem;opacity:1;margin-top:.7rem;}

/* BNX — projekt-kártya képek */
.bnx-proj-img{margin:-.45rem -.45rem .9rem;overflow:hidden;border-radius:14px;background:#e7e5e1;}
.bnx-proj-img img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;display:block;transition:transform .35s ease;}
.bnx-proj:hover .bnx-proj-img img{transform:scale(1.03);}

/* BNX — esettanulmányok egymás alatt: kép balra, tartalom jobbra */
.bnx-case-stack{grid-template-columns:1fr;gap:clamp(2.5rem,6vw,4.5rem);}
.bnx-case-stack .bnx-proj{background:none;border:0;padding:0;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-auto-rows:min-content;column-gap:clamp(1.75rem,4.5vw,4rem);align-items:center;align-content:center;}
.bnx-case-stack .bnx-proj:hover{transform:none;box-shadow:none;}
.bnx-case-stack .bnx-proj-img{grid-column:2;grid-row:1 / span 4;margin:0;height:100%;}
.bnx-case-stack .bnx-proj-img img{height:100%;aspect-ratio:auto;min-height:18rem;border-radius:16px;border:1px solid #e7e5e1;}
.bnx-case-stack .bnx-proj-tag,.bnx-case-stack .bnx-proj h3,.bnx-case-stack .bnx-meta,.bnx-case-stack .bnx-proj-links{grid-column:1;}
@media (max-width:860px){
  .bnx-case-stack .bnx-proj{grid-template-columns:1fr;}
  .bnx-case-stack .bnx-proj-img{grid-row:auto;grid-column:1;margin-bottom:1rem;height:auto;}
  .bnx-case-stack .bnx-proj-img img{min-height:0;aspect-ratio:16/10;}
  .bnx-case-stack .bnx-proj-tag,.bnx-case-stack .bnx-proj h3,.bnx-case-stack .bnx-meta,.bnx-case-stack .bnx-proj-links{grid-column:1;}
}

/* BNX — élénkebb pasztell animáció a „fókuszálsz" szekcióban */
.video_home-a-large::before{background:radial-gradient(closest-side, rgba(224,168,118,.48), transparent 68%);}
.video_home-a-large::after{background:radial-gradient(closest-side, rgba(126,170,172,.42), transparent 68%);}
.video_home-a-large .bnx-blob{background:radial-gradient(closest-side, rgba(178,152,196,.36), transparent 68%);}
.video_home-a-large{background-color:#101015 !important;}

/* BNX — nagyobb fejléc-logó */
.bnx-brand .bn-logo{font-size:23px;}
@media (max-width:479px){ .bnx-brand .bn-logo{font-size:20px;} }

/* BNX — Árak hero cím: két sor („Átlátható csomagok" / „Semmi meglepetés") */
.heading_plans{max-width:none;}

/* BNX — számok blokk: olvasható feliratok a nagy számok alatt
   (a sablon majdnem fehér színt ad nekik a bézs háttéren — ezért kell az !important) */
.grid_performance .performance-tile .label-large{font-size:15px !important;line-height:1.45;text-transform:none !important;letter-spacing:0 !important;color:#4a4a50 !important;max-width:16rem;margin:0 auto;}

/* BNX — fejléc görgetésre feketére vált, a betűk/gombok/logó alkalmazkodnak */
.bnx-header{transition:background .25s ease,border-color .25s ease;}
.bnx-header .bn-logo,.bnx-header .bnx-link,.bnx-header .bnx-cta,.bnx-header .bnx-burger{transition:color .25s ease,background .25s ease,border-color .25s ease;}
.bnx-header.is-scrolled{background:rgba(12,12,17,.94);border-bottom-color:#23232b;}
.bnx-header.is-scrolled .bnx-brand .bn-logo{color:#f5f4f1;}
.bnx-header.is-scrolled .bnx-link{color:#b9b8c0;}
.bnx-header.is-scrolled .bnx-link:hover,.bnx-header.is-scrolled .bnx-item.is-open .bnx-toggle{color:#fff;}
.bnx-header.is-scrolled .bnx-cta{background:#f5f4f1;color:#15151a;}
.bnx-header.is-scrolled .bnx-cta:hover{background:#fff;}
.bnx-header.is-scrolled .bnx-burger{border-color:#3a3a42;}
.bnx-header.is-scrolled .bnx-burger span{background:#f5f4f1;}
.bnx-header.is-scrolled .bnx-mobile{background:#0c0c11;border-top-color:#23232b;}
.bnx-header.is-scrolled .bnx-m-link{color:#f5f4f1;border-bottom-color:#23232b;}
.bnx-header.is-scrolled .bnx-m-sublink{color:#b9b8c0;}
.bnx-header.is-scrolled .bnx-m-label{color:#6b6a72;}

/* BNX — vissza-a-tetejére gomb (minden oldalon, 600px görgetés után jelenik meg) */
.bnx-totop{position:fixed;right:clamp(1rem,3vw,2rem);bottom:clamp(1rem,3vw,2rem);z-index:1200;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border:1px solid #d8d6d1;border-radius:999px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#15151a;cursor:pointer;box-shadow:0 8px 24px -8px rgba(20,20,26,.25);transition:transform .18s ease,background .18s ease;}
.bnx-totop:hover{background:#15151a;color:#f5f4f1;transform:translateY(-2px);}
.bnx-totop[hidden]{display:none;}

/* BNX — fejléc feletti státusz-csík */
.bnx-topbar{background:#15151a;color:#b9b8c0;text-align:center;font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.05em;padding:.55rem 1rem;}
.bnx-topbar strong{color:#f5f4f1;font-weight:500;}

/* BNX — felső szolgáltatás-csempék: színes-maszatos keret az erősebb pigmentű világos képekkel
   (finom sötétítő réteg a képek fölött — Attila 07-02-i kérése) */
.services-horizontal_tile{background-image:linear-gradient(rgba(21,21,26,.38),rgba(21,21,26,.38)),url('../images/bnx-light-amber.jpg') !important;background-size:cover !important;background-position:50% !important;}
.services-horizontal_tile.is-second{background-image:linear-gradient(rgba(21,21,26,.38),rgba(21,21,26,.38)),url('../images/bnx-light-teal.jpg') !important;}
.services-horizontal_tile.is-third{background-image:linear-gradient(rgba(21,21,26,.38),rgba(21,21,26,.38)),url('../images/bnx-light-violet.jpg') !important;}

/* BNX — „Valós megoldások" kártyák: a kártya-alap az eredeti világosszürke marad,
   csak a számos csempe színes (Attila kérése) */

/* BNX — záró CTA: az Egyéni konzultáció kártya színes-füst hátteret kap (a kvíz-kártya fekete marad) */
.card_cta-v1.is-second{background-image:url('../images/bnx-smoke-multi.jpg') !important;background-size:cover !important;background-position:50% !important;}

/* BNX — belépés/regisztráció oldalak: a bal panel a brand színes-füst hátterét kapja a sablon szürke képe helyett */
.content_profile{background-image:url('../images/bnx-smoke-multi.jpg') !important;}

/* BNX — „Egyéni vállalkozóknak" számcsempék: erősebb kontraszt (a tone-medium/subtle túl halvány volt) */
.combo_numbers .heading-style-h1{color:#15151a !important;}
.combo_numbers .label-large{color:rgba(0,0,0,.72) !important;}

/* BNX — „Te az ügyfeleidre fókuszálsz / A rendszer dolgozik a háttérben": scroll-scrub szöveg a sötét csempén */
.video_home-a-large .master_video-animation{padding:clamp(2rem,4vw,3.5rem) 0;}
.video_home-a-large .heading-style-h0{color:#f5f4f1;white-space:nowrap;}
.video_home-a-large .scroll-text-tile{transition:none;overflow:visible;}
.video_home-a-large .text-animation_no-shrink{will-change:transform,opacity;}
@media (prefers-reduced-motion: reduce){
  .video_home-a-large .text-animation_no-shrink{transform:none !important;opacity:1 !important;}
}

/* BNX — Árak: Solo/Team fülváltó */
.bnx-price-tabs{display:flex;justify-content:center;gap:.45rem;margin:0 0 clamp(2rem,4vw,3rem);}
.bnx-price-tab{font-family:inherit;font-size:.9rem;font-weight:500;letter-spacing:.09em;text-transform:uppercase;padding:.6rem 1.9rem;border:1px solid #d8d6d1;border-radius:999px;background:transparent;color:#6a6a70;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease;}
.bnx-price-tab:hover{border-color:#15151a;color:#15151a;}
.bnx-price-tab.is-active{background:#15151a;color:#f5f4f1;border-color:#15151a;}

/* ============================================================
   BNX — koncepció-komponensek (dupla-CTA, timeline, chipek,
   stat-sáv, eszköz-sáv, modul-lenyíló) — a sablon tokenjeivel
   ============================================================ */
/* záró dupla-CTA (a főoldali section_cta-v1 mintája) */
.bnx-cta2-head{text-align:center;max-width:46rem;margin:0 auto clamp(2rem,4vw,3rem);}
.bnx-cta2{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;}
.bnx-cta2-card{border-radius:20px;padding:clamp(1.8rem,4vw,2.8rem);min-height:19rem;display:flex;flex-direction:column;justify-content:space-between;gap:2rem;background:#0f0f14;color:#f5f4f1;}
.bnx-cta2-card h3{font-size:clamp(1.5rem,2.6vw,2rem);font-weight:400;letter-spacing:-.02em;margin:0 0 .6rem;color:#f5f4f1;}
.bnx-cta2-card p{margin:0;font-size:.98rem;line-height:1.6;color:rgba(245,244,241,.64);}
.bnx-cta2-card.smoke{background-image:url('../images/bnx-smoke-multi.jpg');background-size:cover;background-position:50%;}
.bnx-cta2-btn{align-self:flex-start;display:inline-flex;align-items:center;height:44px;padding:0 1.4rem;border-radius:999px;background:#f5f4f1;color:#15151a;font-size:14px;font-weight:500;text-decoration:none;transition:background .18s ease,transform .18s ease;}
.bnx-cta2-btn:hover{background:#fff;transform:translateY(-1px);}
@media (max-width:860px){ .bnx-cta2{grid-template-columns:1fr;} .bnx-cta2-card{min-height:0;} }

/* folyamat-timeline (a sablon section_timeline mintája, tiszta CSS) */
.bnx-tl{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(1rem,2.5vw,2rem);margin-top:clamp(1.5rem,3vw,2.5rem);}
.bnx-tl-item{position:relative;padding-top:1.7rem;}
.bnx-tl-item::before{content:"";position:absolute;top:5px;left:14px;right:calc(-1*clamp(1rem,2.5vw,2rem));height:1px;background:#ddd9d3;}
.bnx-tl-item:last-child::before{right:20%;}
.bnx-tl-item::after{content:"";position:absolute;top:0;left:0;width:11px;height:11px;border-radius:50%;background:#15151a;}
.bnx-tl-tag{display:inline-block;font-family:"IBM Plex Mono",monospace;font-size:10px;font-weight:500;letter-spacing:.752px;text-transform:uppercase;color:rgba(0,0,0,.56);background:#eceae6;padding:.28rem .6rem;border-radius:999px;margin-bottom:.7rem;}
.bnx-tl-tag.green{background:#cfe7db;}
.bnx-tl-item h3{font-size:1.02rem;margin:0 0 .4rem;}
.bnx-tl-item p{margin:0;font-size:.9rem;line-height:1.6;color:rgba(0,0,0,.64);}
@media (max-width:860px){ .bnx-tl{grid-template-columns:1fr;gap:1.5rem;} .bnx-tl-item{padding-top:0;padding-left:1.7rem;} .bnx-tl-item::before{top:14px;left:5px;right:auto;bottom:-1.5rem;width:1px;height:auto;} .bnx-tl-item:last-child::before{display:none;} }

/* horgony-chipek (hero alá) */
.bnx-chips{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1.6rem;}
.bnx-chip{display:inline-flex;align-items:center;height:38px;padding:0 1.1rem;border:1px solid #d8d6d1;border-radius:999px;font-family:"IBM Plex Mono",monospace;font-size:11px;font-weight:500;letter-spacing:.752px;text-transform:uppercase;color:rgba(0,0,0,.64);text-decoration:none;background:transparent;transition:border-color .18s ease,color .18s ease;}
.bnx-chip:hover{border-color:#15151a;color:#15151a;}

/* stat-sáv (kvalitatív számok) */
.bnx-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;text-align:center;padding:clamp(1.8rem,3.5vw,2.8rem) 0;border-top:1px solid #e4e2e0;border-bottom:1px solid #e4e2e0;}
.bnx-stat-n{font-size:clamp(2.4rem,5vw,3.8rem);line-height:1.05;letter-spacing:-.02em;}
.bnx-stat-l{margin-top:.6rem;font-family:"IBM Plex Mono",monospace;font-size:11px;font-weight:500;letter-spacing:.752px;text-transform:uppercase;color:rgba(0,0,0,.48);}
@media (max-width:860px){ .bnx-stats{grid-template-columns:1fr 1fr;gap:2rem 1rem;} }

/* eszköz-sáv (futó, halvány wordmark-ok) */
.bnx-toolband{overflow:hidden;position:relative;margin-top:1.5rem;}
.bnx-toolband::before,.bnx-toolband::after{content:"";position:absolute;top:0;bottom:0;width:clamp(3rem,8vw,8rem);z-index:2;pointer-events:none;}
.bnx-toolband::before{left:0;background:linear-gradient(90deg,#f5f4f1,rgba(245,244,241,0));}
.bnx-toolband::after{right:0;background:linear-gradient(270deg,#f5f4f1,rgba(245,244,241,0));}
.bnx-tooltrack{display:flex;gap:3.5rem;width:max-content;align-items:center;animation:bnx-tools 38s linear infinite;}
.bnx-tooltrack span{font-size:clamp(1.4rem,2.6vw,2rem);color:rgba(0,0,0,.30);white-space:nowrap;letter-spacing:-.02em;}
@keyframes bnx-tools{to{transform:translateX(-50%);}}
@media (prefers-reduced-motion:reduce){ .bnx-tooltrack{animation:none;} }

/* modul-lenyíló a projektkártyákon (sok link helyett egy gomb) */
.bnx-modlist{margin-top:auto;padding-top:.5rem;}
.bnx-modlist summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;height:38px;padding:0 1.1rem;border:1px solid #d5d3ce;border-radius:999px;font-size:13px;font-weight:500;transition:all .18s ease;}
.bnx-modlist summary::-webkit-details-marker{display:none;}
.bnx-modlist[open] summary{background:#15151a;color:#f5f4f1;border-color:#15151a;}
.bnx-modlist .bnx-proj-links{margin-top:.8rem;}

/* ============================================================
   BNX — gomb-hover a sablon mintájára: balról besliduló nyíl,
   ghost gomboknál szürke → kék (morning-blue accent) átmenet
   ============================================================ */
.bnx-cta::before{content:"\2192";display:inline-block;max-width:0;overflow:hidden;opacity:0;transform:translateX(-8px);transition:max-width .5s cubic-bezier(.22,.61,.36,1),opacity .35s ease,transform .5s cubic-bezier(.22,.61,.36,1),margin .5s cubic-bezier(.22,.61,.36,1);}
.bnx-cta:hover::before{max-width:1.1em;opacity:1;transform:none;margin-right:.4em;}

/* ============================================================
   Reszponzív fixek — 2026-07-02 mobil-audit
   ============================================================ */
/* index: a 3 oszlopos performance-grid 768-991 közt túlcsordult
   (a nowrap h0 "30-40 óra" min-content szélessége szétfeszíti) —
   a Webflow 767-es flex-wrap megoldása előrehozva erre a sávra */
@media (min-width: 768px) and (max-width: 991px) {
  .grid_performance.centered {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
}

/* index: a slider abszolút nyilai 768-991 közt a szekciócím sávjában ülnek — hely a címnek */
@media (min-width: 768px) and (max-width: 991px) {
  .section_cases-home-a .headline_cases-home-a { padding-right: 8.5rem; }
}

/* index: a kihívások szám-párja 480px alatt szűk (a "30–40 óra" kétsorosra törik) — egymás alá */
@media (max-width: 479px) {
  .combo_numbers { grid-template-columns: 1fr; }
}