/* ===== B2B chrome base — tokenek a landing style.css :root blokkjából ===== */

@font-face{
  font-family:'Outfit';
  src:url(/lp/assets/fonts/outfit-var.woff2?v=2) format('woff2');
  font-weight:100 900;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Inter';
  src:url(/lp/assets/fonts/inter-var.woff2?v=2) format('woff2');
  font-weight:100 900;font-style:normal;font-display:swap;
}

:root{
  color-scheme:only light;
  --teal:#0B7A7A; --teal-d:#005F60; --teal-dd:#00494B;
  --deep:#1A3840; --deep-2:#0F2831;
  --logo:#6ED4D4;
  /* Meleg akcens / elsődleges CTA — TERRAKOTTA (2026-08-12).
     A korábbi amber (#D4870A) fehér szöveggel csak 2,89:1-et adott → WCAG AA bukás. */
  --cta:#B4531F;        /* gomb háttér — fehérrel 5,00:1 ✓ */
  --cta-h:#A8481B;      /* hover — fehérrel 5,82:1 ✓ */
  --cta-ink:#8F3D16;    /* SZÖVEG világos háttéren — fehéren 7,38:1 ✓ */
  --cta-ring:#E08A56;   /* keret sötét szekcióban — a heró-n 5,05:1 ✓ */
  --cta-pale:#FBEDE6;   /* halvány kitöltés */
  --cta-pale-bd:#F0D3C4;/* halvány keret */
  --pale:#EAF6F6; --soft:#F4F8F8;
  --ink:#1A3840; --body:#3D4A52;
  --muted:#5C6B74;      /* volt #7A8A93 = 3,57:1 ✗ → 5,51:1 ✓ (WCAG AA) */
  --muted-2:#7A8A93;    /* a régi érték CSAK nem-szöveges célra: elválasztó, ikon, disabled */
  --hair:#DCE1E3; --line:#E8EEEF;
  --ok:#1F7A4A; --no:#B4453A;
  --r:14px; --r-lg:20px; --maxw:1240px;
  --sh:0 12px 38px rgba(16,42,52,.10);
  --sh-sm:0 3px 14px rgba(16,42,52,.07);
  --ease:cubic-bezier(.16,1,.3,1);
}

/* ===== B2B chrome (landing-származék) ===== */
*,*::before,*::after{box-sizing:border-box}
body.b2b{margin:0;font:400 16px/1.65 Inter,system-ui,sans-serif;color:var(--body);background:var(--soft)}
.b2b h1,.b2b h2,.b2b h3{font-family:Outfit,Inter,sans-serif;font-weight:700;color:var(--ink);line-height:1.15;margin:0 0 .5em}
.b2b a{color:var(--teal-d)}
.b2b-nav{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--hair)}
.b2b-nav__in{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;gap:28px;padding:0 20px;height:64px}
.b2b-nav__logo{font:700 22px Outfit,sans-serif;color:var(--deep);text-decoration:none}
.b2b-nav__logo strong{color:var(--teal)}
.b2b-nav__links{display:flex;gap:22px;margin-left:auto}
.b2b-nav__links a{text-decoration:none;color:var(--ink);font-weight:500}
.b2b-nav__links a[aria-current="page"]{color:var(--teal-d);border-bottom:2px solid var(--logo)}
.b2b-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:10px 20px;font:600 15px Inter,sans-serif;text-decoration:none;transition:background .18s var(--ease)}
.b2b-btn--cta{background:var(--cta);color:#fff}
.b2b-btn--cta:hover{background:var(--cta-h)}
.b2b-btn--ghost{border:1.5px solid var(--logo);color:var(--teal-d);background:#fff}
main#fo{max-width:var(--maxw);margin:0 auto;padding:28px 20px 64px}
.b2b-footer{background:var(--deep);color:#CFE0E4;margin-top:48px}
.b2b-footer__in{max-width:var(--maxw);margin:0 auto;padding:28px 20px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}
.b2b-footer a{color:#CFE0E4}
@media(max-width:760px){.b2b-nav__links{display:none}}