html,body{margin:0;padding:0;}*{box-sizing:border-box;}

    :root{
      --navy:#1C1F26; --ink:#1A1C21; --muted:#6B6F77;
      --line:#E6E7EA; --bg-soft:#F5F6F7; --gold:#F2400F; --amber:#FF8A24; --grad:linear-gradient(90deg,#FF8A24 0%,#FF1208 100%);
      --radius:6px; --radius-lg:10px;
    }
    *{box-sizing:border-box;}
    .m1{font-family:'Montserrat',sans-serif; color:var(--ink); background:#fff; width:100%; max-width:100%; overflow-x:clip; overflow-wrap:break-word; text-wrap:pretty;}
    .m1 a{text-decoration:none; color:inherit;}
    .m1 a:hover{color:var(--gold);}
    .m1 ::selection{background:rgba(242,64,15,.16);}
    .m1 [data-lucide]{display:inline-flex;}
    .m1 input,.m1 select,.m1 textarea{font-family:'Montserrat',sans-serif;}
    @keyframes m1Fade{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
    @keyframes m1Drift{0%{transform:translateY(0);}50%{transform:translateY(-13px);}100%{transform:translateY(0);}}
    .m1 [data-reveal]{opacity:0; transform:translateY(18px); transition:opacity .7s ease, transform .7s ease;}
    .m1 [data-reveal].in{opacity:1; transform:none;}
    .m1 [data-card]{transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease;}
    .m1 [data-card]:hover{border-color:#cfd2d8; transform:translateY(-3px); box-shadow:0 18px 36px -22px rgba(14,42,71,.45);}
    .m1 [data-chip]{transition:border-color .18s ease, color .18s ease;}
    .m1 [data-chip]:hover{border-color:var(--gold); color:var(--gold);}
    .m1 .r-burger{ display:none; }
    .m1 .r-mobnav{ display:none; }
    .m1 .r-hero{ grid-template-columns:1fr 430px; }
    .m1 .r-stats{ grid-template-columns:repeat(4,1fr); }
    .m1 .r-refs{ grid-template-columns:repeat(3,1fr); }
    .m1 .r-spec{ grid-template-columns:repeat(4,1fr); }
    .m1 .r-feat{ grid-template-columns:repeat(2,1fr); }
    .m1 .r-proc{ grid-template-columns:repeat(4,1fr); }
    .m1 .r-pair{ grid-template-columns:320px 1fr; }
    .m1 .r-foot{ grid-template-columns:1.5fr 1fr 1fr 1fr; }
    @media (max-width: 980px){
      .m1{ overflow-x:hidden !important; max-width:100vw !important; }
      .m1 *{ max-width:100% !important; min-width:0 !important; }
      .m1 img{ height:auto !important; }
      .m1 [style*="grid-template-columns"]{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
      .m1 .r-hero > div{ width:100% !important; }
      .m1 > section, .m1 > header, .m1 > footer{ padding-left:28px !important; padding-right:28px !important; }
      .m1 .r-util{ display:none !important; }
      .m1 .r-desknav{ display:none !important; }
      .m1 .r-burger{ display:inline-flex !important; }
      .m1 .r-logo{ width:230px !important; height:auto !important; }
      .m1 .r-mobnav.open{ display:flex !important; }
      .m1 .r-hero{ grid-template-columns:1fr !important; gap:36px !important; padding:52px 28px 56px !important; }
      .m1 .r-hero-h1{ font-size:36px !important; }
      .m1 .r-h2{ font-size:30px !important; }
      .m1 .r-glyph{ font-size:150px !important; right:-8px !important; }
      .m1 .r-drift{ display:none !important; }
      .m1 .r-stats{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
      .m1 .r-refs{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
      .m1 .r-spec{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
      .m1 .r-feat{ grid-template-columns:1fr !important; }
      .m1 .r-proc{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
      .m1 .r-pair{ grid-template-columns:1fr !important; gap:32px !important; }
      .m1 .r-foot{ grid-template-columns:repeat(2,1fr) !important; gap:32px !important; }
    }
    @media (max-width: 560px){
      .m1 [style*="grid-template-columns"]{ grid-template-columns:1fr !important; }
      .m1 [style*="430px"]{ width:100% !important; }
      .m1 > section, .m1 > header, .m1 > footer{ padding-left:18px !important; padding-right:18px !important; }
      .m1 .r-logo{ width:178px !important; }
      .m1 .r-navcta{ display:none !important; }
      .m1 .r-hero{ padding:36px 18px 44px !important; }
      .m1 .r-hero-h1{ font-size:29px !important; }
      .m1 .r-h2{ font-size:25px !important; }
      .m1 .r-glyph{ font-size:112px !important; }
      .m1 .r-refs{ grid-template-columns:1fr !important; }
      .m1 .r-spec{ grid-template-columns:1fr !important; }
      .m1 .r-proc{ grid-template-columns:1fr !important; }
      .m1 .r-foot{ grid-template-columns:1fr !important; }
      .m1 .r-footrow{ flex-direction:column !important; gap:10px !important; align-items:flex-start !important; }
    }



  .m1 .r-lang__menu{ position:absolute; top:100%; right:0; min-width:100%; background:#fff; border:1px solid var(--line); border-radius:0 !important; box-shadow:0 8px 20px -10px rgba(14,42,71,.35); padding:0; margin:0; z-index:200; overflow:hidden; }
  .m1 .r-lang__menu a{ display:flex; align-items:center; justify-content:center; height:36px; padding:0 14px; font-size:13px; font-weight:700; letter-spacing:.6px; line-height:1; color:var(--ink); text-align:center; white-space:nowrap; border-radius:0 !important; }
  .m1 .r-lang__menu a:hover{ background:var(--bg-soft); color:var(--gold); }

  /* A nyitolap (home-static) fejlec- es lablec-stilusai — a legordulo
     menuk, a nyelvvalto es a lablec racs ezekre epul. */
  @media (max-width: 980px){
    .m1 .r-util{display:none !important;}
    .m1 .r-desknav{display:none !important;}
    .m1 .r-burger{display:inline-flex !important;}
    .m1 .r-mobnav.open{display:flex !important;}
    .m1 .r-foot{grid-template-columns:repeat(2,1fr) !important; gap:32px !important;}
  }
  @media (max-width: 560px){
    .m1 .r-stats, .m1 .r-rev, .m1 .r-teamgrid, .m1 .r-foot{grid-template-columns:1fr !important;}
    .m1 .r-navcta{display:none !important;}
    .m1 .r-footrow{flex-direction:column !important; gap:10px !important; align-items:flex-start !important;}
  }
  .m1 .r-burger{display:none;}
  .m1 .r-mobnav{display:none;}
  .m1 .r-foot{grid-template-columns:1.5fr 1fr 1fr 1fr;}
  .m1 .r-hasdrop{position:relative;}
  .m1 .r-hasdrop > a{display:inline-flex; align-items:center; gap:5px; cursor:pointer;}
  .m1 .r-drop{position:absolute; top:100%; left:50%; transform:translateX(-50%) translateY(6px); padding-top:16px; opacity:0; visibility:hidden; transition:opacity .16s ease, transform .16s ease; z-index:70;}
  .m1 .r-hasdrop:hover .r-drop{opacity:1; visibility:visible; transform:translateX(-50%) translateY(0);}
  .m1 .r-dropinner{min-width:238px; background:#fff; border:1px solid var(--line); border-radius:12px; box-shadow:0 24px 54px -26px rgba(14,42,71,.4); padding:8px;}
  .m1 .r-drop a{display:block; padding:9px 14px; font-size:13.5px; font-weight:500; color:var(--ink); border-radius:7px; white-space:nowrap;}
  .m1 .r-drop a:hover{background:var(--bg-soft); color:var(--gold);}
  .m1 .r-hasdrop:hover > a .r-caret{transform:rotate(180deg);}
  .m1 .r-caret{transition:transform .16s ease;}
  .m1 .r-mobgroup{font-size:12px; font-weight:700; letter-spacing:.5px; text-transform:uppercase; color:var(--muted); padding:16px 2px 4px;}
  .m1 .r-mobsub{padding:10px 2px 10px 14px; font-size:14.5px; font-weight:500; color:var(--ink); border-bottom:1px solid var(--line);}
  /* language switcher (HU -> EN) */
    .m1 .r-lang{position:relative; flex:0 0 auto;}
  .m1 .r-lang > summary{list-style:none; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; gap:6px; white-space:nowrap; font-size:13px; font-weight:700; letter-spacing:.6px; line-height:1; color:var(--muted); padding:8px 4px; -webkit-tap-highlight-color:transparent; user-select:none;}
  .m1 .r-lang > summary::-webkit-details-marker{display:none;}
  .m1 .r-lang > summary::after{content:''; flex:none; width:6px; height:6px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:translateY(-2px) rotate(45deg); transition:transform .15s ease;}
  .m1 .r-lang[open] > summary::after{transform:translateY(1px) rotate(225deg);}
  @media (min-width:981px){
    .m1 .r-desknav a{white-space:nowrap;}
  }
  @media (min-width:981px) and (max-width:1360px){
    .m1 .r-desknav{gap:15px !important;}
  }
  @media (min-width:981px) and (max-width:1120px){
    .m1 .r-desknav{gap:11px !important;}
    .m1 .r-navcta{padding:10px 14px !important;}
  }


  /* btt-logo: pontosan a nyitolap (home-static) merettabelaja */
  @media (min-width:981px) and (max-width:1360px){
    .m1 .r-logo{ width:248px !important; height:auto !important; }
  }
  @media (max-width: 980px){ .m1 .r-logo{ width:304px !important; height:auto !important; } }
  @media (max-width: 560px){ .m1 .r-logo{ width:235px !important; height:auto !important; } }
  /* btt-horgony: az #ajanlatkeres a hero jobb oszlopaban van. Horgony-ugrasnal
     enelkul a hero felso paddingja es a morzsamenu kigordul a kepernyorol. */
  /* Asztali nezetben az urlap a hero jobb oszlopaban, a lap tetejen ul.
     A nagy ertek miatt a bongeszo a dokumentum tetejere korlatozza az ugrast,
     igy a fejlec es a morzsamenu is a helyen marad — nem log be felbevagva. */
  .m1 #ajanlatkeres{ scroll-margin-top:280px; }
  @media (max-width: 980px){ .m1 #ajanlatkeres{ scroll-margin-top:20px; } }
  html{ scroll-behavior:smooth; }
  @media (prefers-reduced-motion: reduce){ html{ scroll-behavior:auto; } }
    .m1 .file-uploader{ border:2px dashed var(--line); border-radius:var(--radius); background:var(--bg-soft); transition:border-color .2s, background .2s; cursor:pointer; position:relative; }
    .m1 .file-uploader:hover, .m1 .file-uploader.drag-over{ border-color:var(--gold); background:rgba(242,64,15,.04); }
    .m1 .file-uploader__input{ position:absolute; inset:0; opacity:0; cursor:pointer; width:100%; height:100%; z-index:2; }
    .m1 .file-uploader__zone{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; padding:16px; pointer-events:none; text-align:center; }
    .m1 .file-uploader__icon{ width:24px; height:24px; color:var(--muted); }
    .m1 .file-uploader__label{ font-size:13px; font-weight:600; color:var(--ink); }
    .m1 .file-uploader__label span{ color:var(--gold); text-decoration:underline; }
    .m1 .file-uploader__hint{ font-size:11px; color:var(--muted); line-height:1.4; }
    .m1 .file-list{ margin-top:10px; display:flex; flex-direction:column; gap:6px; }
    .m1 .file-item{ display:flex; align-items:center; gap:10px; padding:8px 12px; background:#fff; border:1px solid var(--line); border-radius:var(--radius); font-size:13px; }
    .m1 .file-item__icon{ width:16px; height:16px; color:var(--gold); flex:none; }
    .m1 .file-item__name{ flex:1; color:var(--ink); font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .m1 .file-item__size{ color:var(--muted); font-size:12px; flex:none; }
    .m1 .file-item__remove{ background:none; border:none; cursor:pointer; color:var(--muted); padding:2px; display:flex; align-items:center; border-radius:4px; transition:color .15s, background .15s; flex:none; }
    .m1 .file-item__remove:hover{ color:#dc2626; background:#fee2e2; }
    .m1 .file-item__remove [data-lucide]{ width:14px; height:14px; }
    .m1 .file-item--error{ border-color:#fca5a5; background:#fff5f5; }
    .m1 .file-item--error .file-item__name{ color:#dc2626; }
    .m1 .msel{ position:relative; }
    .m1 .msel__btn{ width:100%; height:44px; padding:0 38px 0 12px; text-align:left; border:1px solid var(--line); border-radius:var(--radius); font-size:14px; font-family:'Montserrat',sans-serif; color:var(--ink); background:var(--bg-soft); cursor:pointer; position:relative; }
    .m1 .msel__btn::after{ content:''; position:absolute; right:15px; top:50%; width:8px; height:8px; border-right:2px solid var(--muted); border-bottom:2px solid var(--muted); transform:translateY(-70%) rotate(45deg); transition:transform .15s ease; }
    .m1 .msel.open .msel__btn::after{ transform:translateY(-30%) rotate(225deg); }
    .m1 .msel__list{ position:absolute; z-index:45; left:0; right:0; top:calc(100% + 4px); max-height:236px; overflow-y:auto; background:#fff; border:1px solid var(--line); border-radius:var(--radius); box-shadow:0 16px 40px -18px rgba(14,42,71,.4); padding:4px; margin:0; list-style:none; display:none; }
    .m1 .msel.open .msel__list{ display:block; }
    .m1 .msel__list li{ padding:9px 12px; font-size:14px; font-family:'Montserrat',sans-serif; color:var(--ink); border-radius:4px; cursor:pointer; }
    .m1 .msel__list li:hover{ background:var(--bg-soft); color:var(--gold); }

  /* --- mobil finomhangolas --- */
  /* btt-tapintas: WCAG 2.5.5 — minden interaktiv elem legalabb 44px magas */
  @media (max-width: 980px){
    .m1 [data-field], .m1 select, .m1 input:not([type=file]), .m1 button[type=submit]{ min-height:46px !important; }
    .m1 textarea[data-field]{ min-height:96px !important; }
    .m1 .r-burger{ width:44px !important; height:44px !important; }
    /* labléc-linkek: 14px szoveg + 2x13px = 44px */
    .m1 footer a{ padding:13px 0 !important; display:inline-block; }
    .m1 footer div[style*="gap:11px"]{ gap:0 !important; }
    /* nyelvi chipek */
    .m1 [data-chip], .m1 section span[style*="border-radius:100px"]{
      padding-top:13px !important; padding-bottom:13px !important; display:inline-block;
    }
    /* morzsamenu es szoveges linkek a torzsben */
    .m1 section a:not([style*="background"]):not([data-chip]):not([style*="padding:1"]){
      padding-top:9px !important; padding-bottom:9px !important; display:inline-block;
    }
  }
  /* iOS: 16px alatt automatikus nagyitas fokuszkor */
  .m1 input, .m1 select, .m1 textarea{ font-size:16px; }
  @media (min-width: 981px){ .m1 input, .m1 select, .m1 textarea{ font-size:14px; } }
  .m1 a:focus-visible, .m1 button:focus-visible, .m1 [data-field]:focus-visible{
    outline:2px solid var(--gold); outline-offset:2px;
  }
  @media (prefers-reduced-motion: reduce){
    .m1 [data-reveal]{ opacity:1 !important; transform:none !important; transition:none !important; }
    .m1 .r-drift{ display:none !important; }
  }