:root{
    --bg:#F2EEE4;
    --bg-alt:#FBF9F4;
    --card:#FFFFFF;
    --ink:#1D1A15;
    --text-dim:#7A7365;
    --orange:#E8622C;
    --orange-deep:#C64F20;
    --orange-tint:#FCE7DB;
    --teal:#2FA88A;
    --teal-tint:#DCF1EA;
    --blue:#4A7FE0;
    --blue-tint:#E2E9FB;
    --amber:#E8A93B;
    --line:#E6E0D2;
    --line-strong:#D8D0BC;
    --radius:16px;
    --sans:"Montserrat", -apple-system, sans-serif;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  @media (prefers-reduced-motion: reduce){
    html{scroll-behavior:auto;}
    *{animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important;}
  }
  body{
    background:var(--bg);
    color:var(--ink);
    font-family:var(--sans);
    line-height:1.55;
    -webkit-font-smoothing:antialiased;
  }
  img,svg{display:block; max-width:100%;}
  a{color:inherit;}
  .wrap{max-width:1160px; margin:0 auto; padding:0 24px;}
  ::selection{background:var(--orange); color:#fff;}
  section{scroll-margin-top:80px;}

  /* ---------- Typography helpers ---------- */
  .eyebrow{
    font-family:var(--sans);
    font-weight:700;
    font-size:12.5px;
    letter-spacing:0.12em;
    text-transform:uppercase;
    color:var(--orange);
    display:flex; align-items:center; gap:10px;
  }
  .eyebrow.on-dark{color:var(--amber);}
  h1,h2,h3{font-family:var(--sans); font-weight:800; line-height:1.08; letter-spacing:-0.01em; color:var(--ink);}
  h2{font-size:clamp(28px,4vw,40px); margin-bottom:14px;}
  h3{font-size:19px; font-weight:700;text-align:center}
  .lede{color:var(--text-dim); font-size:clamp(16px,1.6vw,17.5px); max-width:52ch;}

  /* ---------- Buttons ---------- */
  .btn{
    display:inline-flex; align-items:center; gap:8px;
    font-family:var(--sans); font-weight:700; font-size:15px;
    padding:13px 26px; border-radius:10px; border:1.5px solid transparent;
    cursor:pointer; text-decoration:none; transition:transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease;
    white-space:nowrap;
  }
  .btn:active{transform:scale(0.97);}
  .btn-primary{background:var(--orange); color:#fff; box-shadow:0 10px 24px -10px rgba(232,98,44,0.55);margin: 10px 0;}
  .btn-primary:hover{background:var(--orange-deep);}margin: 10px 0;
  .btn-ghost:hover{border-color:var(--orange); color:var(--orange-deep);}
  .btn-dark{background:var(--ink); color:#fff;}
  .btn-dark:hover{background:#000;}
  .btn:focus-visible, a:focus-visible, button:focus-visible, summary:focus-visible{
    outline:2px solid var(--orange); outline-offset:3px;
  }

  /* ---------- Nav ---------- */
  header{
    position:sticky; top:0; z-index:50;
    background:rgba(242,238,228,0.86); backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line);
  }
  nav{display:flex; align-items:center; justify-content:space-between; padding:14px 24px; gap:20px;}
  .logo{font-family:var(--sans); font-weight:800; font-size:21px; letter-spacing:-0.01em; display:flex; align-items:center; gap:2px; color:var(--ink); flex-shrink:0;}
  .logo span{color:var(--orange);}

  .nav-links{
    display:flex; align-items:center; gap:2px; font-size:14px; font-weight:600;
    background:var(--card); border:1.5px solid var(--line); border-radius:999px;
    padding:5px; box-shadow:0 1px 2px rgba(29,26,21,0.04);margin:10px 0;
  }
  .nav-links a{
    padding:8px 16px; border-radius:999px; color:var(--text-dim);
    transition:background .15s ease, color .15s ease;
    white-space:nowrap;
  }
  .nav-links a:hover{color:var(--ink); background:var(--bg-alt);}
  .nav-links a.active{color:var(--orange-deep); background:var(--orange-tint);}

  .nav-cta{display:flex; align-items:center; gap:12px; flex-shrink:0;}

  .burger{
    display:none; width:38px; height:38px; border-radius:10px;
    background:var(--card); border:1.5px solid var(--line);
    align-items:center; justify-content:center; cursor:pointer; flex-shrink:0;
    position:relative;
  }
  .burger span, .burger span::before, .burger span::after{
    content:""; position:absolute; width:16px; height:2px; background:var(--ink);
    border-radius:2px; transition:transform .2s ease, opacity .2s ease, top .2s ease;
  }
  .burger span{top:50%; transform:translateY(-50%);}
  .burger span::before{top:-5px;}
  .burger span::after{top:5px;}
  .burger.open span{background:transparent;}
  .burger.open span::before{top:0; transform:rotate(45deg);}
  .burger.open span::after{top:0; transform:rotate(-45deg);}

  .mobile-panel{
    display:none; position:absolute; top:calc(100% + 8px); left:16px; right:16px;
    background:var(--card); border:1.5px solid var(--line); border-radius:16px;
    box-shadow:0 20px 40px -16px rgba(29,26,21,0.28);
    padding:10px; flex-direction:column; gap:2px; z-index:60;
  }
  .mobile-panel.open{display:flex;}
  .mobile-panel a{padding:12px 14px; border-radius:10px; font-weight:600; font-size:15px; color:var(--ink);}
  .mobile-panel a:hover{background:var(--bg-alt);}
  .mobile-panel .btn{margin-top:6px; justify-content:center;}

  @media (max-width:820px){
    .nav-links{display:none;}
    .burger{display:flex;}
    .nav-cta .btn-ghost{display:none;}
  }

  /* ---------- Hero ---------- */
  .hero{padding:80px 0 90px; position:relative; overflow:hidden;}
  .hero::before{
    content:""; position:absolute; inset:0; pointer-events:none;
    background:
      radial-gradient(600px 320px at 88% 0%, rgba(232,98,44,0.10), transparent 60%),
      radial-gradient(500px 300px at 0% 100%, rgba(47,168,138,0.10), transparent 60%);
  }
  .hero-grid{display:grid; grid-template-columns:1.05fr 0.95fr; gap:56px; align-items:center; position:relative;}
  @media (max-width:900px){.hero-grid{grid-template-columns:1fr; gap:48px;}}
  .hero h1{font-size:clamp(34px,5.2vw,54px); margin:18px 0 20px;}
  .hero h1 span.hl{color:var(--orange);}
  .hero-actions{display:flex; gap:14px; margin-top:30px; flex-wrap:wrap;}
  .trust-row{display:flex; gap:28px; margin-top:44px; flex-wrap:wrap;}
  .trust-item{font-size:13px; color:var(--text-dim); font-weight:500;}
  .trust-item b{display:block; font-family:var(--sans); font-size:24px; color:var(--ink); font-weight:800;}

  /* ---------- Hero dashboard preview (signature element) ---------- */
  .dash-stage{display:flex; justify-content:center;}
  .dash-card{
    width:100%; max-width:380px; background:var(--card); border-radius:20px;
    border:1px solid var(--line); box-shadow:0 30px 60px -24px rgba(29,26,21,0.25);
    padding:22px 22px 24px;
  }
  .dash-top{display:flex; align-items:center; justify-content:space-between; margin-bottom:16px;}
  .dash-logo{font-weight:800; font-size:16px;}
  .dash-logo span{color:var(--orange);}
  .dash-clock{font-size:12px; color:var(--text-dim); font-variant-numeric:tabular-nums;}
  .dash-greet{font-size:18px; font-weight:800;}
  .dash-date{font-size:12.5px; color:var(--text-dim); margin-top:2px; margin-bottom:16px;}
  .dash-grid{display:grid; grid-template-columns:1fr 1fr; gap:10px;}
  .dash-kpi{
    border-radius:12px; border:1.5px solid var(--line); background:var(--bg-alt);
    padding:12px 13px; display:flex; flex-direction:column; gap:4px;
  }
  .dash-kpi.kpi-orange{border-color:var(--orange); background:var(--orange-tint);}
  .dash-kpi.kpi-teal{border-color:var(--teal); background:var(--teal-tint);}
  .dash-kpi.kpi-blue{border-color:var(--blue); background:var(--blue-tint);}
  .kpi-label{font-size:10.5px; font-weight:700; color:var(--text-dim); text-transform:uppercase; letter-spacing:.03em;}
  .kpi-value{font-size:19px; font-weight:800; color:var(--ink); font-variant-numeric:tabular-nums;}
  .kpi-sub{font-size:10px; color:var(--text-dim);}
  .dash-chart{margin-top:16px; padding-top:14px; border-top:1px dashed var(--line-strong);}
  .dash-chart-label{font-size:11px; font-weight:700; color:var(--text-dim); text-transform:uppercase; letter-spacing:.03em; display:block; margin-bottom:10px;}
  .dash-bars{display:flex; align-items:flex-end; gap:6px; height:56px;}
  .dash-bars .bar{flex:1; background:var(--orange); border-radius:4px 4px 0 0; height:4%; transition:height 1.1s cubic-bezier(.2,.8,.2,1);}
  .dash-bars .bar:nth-child(2n){background:var(--teal);}
  .dash-bars .bar:nth-child(3n){background:var(--blue);}

  /* ---------- Problem strip ---------- */
  .problem{background:var(--bg-alt); padding:80px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
  .problem-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:40px;}
  @media (max-width:820px){.problem-grid{grid-template-columns:1fr;}}
  .problem-card{padding:26px; border:1.5px solid var(--line); border-radius:var(--radius); background:var(--card);}
  .problem-card .mark{
    width:34px; height:34px; border-radius:10px; display:flex; align-items:center; justify-content:center;
    font-weight:800; font-size:13px; color:#fff; margin-bottom:16px;
  }
  .problem-card:nth-child(1) .mark{background:var(--orange);}
  .problem-card:nth-child(2) .mark{background:var(--teal);}
  .problem-card:nth-child(3) .mark{background:var(--blue);}
  .problem-card p{color:var(--text-dim); font-size:14.5px; margin-top:8px;}

  /* ---------- Features ---------- */
  .features{padding:96px 0;}
  .features-head{max-width:640px;}
  .feature-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:48px;}
  @media (max-width:900px){.feature-grid{grid-template-columns:repeat(2,1fr);}}
  @media (max-width:600px){.feature-grid{grid-template-columns:1fr;}}
  .feature-cell{
    background:var(--card); border:1.5px solid var(--line); border-radius:var(--radius);
    padding:26px 24px; min-height:180px; display:flex; flex-direction:column; gap:12px;
    transition:border-color .15s, transform .15s;
  }
  .feature-cell:hover{transform:translateY(-3px);}
  .feature-cell:nth-child(3n+1){border-top:3px solid var(--orange);}
  .feature-cell:nth-child(3n+2){border-top:3px solid var(--teal);}
  .feature-cell:nth-child(3n+3){border-top:3px solid var(--blue);}
  .feature-cell .ficon{width:40px; height:40px; border-radius:11px; background:var(--bg-alt); display:flex; align-items:center; justify-content:center; font-size:19px;}
  .feature-cell p{color:var(--text-dim); font-size:14.5px;}

  /* ---------- Business intelligence ---------- */
  .bi{padding:96px 0; background:var(--ink);}
  .bi .eyebrow{color:var(--amber);}
  .bi h2{color:#fff;}
  .bi .lede{color:rgba(255,255,255,0.68); max-width:60ch;}
  .bi-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-top:44px;}
  @media (max-width:820px){.bi-grid{grid-template-columns:1fr;}}
  .bi-card{
    background:rgba(255,255,255,0.04); border:1.5px solid rgba(255,255,255,0.12); border-radius:var(--radius);
    padding:28px 26px;
  }
  .bi-card h3{color:#fff; margin-bottom:10px;}
  .bi-card p{color:rgba(255,255,255,0.66); font-size:14.5px;}
  .bi-card p b{color:var(--amber); font-weight:700;}
  .bi-icon{width:42px; height:42px; border-radius:11px; background:rgba(232,98,44,0.18); color:var(--orange); display:flex; align-items:center; justify-content:center; font-size:20px; margin-bottom:16px;}

  /* ---------- How it works ---------- */
  .how{padding:96px 0; background:var(--bg-alt); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
  .how-steps{display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin-top:56px; position:relative;}
  @media (max-width:820px){.how-steps{grid-template-columns:1fr; gap:36px;}}
  .how-steps::before{
    content:""; position:absolute; top:22px; left:8%; right:8%; height:1px;
    background-image:linear-gradient(to right, var(--line-strong) 60%, transparent 0%);
    background-size:14px 1px; background-repeat:repeat-x;
  }
  @media (max-width:820px){.how-steps::before{display:none;}}
  .how-step{padding:0 20px; position:relative;}
  .how-step .num{
    font-family:var(--sans); font-size:14px; color:#fff;
    width:44px; height:44px; border-radius:50%;
    display:flex; align-items:center; justify-content:center; font-weight:800; margin-bottom:20px; position:relative; z-index:2;
  }
  .how-step:nth-child(1) .num{background:var(--orange);}
  .how-step:nth-child(2) .num{background:var(--teal);}
  .how-step:nth-child(3) .num{background:var(--blue);}
  .how-step h3{margin-bottom:8px;}
  .how-step p{color:var(--text-dim); font-size:14.5px;}

  /* ---------- Pricing ---------- */
  .pricing{padding:96px 0;}
  .pricing-head{display:flex; flex-direction:column; align-items:center; text-align:center; gap:14px;}
  .toggle-row{display:flex; align-items:center; gap:14px; margin-top:28px; font-size:13.5px; font-weight:600;}
  .toggle{
    position:relative; width:54px; height:28px; border-radius:999px; background:var(--bg-alt);
    border:1.5px solid var(--line-strong); cursor:pointer; flex-shrink:0;
  }
  .toggle::after{
    content:""; position:absolute; top:2px; left:2px; width:22px; height:22px; border-radius:50%;
    background:var(--orange); transition:transform .2s ease;
  }
  .toggle.on::after{transform:translateX(26px);}
  .save-badge{background:var(--teal-tint); color:var(--teal); padding:3px 10px; border-radius:999px; font-size:11.5px; font-weight:700;}

  .price-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:48px; align-items:stretch;}
  @media (max-width:900px){.price-grid{grid-template-columns:1fr; max-width:420px; margin-left:auto; margin-right:auto;}}
  .price-card{
    background:var(--card); border:1.5px solid var(--line); border-radius:var(--radius);
    padding:32px 28px; display:flex; flex-direction:column; position:relative;
  }
  .price-card.featured{
    border:2px solid var(--orange); background:var(--orange-tint);
    transform:translateY(-10px);
    box-shadow:0 24px 50px -22px rgba(232,98,44,0.35);
  }
  .badge-pop{
    position:absolute; top:-13px; left:50%; transform:translateX(-50%);
    background:var(--orange); color:#fff; font-size:11px; font-weight:700;
    letter-spacing:.04em; padding:5px 14px; border-radius:999px; text-transform:uppercase;
  }
  .plan-name{font-size:21px; font-weight:800;}
  .plan-desc{color:var(--text-dim); font-size:13.5px; margin-top:6px; min-height:36px;}
  .plan-price{margin:22px 0 6px; display:flex; align-items:baseline; gap:6px;}
  .plan-price .amount{font-size:38px; font-weight:800;}
  .price-unit{font-size:12.5px; color:var(--text-dim); font-weight:600;}
  .plan-list{list-style:none; margin:26px 0 30px; display:flex; flex-direction:column; gap:11px; font-size:14px;}
  .plan-list li{display:flex; gap:10px; align-items:flex-start;}
  .plan-list li::before{content:"✓"; color:var(--teal); font-weight:800; flex-shrink:0;}
  .price-card.featured .plan-list li::before{color:var(--orange-deep);}
  .price-card .btn{margin-top:auto; justify-content:center;}
  .price-note{text-align:center; color:var(--text-dim); font-size:13px; margin-top:36px;}

  /* ---------- FAQ ---------- */
  .faq{padding:96px 0; background:var(--bg-alt); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
  .faq-list{max-width:760px; margin:44px auto 0; display:flex; flex-direction:column; gap:12px;}
  details{background:var(--card); border:1.5px solid var(--line); border-radius:12px; padding:6px 22px;}
  summary{
    cursor:pointer; list-style:none; padding:16px 0; font-weight:700; font-size:15.5px;
    display:flex; justify-content:space-between; align-items:center; gap:16px;
  }
  summary::-webkit-details-marker{display:none;}
  summary::after{content:"+"; font-size:20px; font-weight:700; color:var(--orange); transition:transform .2s;}
  details[open] summary::after{transform:rotate(45deg);}
  details p{color:var(--text-dim); font-size:14.5px; padding-bottom:18px; max-width:60ch;}

  /* ---------- Support / bizalom ---------- */
  .support{padding:90px 0;}
  .support-inner{
    background:var(--card); border:1.5px solid var(--line); border-radius:24px;
    padding:52px 48px; display:grid; grid-template-columns:1.1fr 0.9fr; gap:48px; align-items:center;
  }
  @media (max-width:900px){.support-inner{grid-template-columns:1fr; padding:36px 28px;}}
  .support h2{font-size:clamp(26px,3.4vw,34px);}
  .support-points{display:flex; flex-direction:column; gap:18px; margin-top:28px;}
  .support-point{display:flex; gap:14px; align-items:flex-start;}
  .support-point .sp-icon{
    width:38px; height:38px; border-radius:11px; background:var(--orange-tint); color:var(--orange-deep);
    display:flex; align-items:center; justify-content:center; font-size:17px; flex-shrink:0;
  }
  .support-point:nth-child(2) .sp-icon{background:var(--teal-tint); color:#1c6c56;}
  .support-point:nth-child(3) .sp-icon{background:var(--blue-tint); color:#2f57ad;}
  .support-point b{display:block; font-size:15px; margin-bottom:2px;}
  .support-point span{font-size:13.5px; color:var(--text-dim);}
  .support-card{
    background:var(--bg-alt); border:1.5px solid var(--line); border-radius:16px; padding:30px 26px;
    text-align:center;
  }
  .support-card .sc-avatar{
    width:56px; height:56px; border-radius:50%; background:var(--ink); color:#fff;
    display:flex; align-items:center; justify-content:center; font-weight:800; font-size:18px;
    margin:0 auto 14px;
  }
  .support-card .sc-name{font-weight:800; font-size:16px;}
  .support-card .sc-role{font-size:12.5px; color:var(--text-dim); margin-bottom:18px;}
  .support-card .sc-contact{display:flex; flex-direction:column; gap:8px; margin-bottom:20px;}
  .support-card .sc-contact a{
    font-size:14.5px; font-weight:700; color:var(--ink); background:var(--card);
    border:1.5px solid var(--line); border-radius:10px; padding:10px 14px; display:block;
  }
  .support-card .sc-contact a:hover{border-color:var(--orange);}

  /* ---------- Final CTA ---------- */
  .final-cta{padding:100px 0; text-align:center; background:var(--ink); color:#fff;}
  .final-cta h2{color:#fff;}
  .final-cta .lede{color:rgba(255,255,255,0.72); margin:0 auto;}
  .final-cta .hero-actions{justify-content:center;}
  .final-cta .btn-ghost{border-color:rgba(255,255,255,0.35); color:#fff; background:transparent;}
  .final-cta .btn-ghost:hover{border-color:#fff; color:var(--amber);}

  /* ---------- Footer ---------- */
  footer{padding:50px 0 34px; font-size:13.5px; color:var(--text-dim);}
  .footer-grid{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:20px; border-top:1px solid var(--line); padding-top:28px;}
  .footer-links{display:flex; gap:22px; flex-wrap:wrap;}
  .footer-links a:hover{color:var(--orange);}
  
  /* kapcsolat */
    :root{
    --bg:#F2EEE4; --bg-alt:#FBF9F4; --card:#FFFFFF; --ink:#1D1A15; --text-dim:#7A7365;
    --orange:#E8622C; --orange-deep:#C64F20; --orange-tint:#FCE7DB;
    --teal:#2FA88A; --teal-tint:#DCF1EA; --blue:#4A7FE0; --blue-tint:#E2E9FB; --amber:#E8A93B;
    --line:#E6E0D2; --line-strong:#D8D0BC; --radius:16px; --sans:"Montserrat", -apple-system, sans-serif;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  body{background:var(--bg); color:var(--ink); font-family:var(--sans); line-height:1.55; -webkit-font-smoothing:antialiased;}
  a{color:inherit; text-decoration:none;}
  .wrap{max-width:1160px; margin:0 auto;}
  ::selection{background:var(--orange); color:#fff;}



  .eyebrow{font-weight:700; font-size:12.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--orange);}
  h1{font-weight:800; font-size:clamp(30px,4.4vw,44px); letter-spacing:-0.01em; margin:14px 0 14px;}
  .lede{color:var(--text-dim); font-size:16.5px; max-width:56ch;}

  .hero{padding:64px 0 8px; text-align:center;}
  .hero .lede{margin:0 auto;}

  main{padding:0px 0 96px;}
  .layout{display:grid; grid-template-columns:1.15fr 0.85fr; gap:28px; align-items:start;}
  @media (max-width:880px){.layout{grid-template-columns:1fr;}}

/* blog */
  .blog-hero{padding:70px 0 40px; text-align:center; position:relative; overflow:hidden;}
  .blog-hero::before{content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(600px 320px at 88% 0%, rgba(232,98,44,.10), transparent 60%), radial-gradient(500px 300px at 0% 100%, rgba(47,168,138,.10), transparent 60%);}
  .blog-hero .eyebrow{justify-content:center;}
  .blog-hero h1{font-size:clamp(32px,5vw,48px); margin:16px auto 14px; max-width:16ch;}
  .blog-hero .lede{margin:0 auto;}

  .cat-row{display:flex; gap:8px; flex-wrap:wrap; justify-content:center; margin:32px 0 8px;}
  .cat-chip{padding:9px 18px; border-radius:999px; border:1.5px solid var(--line); background:var(--card); font-size:13.5px; font-weight:600; color:var(--text-dim); transition:border-color .15s, color .15s, background .15s;}
  .cat-chip:hover{border-color:var(--orange); color:var(--orange-deep);}
  .cat-chip.active{background:var(--ink); border-color:var(--ink); color:#fff;}

  .blog{padding:56px 0 96px;}
  .blog-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:20px;}
  @media (max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr);}}
  @media (max-width:640px){.blog-grid{grid-template-columns:1fr;}}
  .blog-card{background:var(--card); border:1.5px solid var(--line); border-radius:var(--radius); overflow:hidden; display:flex; flex-direction:column; text-decoration:none; transition:transform .15s, box-shadow .15s;}
  .blog-card:hover{transform:translateY(-4px); box-shadow:0 20px 40px -22px rgba(29,26,21,.25);}
  .blog-card .thumb{height:150px; display:flex; align-items:center; justify-content:center; font-size:48px; overflow:hidden;}
  .blog-card .thumb img{width:100%; height:100%; object-fit:cover;}
  .blog-card .thumb.c-orange{background:var(--orange-tint);}
  .blog-card .thumb.c-teal{background:var(--teal-tint);}
  .blog-card .thumb.c-blue{background:var(--blue-tint);}
  .blog-card .body{padding:22px 22px 24px; display:flex; flex-direction:column; gap:10px; flex:1;}
  .blog-card .tag{align-self:flex-start; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; padding:4px 10px; border-radius:999px;}
  .blog-card .tag.c-orange{background:var(--orange-tint); color:var(--orange-deep);}
  .blog-card .tag.c-teal{background:var(--teal-tint); color:#1c6c56;}
  .blog-card .tag.c-blue{background:var(--blue-tint); color:#2f57ad;}
  .blog-card h3{font-size:18px; line-height:1.3; text-align:left;}
  .blog-card p{color:var(--text-dim); font-size:14px; flex:1;}
  .blog-card .meta{display:flex; align-items:center; gap:10px; font-size:12.5px; color:var(--text-dim); margin-top:auto; padding-top:8px; border-top:1px dashed var(--line-strong);}
  .blog-card .meta .dot{width:3px; height:3px; border-radius:50%; background:var(--text-dim); flex-shrink:0;}
  
    .article-hero{padding:52px 0 40px;}
  .breadcrumb{display:flex; gap:8px; align-items:center; font-size:13px; color:var(--text-dim); margin-bottom:24px; flex-wrap:wrap;}
  .breadcrumb a:hover{color:var(--orange-deep);}
  .article-hero h1{font-size:clamp(28px,4.4vw,42px); max-width:24ch; margin:16px 0 20px;}
  .article-meta{display:flex; align-items:center; gap:14px; font-size:13.5px; color:var(--text-dim); flex-wrap:wrap;}
  .article-meta .dot{width:3px; height:3px; border-radius:50%; background:var(--text-dim);}
  .article-thumb{margin-top:32px; height:420px; border-radius:var(--radius); display:flex; align-items:center; justify-content:center; font-size:76px; border:1.5px solid var(--line); overflow:hidden;}
  .article-thumb img{width:100%; height:100%; object-fit:cover;}
  .article-thumb.c-orange{background:var(--orange-tint);}
  .article-thumb.c-teal{background:var(--teal-tint);}
  .article-thumb.c-blue{background:var(--blue-tint);}
  .tag{display:inline-block; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; padding:5px 12px; border-radius:999px;}
  .tag.c-orange{background:var(--orange-tint); color:var(--orange-deep);}
  .tag.c-teal{background:var(--teal-tint); color:#1c6c56;}
  .tag.c-blue{background:var(--blue-tint); color:#2f57ad;}

  .article-body{padding:8px 0 70px;}
  .article-content{max-width:70ch; margin:0 auto;}
  .article-content p{color:var(--ink); font-size:16.5px; margin-bottom:22px;}
  .article-content p:first-of-type{font-size:18.5px; color:var(--text-dim);}

  .article-cta{max-width:70ch; margin:48px auto 0; background:var(--card); border:1.5px solid var(--line); border-radius:var(--radius); padding:30px 28px; text-align:center;}
  .article-cta h3{margin-bottom:10px;}
  .article-cta p{color:var(--text-dim); font-size:14.5px; margin-bottom:20px;}

  .not-found{padding:100px 0; text-align:center;}
  .not-found h1{font-size:clamp(30px,4.4vw,42px); margin-bottom:14px;}

  .related{padding:70px 0 96px; background:var(--bg-alt); border-top:1px solid var(--line);}
  .related h2{font-size:clamp(24px,3.2vw,30px); text-align:center; margin-bottom:36px;}
  .related-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
  @media (max-width:900px){.related-grid{grid-template-columns:1fr;}}
  .blog-card{background:var(--card); border:1.5px solid var(--line); border-radius:var(--radius); overflow:hidden; display:flex; flex-direction:column; text-decoration:none; transition:transform .15s, box-shadow .15s;}
  .blog-card:hover{transform:translateY(-4px); box-shadow:0 20px 40px -22px rgba(29,26,21,.25);}
  .blog-card .thumb{height:200px; display:flex; align-items:center; justify-content:center; font-size:40px; overflow:hidden;}
  .blog-card .thumb img{width:100%; height:100%; object-fit:cover;}
  .blog-card .thumb.c-orange{background:var(--orange-tint);}
  .blog-card .thumb.c-teal{background:var(--teal-tint);}
  .blog-card .thumb.c-blue{background:var(--blue-tint);}
  .blog-card .body{padding:20px; display:flex; flex-direction:column; gap:8px; flex:1;}
  .blog-card h3{font-size:16.5px; line-height:1.3;}
  .blog-card .meta{font-size:12px; color:var(--text-dim); margin-top:auto; padding-top:8px; border-top:1px dashed var(--line-strong);}
  
  /*  kapcsolat */
    .card{background:var(--card); border:1.5px solid var(--line); border-radius:var(--radius); padding:32px;}

  form .row{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:16px;}
  @media (max-width:520px){form .row{grid-template-columns:1fr;}}
  .field{display:flex; flex-direction:column; gap:6px; margin-bottom:16px;}
  .field label{font-size:12.5px; font-weight:700; color:var(--text-dim); text-transform:uppercase; letter-spacing:.03em;}
  .field input, .field select, .field textarea{
    font-family:var(--sans); font-size:15px; color:var(--ink);
    border:1.5px solid var(--line-strong); border-radius:10px; padding:12px 14px;
    background:var(--bg-alt); transition:border-color .15s;
  }
  .field input:focus, .field select:focus, .field textarea:focus{outline:none; border-color:var(--orange);}
  .field textarea{resize:vertical; min-height:130px; font-family:var(--sans);}
  .hp{position:absolute; left:-9999px; top:-9999px;}
  .consent{display:flex; align-items:flex-start; gap:10px; font-size:13.5px; color:var(--text-dim); margin:6px 0 22px;}
  .consent input{margin-top:3px; flex-shrink:0;}
  .consent a{color:var(--orange-deep); font-weight:600;}

  .btn{
    display:inline-flex; align-items:center; gap:8px; font-weight:700; font-size:15px;
    padding:13px 26px; border-radius:10px; border:1.5px solid transparent; cursor:pointer;
    background:var(--orange); color:#fff; box-shadow:0 10px 24px -10px rgba(232,98,44,0.55);
    transition:background .15s, transform .15s;
  }
  .btn:hover{background:var(--orange-deep);}
  .btn:active{transform:scale(.97);}
  .btn:disabled{opacity:.6; cursor:not-allowed;}
  .btn .spin{width:14px; height:14px; border:2px solid rgba(255,255,255,.4); border-top-color:#fff; border-radius:50%; animation:spin .7s linear infinite;}
  @keyframes spin{to{transform:rotate(360deg);}}

  .form-msg{display:none; padding:13px 16px; border-radius:10px; font-size:14px; font-weight:600; margin-bottom:18px;}
  .form-msg.ok{display:block; background:var(--teal-tint); color:#1c6c56;}
  .form-msg.err{display:block; background:#FBE4DD; color:var(--orange-deep);}

  .info-stack{display:flex; flex-direction:column; gap:14px;}
  .info-card{background:var(--card); border:1.5px solid var(--line); border-radius:var(--radius); padding:22px 24px; border-top:3px solid var(--orange);}
  .info-card:nth-child(2){border-top-color:var(--teal);}
  .info-card:nth-child(3){border-top-color:var(--blue);}
  .info-card .ic-label{font-size:11.5px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:var(--text-dim); margin-bottom:6px;}
  .info-card .ic-value{font-size:16.5px; font-weight:700;}
  .info-card .ic-sub{font-size:13px; color:var(--text-dim); margin-top:4px;}