:root{
  --ink:#10151c;
  --muted:#66717f;
  --blue:#0c73ff;
  --navy:#07172a;
  --soft:#f5f6f7;
  --line:#e4e7ea;
  --white:#fff;
  --radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.55}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.container{width:min(1760px,calc(100% - 48px));margin:auto}

header{position:absolute;left:0;right:0;top:0;z-index:30}
.nav{min-height:92px;display:flex;align-items:center;gap:28px}
.logo{margin-right:auto}
.logo img{width:172px;display:block;filter:none}
.brand img{width:172px;display:block;filter:none}
nav{display:flex;gap:19px;align-items:center;color:#fff;font-size:13px;font-weight:700}
.nav-cta{padding:12px 18px;border:1px solid rgba(255,255,255,.45);border-radius:999px;color:#fff;font-size:13px;font-weight:800}

.hero{min-height:88vh;position:relative;background:#07172a;color:#fff;overflow:hidden}
.hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(4,17,31,.78),rgba(4,17,31,.42) 55%,rgba(4,17,31,.12)),url('../images/hero-autonom-dock.webp');background-size:cover;background-position:center}
.hero-inner{position:relative;z-index:2;min-height:88vh;display:flex;align-items:center}
.hero-copy{max-width:820px;padding:130px 0 90px}
.eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:#8fc5ff}
h1{font-size:clamp(58px,7.4vw,108px);line-height:.90;letter-spacing:-.065em;margin:16px 0 26px}
.hero-copy p{font-size:21px;color:#dbe4ef;max-width:720px;margin:0}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:999px;font-size:13px;font-weight:800}
.btn-light{background:#fff;color:#0a1727}
.btn-outline{border:1px solid rgba(255,255,255,.42);color:#fff}
.btn-dark{background:var(--navy);color:#fff}
.btn-blue{background:var(--blue);color:#fff}

.intro{padding:100px 0 70px}
.intro-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:start}
.intro h2,.section-title{font-size:clamp(42px,5vw,72px);line-height:.97;letter-spacing:-.05em;margin:10px 0 0}
.intro-copy{font-size:18px;color:#4f5d6c;margin:0;max-width:780px}.intro-copy p{margin:0 0 18px}.intro-copy p:last-child{margin-bottom:0}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:54px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.metric{padding:24px 20px;border-right:1px solid var(--line)}
.metric:last-child{border-right:0}
.metric b{display:block;font-size:21px;margin-bottom:2px}
.metric span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}

.section{padding:96px 0}
.section.soft{background:var(--soft)}
.section-head{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:44px}
.section-head p{max-width:560px;color:var(--muted);font-size:17px;margin:0}
.kicker{font-size:12px;letter-spacing:.15em;text-transform:uppercase;font-weight:800;color:var(--blue)}

.editorial-service{display:grid;grid-template-columns:1.14fr .86fr;gap:54px;align-items:center;margin-bottom:110px}
.editorial-service.reverse{grid-template-columns:.86fr 1.14fr}
.editorial-service.reverse .service-copy{order:1}
.editorial-service.reverse .service-media{order:2}
.service-media{position:relative}
.service-media img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius)}
.service-copy h3{font-size:clamp(38px,4vw,60px);line-height:.98;letter-spacing:-.045em;margin:10px 0 18px}
.service-copy p{color:var(--muted);font-size:17px;margin:0}
.service-copy ul{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}
.service-copy li{font-size:14px;color:#344152;position:relative;padding-left:18px}
.service-copy li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue);position:absolute;left:0;top:.62em}
.service-copy .btn{margin-top:28px}
.service-tag{position:absolute;left:18px;bottom:18px;padding:9px 12px;background:rgba(255,255,255,.94);border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#17324e}

.tech{background:var(--navy);color:#fff;padding:96px 0}
.tech-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}
.tech h2{font-size:clamp(44px,5vw,74px);line-height:.96;letter-spacing:-.05em;margin:10px 0 20px}
.tech p{color:#b8c5d4;margin:0;font-size:17px}
.ai-strip{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}
.ai-chip{padding:10px 12px;border:1px solid rgba(255,255,255,.15);border-radius:999px;color:#dce8f5;font-size:12px;font-weight:700;background:rgba(255,255,255,.035)}
.tech-note{margin-top:26px;padding-top:24px;border-top:1px solid rgba(255,255,255,.14);font-size:14px;color:#b8c5d4}
.tech-note b{color:#fff}

.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.industry-card{padding:30px;border-radius:18px;background:#fff;border:1px solid var(--line);min-height:220px}
.ind-icon{width:42px;height:42px;color:var(--blue);margin-bottom:34px}
.ind-icon svg{width:100%;height:100%}
.industry-card h3{font-size:20px;margin:0 0 8px}
.industry-card p{font-size:13px;color:var(--muted);margin:0}

.gallery{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}
.gallery-left{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.gallery-right{display:grid;gap:14px}
.gallery figure{margin:0;position:relative;overflow:hidden;border-radius:20px;background:#ddd}
.gallery img{width:100%;height:100%;object-fit:cover}
.gallery-left figure{height:310px}
.gallery-right figure:first-child{height:410px}
.gallery-right figure:last-child{height:210px}
.gallery figcaption{position:absolute;left:16px;bottom:16px;background:rgba(255,255,255,.94);border-radius:999px;padding:8px 11px;font-size:11px;font-weight:800}

.why-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.why{padding:34px 28px;border-right:1px solid var(--line)}
.why:last-child{border-right:0}
.why small{font-size:11px;color:var(--blue);font-weight:800;letter-spacing:.1em}
.why h3{font-size:22px;line-height:1.08;margin:18px 0 10px}
.why p{font-size:13px;color:var(--muted);margin:0}

.contact{padding:110px 0;background:#f2f4f6}
.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end}
.contact h2{font-size:clamp(48px,6vw,84px);line-height:.92;letter-spacing:-.055em;margin:10px 0 20px}
.contact p{color:var(--muted);font-size:17px;max-width:720px}
.contact-list{border-top:1px solid var(--line)}
.contact-row{display:flex;justify-content:space-between;gap:30px;padding:18px 0;border-bottom:1px solid var(--line);font-size:14px}
.contact-row span{color:var(--muted)}
.contact-row b{font-weight:800}

footer{padding:28px 0;background:#07172a;color:#a8b6c6}
.footer{display:flex;align-items:center;justify-content:space-between;gap:24px}
.footer img{width:190px;filter:brightness(0) invert(1)}
.footer small{font-size:12px}

@media(max-width:1050px){
  nav{display:none}
  .intro-grid,.tech-grid,.contact-grid{grid-template-columns:1fr}
  .editorial-service,.editorial-service.reverse{grid-template-columns:1fr}
  .editorial-service.reverse .service-copy,.editorial-service.reverse .service-media{order:initial}
  .industry-grid{grid-template-columns:1fr 1fr}
  .why-grid{grid-template-columns:1fr 1fr}
  .why:nth-child(2){border-right:0}
  .why:nth-child(-n+2){border-bottom:1px solid var(--line)}
}
@media(max-width:700px){
  .container{width:calc(100% - 28px)}
  .logo img{width:150px}
  .brand img{width:150px}
  .hero{min-height:720px}
  .hero-inner{min-height:720px}
  h1{font-size:49px}
  .hero-copy p{font-size:17px}
  .metrics{grid-template-columns:1fr 1fr}
  .metric:nth-child(2){border-right:0}
  .metric:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .section{padding:72px 0}
  .section-head{display:block}
  .section-head p{margin-top:16px}
  .service-copy ul{grid-template-columns:1fr}
  .editorial-service{margin-bottom:72px;gap:28px}
  .industry-grid,.why-grid{grid-template-columns:1fr}
  .why{border-right:0;border-bottom:1px solid var(--line)}
  .gallery{grid-template-columns:1fr}
  .gallery-left{grid-template-columns:1fr}
  .gallery-left figure,.gallery-right figure:first-child,.gallery-right figure:last-child{height:260px}
  .contact-row{display:block}
  .contact-row b{display:block;margin-top:4px}
  .footer{display:block}
  .footer img{margin-bottom:12px}
}

/* Inline editor */







/* --- V34 vizuális finomítások --- */
body{
  background:
    radial-gradient(circle at top left, rgba(12,115,255,.06), transparent 26%),
    radial-gradient(circle at 100% 12%, rgba(59,130,246,.05), transparent 20%),
    linear-gradient(180deg,#fbfcfd 0%,#ffffff 380px,#ffffff 100%);
}
header{transition:all .35s ease}
.nav{
  transition:all .35s ease;
  padding:0 6px;
}
header.scrolled .nav{
  min-height:72px;
  margin-top:12px;
  padding:0 18px;
  background:rgba(7,23,42,.80);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border:1px solid rgba(255,255,255,.14);
  border-radius:20px;
  box-shadow:0 18px 40px rgba(3,14,26,.22);
}
.hero{
  min-height:92vh;
}
.hero-bg{
  animation:heroZoom 18s ease-in-out infinite alternate;
}
.hero-mesh{
  position:absolute; inset:0; z-index:1; pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.25), transparent 68%);
  opacity:.16;
}
.hero-orb{
  position:absolute; z-index:1; border-radius:50%; pointer-events:none;
  filter:blur(10px);
  opacity:.45;
  mix-blend-mode:screen;
}
.orb-a{
  width:380px;height:380px; left:-70px; top:100px;
  background:radial-gradient(circle, rgba(12,115,255,.34) 0%, rgba(12,115,255,0) 72%);
  animation:floatA 14s ease-in-out infinite;
}
.orb-b{
  width:300px;height:300px; right:6%; top:110px;
  background:radial-gradient(circle, rgba(114,188,255,.30) 0%, rgba(114,188,255,0) 70%);
  animation:floatB 16s ease-in-out infinite;
}
.orb-c{
  width:240px;height:240px; right:26%; bottom:70px;
  background:radial-gradient(circle, rgba(255,255,255,.16) 0%, rgba(255,255,255,0) 70%);
  animation:floatC 18s ease-in-out infinite;
}
.hero-copy{
  position:relative;
}
.hero-copy:after{
  content:"";
  position:absolute;
  left:-24px; top:-28px;
  width:110px; height:110px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:24px;
  transform:rotate(8deg);
  opacity:.55;
}
.hero-copy p{
  text-shadow:0 1px 1px rgba(0,0,0,.08);
}
.hero-actions .btn{
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease, border-color .25s ease;
}
.hero-actions .btn:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(3,14,26,.20);
}
.intro{
  position:relative;
  z-index:3;
}
.intro-grid{
  align-items:center;
}
.metrics{
  margin-top:58px;
  background:#fff;
  border:1px solid rgba(16,21,28,.06);
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 22px 44px rgba(7,23,42,.08);
}
.metric{
  transition:background .25s ease, transform .25s ease;
}
.metric:hover{
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);
}
.metric b{
  letter-spacing:-.03em;
}
.section-title,
.intro h2,
.service-copy h3,
.tech h2,
.contact h2{
  text-wrap:balance;
}
.section.soft{
  background:
    radial-gradient(circle at 0% 0%, rgba(12,115,255,.05), transparent 22%),
    linear-gradient(180deg,#f6f8fa 0%,#f3f5f7 100%);
}
.editorial-service{
  position:relative;
}
.service-media{
  overflow:hidden;
  border-radius:26px;
  box-shadow:0 28px 54px rgba(7,23,42,.12);
  transition:transform .45s ease, box-shadow .45s ease;
}
.service-media img{
  transition:transform 1.1s ease;
}
.editorial-service:hover .service-media{
  transform:translateY(-4px);
  box-shadow:0 34px 64px rgba(7,23,42,.16);
}
.editorial-service:hover .service-media img{
  transform:scale(1.045);
}
.service-media:after{
  content:"";
  position:absolute; inset:auto 0 0 0; height:38%;
  background:linear-gradient(180deg, rgba(0,0,0,0), rgba(6,16,28,.26));
  pointer-events:none;
}
.service-copy{
  position:relative;
}
.service-copy:before{
  content:"";
  position:absolute;
  left:-22px; top:6px;
  width:6px; height:72px;
  border-radius:999px;
  background:linear-gradient(180deg,var(--blue), rgba(12,115,255,.08));
}
.service-copy ul{
  margin-top:24px;
}
.service-copy li{
  background:#f6f8fb;
  border:1px solid #e9eef5;
  padding:11px 14px 11px 30px;
  border-radius:14px;
  transition:transform .2s ease, border-color .2s ease, background .2s ease;
}
.service-copy li:hover{
  transform:translateY(-1px);
  border-color:#cfe0fb;
  background:#fbfdff;
}
.service-copy li:before{
  left:14px;
  top:50%;
  transform:translateY(-50%);
}
.service-tag{
  box-shadow:0 8px 24px rgba(7,23,42,.16);
}
.tech{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 20% 10%, rgba(52,144,255,.13), transparent 22%),
    radial-gradient(circle at 85% 16%, rgba(120,185,255,.12), transparent 20%),
    linear-gradient(180deg,#091a2d 0%,#07172a 100%);
}
.tech:before{
  content:"";
  position:absolute; inset:0; pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.22), transparent 80%);
}
.ai-strip{
  margin-top:32px;
}
.ai-chip{
  position:relative;
  overflow:hidden;
  transition:transform .22s ease, border-color .22s ease, background .22s ease;
}
.ai-chip:hover{
  transform:translateY(-2px);
  border-color:rgba(255,255,255,.30);
  background:rgba(255,255,255,.09);
}
.industry-card{
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
  box-shadow:0 12px 30px rgba(7,23,42,.06);
}
.industry-card:hover{
  transform:translateY(-6px);
  border-color:#cfe0fb;
  box-shadow:0 24px 44px rgba(7,23,42,.10);
}
.ind-icon{
  display:grid;
  place-items:center;
  width:56px;
  height:56px;
  border-radius:16px;
  background:linear-gradient(180deg,#f2f7ff 0%,#ffffff 100%);
  box-shadow:inset 0 0 0 1px rgba(12,115,255,.10);
}
.gallery figure{
  box-shadow:0 18px 40px rgba(7,23,42,.10);
  transition:transform .35s ease, box-shadow .35s ease;
}
.gallery figure:hover{
  transform:translateY(-6px);
  box-shadow:0 30px 55px rgba(7,23,42,.16);
}
.gallery img{
  transition:transform 1.1s ease;
}
.gallery figure:hover img{
  transform:scale(1.05);
}
.gallery figcaption{
  box-shadow:0 10px 22px rgba(7,23,42,.15);
}
.why-grid{
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 18px 40px rgba(7,23,42,.06);
}
.why{
  background:#fff;
  transition:background .25s ease;
}
.why:hover{
  background:#fcfdff;
}
.contact{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 90% 10%, rgba(12,115,255,.06), transparent 20%),
    linear-gradient(180deg,#f5f7f9 0%,#eff3f6 100%);
}
.contact:before{
  content:"";
  position:absolute;
  right:-90px; top:46px;
  width:320px; height:320px;
  border-radius:32px;
  border:1px solid rgba(12,115,255,.08);
  transform:rotate(18deg);
}
.contact-list{
  background:#fff;
  border:1px solid rgba(16,21,28,.06);
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 20px 44px rgba(7,23,42,.08);
}
.contact-row{
  transition:background .2s ease;
}
.contact-row:hover{
  background:#fafcff;
}
footer{
  position:relative;
}
footer:before{
  content:"";
  position:absolute; left:0; right:0; top:0; height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.16), transparent);
}
.reveal{
  opacity:0;
  transform:translateY(28px);
  transition:opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1);
}
.reveal.visible{
  opacity:1;
  transform:none;
}
@keyframes heroZoom{
  from{transform:scale(1.02)}
  to{transform:scale(1.08)}
}
@keyframes floatA{
  0%,100%{transform:translateY(0) translateX(0)}
  50%{transform:translateY(-18px) translateX(14px)}
}
@keyframes floatB{
  0%,100%{transform:translateY(0) translateX(0)}
  50%{transform:translateY(14px) translateX(-10px)}
}
@keyframes floatC{
  0%,100%{transform:translateY(0) translateX(0)}
  50%{transform:translateY(-10px) translateX(-12px)}
}
@media(max-width:700px){
  .service-copy:before{display:none}
  .hero-copy:after{display:none}
  .contact:before{display:none}
  .metrics,
  .contact-list,
  .why-grid{border-radius:18px}
  .service-media{border-radius:20px}
}


/* SEO-clean semantic source order: copy precedes imagery in the HTML */
.editorial-service .service-copy{grid-column:2;grid-row:1}
.editorial-service .service-media{grid-column:1;grid-row:1}
.editorial-service.reverse .service-copy{grid-column:1;grid-row:1}
.editorial-service.reverse .service-media{grid-column:2;grid-row:1}

/* Redesigned contact */
.project-contact{position:relative;overflow:hidden;padding:110px 0;background:linear-gradient(145deg,#07172a 0%,#0b2440 58%,#0d3156 100%);color:#fff}
.project-contact:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 83% 15%,rgba(76,157,255,.20),transparent 23%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:auto,42px 42px,42px 42px;mask-image:linear-gradient(180deg,#000,transparent 88%);pointer-events:none}
.project-contact .container{position:relative;z-index:2}
.contact-intro{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:end;margin-bottom:48px}
.contact-intro .kicker{color:#80b8ff}
.contact-intro h2{font-size:clamp(48px,6vw,82px);line-height:.92;letter-spacing:-.055em;margin:10px 0 0;text-wrap:balance}
.contact-intro p{color:#bfccda;font-size:18px;max-width:620px;margin:0}
.contact-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:18px;align-items:stretch}
.contact-process{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.contact-step{position:relative;min-height:260px;padding:26px;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:rgba(255,255,255,.045);backdrop-filter:blur(8px);transition:transform .25s ease,background .25s ease,border-color .25s ease}
.contact-step:hover{transform:translateY(-4px);background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.22)}
.contact-step .step-no{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:50%;background:rgba(61,145,255,.16);border:1px solid rgba(112,178,255,.28);font-size:12px;font-weight:900;color:#a9d0ff}
.contact-step h3{font-size:22px;line-height:1.08;margin:58px 0 10px}
.contact-step p{font-size:13px;color:#afc0d2;margin:0}
.contact-panel{padding:34px;border-radius:22px;background:#fff;color:var(--ink);box-shadow:0 34px 70px rgba(0,0,0,.22)}
.contact-panel .panel-label{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:var(--blue);font-weight:900}
.contact-panel h3{font-size:34px;line-height:1;letter-spacing:-.04em;margin:10px 0 13px}
.contact-panel>p{color:var(--muted);font-size:14px;margin:0 0 24px}
.contact-email{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid var(--line);font-size:14px}
.contact-email:last-of-type{border-bottom:1px solid var(--line)}
.contact-email span{color:var(--muted)}
.contact-email b{font-weight:850;color:var(--ink)}
.contact-topics{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 24px}
.contact-topic{padding:7px 9px;border-radius:999px;background:#f2f6fb;border:1px solid #e1eaf5;font-size:11px;font-weight:750;color:#38516c}
.contact-panel .btn{width:100%;border-radius:12px}
.contact-panel .microcopy{font-size:11px;color:#85909d;margin-top:12px;text-align:center}

@media(max-width:1050px){
 .contact-intro,.contact-layout{grid-template-columns:1fr}
 .contact-process{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:700px){
 .editorial-service .service-copy,.editorial-service .service-media,.editorial-service.reverse .service-copy,.editorial-service.reverse .service-media{grid-column:auto;grid-row:auto}
 .contact-intro{gap:22px}
 .contact-process{grid-template-columns:1fr}
 .contact-step{min-height:auto}
 .contact-step h3{margin-top:34px}
 .contact-panel{padding:25px}
}


/* V36 business contact refinements */
.contact-panel .contact-phone b{font-size:18px;letter-spacing:-.02em;color:var(--blue)}
.contact-actions-row{display:grid;grid-template-columns:1.25fr .75fr;gap:9px;margin-top:2px}
.contact-actions-row .btn{width:100%;border-radius:12px;text-align:center}
.contact-call-btn{background:#eef5ff;color:#0c5fc9;border:1px solid #d6e6fb}
.contact-call-btn:hover{background:#e3efff}
.project-contact .contact-step h3{margin-top:48px}
.contact-panel h3{max-width:440px}
@media(max-width:700px){
  .contact-actions-row{grid-template-columns:1fr}
  .contact-panel .contact-phone b{font-size:17px}
}


/* V37 - refined services introduction */
.services-section{
  position:relative;
  overflow:hidden;
}
.services-section:before{
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  right:-250px;
  top:30px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(12,115,255,.075) 0%,rgba(12,115,255,0) 70%);
  pointer-events:none;
}
.services-intro{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);
  gap:80px;
  align-items:end;
  padding:0 0 54px;
  margin-bottom:72px;
  border-bottom:1px solid var(--line);
}
.services-intro-copy{
  max-width:850px;
}
.services-intro-copy .section-title{
  max-width:850px;
  font-size:clamp(44px,5.3vw,76px);
  line-height:.96;
  letter-spacing:-.052em;
  margin:10px 0 22px;
  text-wrap:balance;
}
.services-intro-copy p{
  max-width:790px;
  margin:0;
  color:var(--muted);
  font-size:18px;
  line-height:1.7;
}
.services-intro-design{
  display:grid;
  gap:0;
  border-top:1px solid var(--line);
}
.services-intro-design span{
  position:relative;
  display:flex;
  align-items:center;
  min-height:52px;
  padding:13px 36px 13px 0;
  border-bottom:1px solid var(--line);
  color:#2b3949;
  font-size:13px;
  font-weight:750;
  letter-spacing:.01em;
}
.services-intro-design span:after{
  content:"→";
  position:absolute;
  right:2px;
  color:var(--blue);
  font-size:16px;
}
.services-intro-design span:first-child{
  color:var(--blue);
}
.services-intro-design span:first-child:before{
  content:"FŐ TERÜLET";
  margin-right:12px;
  padding:5px 7px;
  border-radius:999px;
  background:#eef5ff;
  color:var(--blue);
  font-size:9px;
  letter-spacing:.09em;
}
@media(max-width:1050px){
  .services-intro{
    grid-template-columns:1fr;
    gap:34px;
  }
  .services-intro-design{
    grid-template-columns:1fr 1fr;
    border-left:1px solid var(--line);
  }
  .services-intro-design span{
    padding-left:16px;
    padding-right:34px;
    border-right:1px solid var(--line);
  }
}
@media(max-width:700px){
  .services-intro{
    margin-bottom:50px;
    padding-bottom:38px;
  }
  .services-intro-copy .section-title{
    font-size:42px;
  }
  .services-intro-copy p{
    font-size:16px;
  }
  .services-intro-design{
    grid-template-columns:1fr;
  }
}


/* V39 - Ajánlatkérő űrlap / sötétebb, prémiumabb vizuál */
.project-contact{
  position:relative;
  overflow:hidden;
  padding:120px 0;
  background:
    radial-gradient(circle at 8% 0%, rgba(28,108,255,.22) 0%, rgba(28,108,255,0) 28%),
    radial-gradient(circle at 100% 18%, rgba(89,167,255,.14) 0%, rgba(89,167,255,0) 24%),
    linear-gradient(180deg, #0a1220 0%, #0d1626 56%, #101b2d 100%);
  color:#ecf2fb;
}
.project-contact:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px);
  background-size:40px 40px;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.26), transparent 90%);
  pointer-events:none;
}
.project-contact .kicker,
.project-contact .panel-label{
  color:#6ea7ff;
}
.contact-intro{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.06fr .94fr;
  gap:72px;
  align-items:end;
  padding-bottom:44px;
  margin-bottom:40px;
  border-bottom:1px solid rgba(255,255,255,.09);
}
.contact-intro h2{
  color:#ffffff;
  font-size:clamp(46px,5.4vw,78px);
  line-height:.93;
  letter-spacing:-.055em;
  margin:10px 0 0;
  max-width:880px;
  text-wrap:balance;
}
.contact-intro>p{
  margin:0;
  color:rgba(234,241,250,.74);
  font-size:17px;
  line-height:1.75;
  max-width:620px;
}
.contact-layout{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(340px,.55fr);
  gap:28px;
  align-items:start;
}
.quote-form-wrap,
.contact-panel{
  position:relative;
  border:1px solid rgba(255,255,255,.08);
  border-radius:28px;
  overflow:hidden;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.quote-form-wrap{
  padding:36px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.04) 100%);
  box-shadow:
    0 22px 60px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.06);
}
.quote-form-wrap:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:5px;
  background:linear-gradient(90deg, #0c73ff 0%, #56b4ff 50%, #0c73ff 100%);
}
.contact-panel{
  padding:32px;
  background:
    linear-gradient(180deg, rgba(14,24,39,.88) 0%, rgba(12,21,34,.94) 100%);
  box-shadow:
    0 22px 60px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,255,255,.04);
  position:sticky;
  top:100px;
}
.quote-form-head{
  display:flex;
  gap:18px;
  align-items:flex-start;
  padding-bottom:24px;
  margin-bottom:28px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.form-index{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(180deg, rgba(12,115,255,.24), rgba(12,115,255,.14));
  border:1px solid rgba(110,167,255,.32);
  color:#9ec6ff;
  font-size:12px;
  font-weight:850;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
}
.quote-form-head h3{
  margin:0 0 5px;
  color:#fff;
  font-size:28px;
  letter-spacing:-.03em;
}
.quote-form-head p{
  margin:0;
  color:rgba(235,242,250,.66);
  font-size:13px;
  line-height:1.55;
  max-width:560px;
}
.form-status{
  display:none;
  padding:13px 15px;
  border-radius:14px;
  margin:0 0 22px;
  font-size:13px;
  font-weight:700;
}
.form-status-success{
  color:#d9ffea;
  background:#113927;
  border:1px solid rgba(121,219,162,.24);
}
.form-status-error,
.form-status-invalid{
  color:#ffd6d9;
  background:#4b1f27;
  border:1px solid rgba(255,160,171,.22);
}
.form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}
.field{
  display:grid;
  gap:8px;
}
.field-wide{
  grid-column:1/-1;
}
.field label{
  color:#eff5fc;
  font-size:12px;
  font-weight:800;
  letter-spacing:.01em;
}
.field label span,
.consent b{
  color:#68a6ff;
}
.field input,
.field select,
.field textarea{
  width:100%;
  border:1px solid rgba(255,255,255,.10);
  border-radius:15px;
  background:rgba(8,15,26,.55);
  color:#f3f7fc;
  font:500 15px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  padding:14px 15px;
  outline:none;
  transition:border-color .2s ease, box-shadow .2s ease, background .2s ease, transform .2s ease;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}
.field input::placeholder,
.field textarea::placeholder{
  color:rgba(225,235,247,.42);
}
.field select{
  appearance:none;
  background-image:
    linear-gradient(45deg, transparent 50%, #8dbaff 50%),
    linear-gradient(135deg, #8dbaff 50%, transparent 50%);
  background-position:
    calc(100% - 22px) calc(50% - 2px),
    calc(100% - 16px) calc(50% - 2px);
  background-size:6px 6px, 6px 6px;
  background-repeat:no-repeat;
  padding-right:42px;
}
.field textarea{
  resize:vertical;
  min-height:160px;
}
.field input:focus,
.field select:focus,
.field textarea:focus{
  border-color:rgba(104,166,255,.72);
  box-shadow:0 0 0 4px rgba(12,115,255,.16), inset 0 1px 0 rgba(255,255,255,.05);
  background:rgba(11,20,32,.82);
  transform:translateY(-1px);
}
.consent{
  display:flex;
  gap:11px;
  align-items:flex-start;
  margin:22px 0 0;
  color:rgba(231,239,247,.72);
  font-size:12px;
  line-height:1.6;
  cursor:pointer;
}
.consent input{
  width:17px;
  height:17px;
  margin-top:2px;
  accent-color:#0c73ff;
  flex:0 0 auto;
}
.form-submit-row{
  display:flex;
  align-items:center;
  gap:18px;
  margin-top:25px;
  padding-top:24px;
  border-top:1px solid rgba(255,255,255,.08);
}
.quote-submit{
  border:0;
  cursor:pointer;
  gap:18px;
  min-height:50px;
  padding:0 22px;
  font-family:inherit;
  background:linear-gradient(90deg, #0c73ff 0%, #1d86ff 45%, #47b1ff 100%);
  box-shadow:0 10px 24px rgba(12,115,255,.28);
}
.quote-submit:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(12,115,255,.34);
}
.quote-submit span{
  font-size:16px;
}
.form-microcopy{
  color:rgba(231,239,247,.60);
  font-size:11px;
  line-height:1.5;
}
.hp-field{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip:rect(1px,1px,1px,1px)!important;
  white-space:nowrap!important;
}
.contact-panel h3{
  margin:9px 0 10px;
  color:#ffffff;
  font-size:32px;
  line-height:1.02;
  letter-spacing:-.038em;
}
.contact-panel>p{
  color:rgba(235,242,250,.72);
  font-size:14px;
  line-height:1.7;
  margin:0 0 24px;
}
.contact-email{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:15px 0;
  border-top:1px solid rgba(255,255,255,.08);
  font-size:13px;
}
.contact-email span{
  color:rgba(225,235,247,.56);
}
.contact-email b{
  color:#fff;
  font-weight:800;
  text-align:right;
}
.contact-phone b{
  color:#6ea7ff;
  font-size:18px;
}
.contact-process-mini{
  display:grid;
  gap:12px;
  padding:20px 0;
  margin-top:10px;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.contact-process-mini>div{
  display:grid;
  grid-template-columns:28px 1fr;
  gap:10px;
  align-items:start;
}
.contact-process-mini span{
  color:#6ea7ff;
  font-size:10px;
  font-weight:850;
  padding-top:2px;
}
.contact-process-mini p{
  margin:0;
  color:rgba(231,239,247,.62);
  font-size:12px;
  line-height:1.5;
}
.contact-process-mini b{
  color:#fff;
}
.microcopy{
  margin-top:18px;
  color:rgba(231,239,247,.52);
  font-size:11px;
  line-height:1.55;
}
@media(max-width:1000px){
  .contact-intro,
  .contact-layout{
    grid-template-columns:1fr;
  }
  .contact-panel{
    position:relative;
    top:auto;
  }
}
@media(max-width:650px){
  .project-contact{
    padding:78px 0;
  }
  .contact-intro{
    gap:24px;
    padding-bottom:30px;
    margin-bottom:26px;
  }
  .contact-intro h2{
    font-size:42px;
  }
  .quote-form-wrap,
  .contact-panel{
    border-radius:22px;
  }
  .quote-form-wrap{
    padding:22px;
  }
  .contact-panel{
    padding:24px;
  }
  .form-grid{
    grid-template-columns:1fr;
  }
  .field-wide{
    grid-column:auto;
  }
  .form-submit-row{
    display:block;
  }
  .quote-submit{
    width:100%;
  }
  .form-microcopy{
    margin-top:12px;
  }
}


/* V40 - fekete / szürke vizuális irány */
:root{
  --ink:#efefef;
  --muted:#a6a6a6;
  --blue:#c9c9c9;
  --navy:#0b0b0b;
  --soft:#181818;
  --line:rgba(255,255,255,.09);
  --white:#ffffff;
  --radius:22px;
}

html{
  background:#0b0b0b;
}

body{
  color:var(--ink);
  background:
    radial-gradient(circle at 10% 4%,rgba(255,255,255,.035),transparent 20%),
    radial-gradient(circle at 92% 14%,rgba(255,255,255,.025),transparent 18%),
    linear-gradient(180deg,#0b0b0b 0%,#101010 50%,#0c0c0c 100%);
}

header.scrolled .nav{
  background:rgba(14,14,14,.82);
  border-color:rgba(255,255,255,.10);
  box-shadow:0 18px 40px rgba(0,0,0,.38);
}

.hero{
  background:#080808;
}
.hero-bg{
  background-image:
    linear-gradient(90deg,rgba(6,6,6,.82),rgba(9,9,9,.55) 55%,rgba(12,12,12,.18)),
    url('../images/hero-autonom-dock.webp');
  filter:saturate(.72) contrast(1.04);
}
.hero-mesh{
  opacity:.12;
}
.orb-a{
  background:radial-gradient(circle,rgba(255,255,255,.12) 0%,rgba(255,255,255,0) 72%);
}
.orb-b{
  background:radial-gradient(circle,rgba(190,190,190,.10) 0%,rgba(190,190,190,0) 70%);
}
.orb-c{
  background:radial-gradient(circle,rgba(255,255,255,.08) 0%,rgba(255,255,255,0) 70%);
}
.eyebrow,
.kicker{
  color:#c7c7c7;
}
.hero-copy p{
  color:#d0d0d0;
}

.btn-light{
  background:#f2f2f2;
  color:#101010;
}
.btn-outline{
  border-color:rgba(255,255,255,.34);
  color:#f3f3f3;
}
.btn-dark,
.btn-blue{
  background:#e9e9e9;
  color:#111;
  border:1px solid #e9e9e9;
}
.btn-dark:hover,
.btn-blue:hover{
  background:#ffffff;
}

.intro,
.section,
.services-section{
  background:transparent;
}
.intro{
  border-bottom:1px solid rgba(255,255,255,.04);
}
.intro-copy,
.section-head p,
.services-intro-copy p,
.service-copy p{
  color:#a8a8a8;
}
.metrics{
  background:#151515;
  border-color:rgba(255,255,255,.08);
  box-shadow:0 22px 44px rgba(0,0,0,.24);
}
.metric{
  border-color:rgba(255,255,255,.08);
}
.metric:hover{
  background:#1a1a1a;
}
.metric span{
  color:#8f8f8f;
}

.section.soft{
  background:
    radial-gradient(circle at 0% 0%,rgba(255,255,255,.035),transparent 20%),
    linear-gradient(180deg,#171717 0%,#141414 100%);
}

.services-section:before{
  background:radial-gradient(circle,rgba(255,255,255,.045) 0%,rgba(255,255,255,0) 70%);
}
.services-intro,
.services-intro-design,
.services-intro-design span{
  border-color:rgba(255,255,255,.09);
}
.services-intro-design span{
  color:#b8b8b8;
}
.services-intro-design span:after{
  color:#dedede;
}
.services-intro-design span:first-child{
  color:#efefef;
}
.services-intro-design span:first-child:before{
  background:#242424;
  color:#d9d9d9;
}

.service-media{
  box-shadow:0 28px 54px rgba(0,0,0,.32);
}
.editorial-service:hover .service-media{
  box-shadow:0 34px 64px rgba(0,0,0,.42);
}
.service-media img{
  filter:saturate(.82) contrast(1.02);
}
.service-tag{
  background:rgba(20,20,20,.90);
  color:#efefef;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 8px 24px rgba(0,0,0,.28);
}
.service-copy:before{
  background:linear-gradient(180deg,#d7d7d7,rgba(215,215,215,.07));
}
.service-copy li{
  color:#c1c1c1;
  background:#161616;
  border-color:#252525;
}
.service-copy li:hover{
  border-color:#3a3a3a;
  background:#1b1b1b;
}
.service-copy li:before{
  background:#bdbdbd;
}

/* AI szekció: kék helyett semleges grafit / fémes szürke */
.tech{
  color:#f5f5f5;
  background:
    radial-gradient(circle at 18% 10%,rgba(255,255,255,.07),transparent 23%),
    radial-gradient(circle at 82% 18%,rgba(255,255,255,.045),transparent 20%),
    linear-gradient(135deg,#242424 0%,#1c1c1c 46%,#151515 100%);
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.tech:before{
  background:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:36px 36px;
  opacity:.75;
}
.tech p,
.tech-note{
  color:#b9b9b9;
}
.tech-note{
  border-color:rgba(255,255,255,.10);
}
.ai-chip{
  color:#d9d9d9;
  background:rgba(255,255,255,.035);
  border-color:rgba(255,255,255,.13);
}
.ai-chip:hover{
  background:rgba(255,255,255,.075);
  border-color:rgba(255,255,255,.24);
}

.industry-card{
  background:#191919;
  border-color:#272727;
  box-shadow:0 12px 30px rgba(0,0,0,.20);
}
.industry-card:hover{
  border-color:#404040;
  box-shadow:0 24px 44px rgba(0,0,0,.30);
}
.industry-card p{
  color:#969696;
}
.ind-icon{
  color:#d1d1d1;
  background:linear-gradient(180deg,#222 0%,#1a1a1a 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
}

.gallery figure{
  background:#1b1b1b;
  box-shadow:0 18px 40px rgba(0,0,0,.24);
}
.gallery figure:hover{
  box-shadow:0 30px 55px rgba(0,0,0,.34);
}
.gallery img{
  filter:saturate(.78);
}
.gallery figcaption{
  background:rgba(18,18,18,.92);
  color:#eeeeee;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 10px 22px rgba(0,0,0,.30);
}

.why-grid{
  border-color:rgba(255,255,255,.08);
  box-shadow:0 18px 40px rgba(0,0,0,.18);
}
.why{
  background:#171717;
  border-color:rgba(255,255,255,.08);
}
.why:hover{
  background:#1c1c1c;
}
.why small{
  color:#c6c6c6;
}
.why p{
  color:#979797;
}

footer{
  background:#070707;
  color:#8f8f8f;
}
footer:before{
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);
}

/* Ajánlatkérés: kékes tónus helyett fekete / grafit */
.project-contact{
  background:
    radial-gradient(circle at 8% 0%,rgba(255,255,255,.055) 0%,rgba(255,255,255,0) 27%),
    radial-gradient(circle at 100% 18%,rgba(255,255,255,.035) 0%,rgba(255,255,255,0) 22%),
    linear-gradient(180deg,#121212 0%,#101010 56%,#0c0c0c 100%);
}
.project-contact .kicker,
.project-contact .panel-label{
  color:#c8c8c8;
}
.quote-form-wrap:before{
  background:linear-gradient(90deg,#555 0%,#c8c8c8 50%,#555 100%);
}
.form-index{
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.045));
  border-color:rgba(255,255,255,.16);
  color:#d6d6d6;
}
.field label span,
.consent b,
.contact-process-mini span{
  color:#c7c7c7;
}
.field input,
.field select,
.field textarea{
  background:rgba(0,0,0,.32);
  border-color:rgba(255,255,255,.10);
}
.field select{
  background-image:
    linear-gradient(45deg,transparent 50%,#a8a8a8 50%),
    linear-gradient(135deg,#a8a8a8 50%,transparent 50%);
}
.field input:focus,
.field select:focus,
.field textarea:focus{
  border-color:rgba(255,255,255,.30);
  box-shadow:0 0 0 4px rgba(255,255,255,.055),inset 0 1px 0 rgba(255,255,255,.05);
  background:rgba(0,0,0,.48);
}
.consent input{
  accent-color:#a9a9a9;
}
.quote-submit{
  background:linear-gradient(90deg,#d9d9d9 0%,#f4f4f4 55%,#cfcfcf 100%);
  color:#101010;
  box-shadow:0 10px 24px rgba(0,0,0,.28);
}
.quote-submit:hover{
  box-shadow:0 14px 28px rgba(0,0,0,.36);
}
.contact-panel{
  background:linear-gradient(180deg,rgba(24,24,24,.94) 0%,rgba(14,14,14,.97) 100%);
}
.contact-phone b{
  color:#e3e3e3;
}

/* Vissza az oldal tetejére gomb */
.back-to-top{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:120;
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(18,18,18,.88);
  color:#f1f1f1;
  box-shadow:0 14px 32px rgba(0,0,0,.34);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
  transition:opacity .25s ease,visibility .25s ease,transform .25s ease,background .25s ease,border-color .25s ease;
}
.back-to-top span{
  font-size:22px;
  line-height:1;
  transform:translateY(-1px);
}
.back-to-top.show{
  opacity:1;
  visibility:visible;
  transform:none;
}
.back-to-top:hover{
  background:#eeeeee;
  color:#111;
  border-color:#eeeeee;
}
.back-to-top:focus-visible{
  outline:2px solid #fff;
  outline-offset:3px;
}

@media(max-width:700px){
  .back-to-top{
    right:14px;
    bottom:14px;
    width:44px;
    height:44px;
  }
}


/* V41 - select mező és lenyíló lista finomhangolás */
.field select{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  min-height:56px;
  border-radius:16px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)),
    rgba(18,18,18,.92);
  border:1px solid rgba(255,255,255,.10);
  color:#f1f1f1;
  padding:15px 56px 15px 16px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 0 0 0 rgba(0,0,0,0);
  background-image:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23d9d9d9' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat,no-repeat;
  background-position:0 0, calc(100% - 18px) 50%;
  background-size:100% 100%, 14px 9px;
  transition:border-color .2s ease, box-shadow .2s ease, background .2s ease, transform .2s ease;
}

.field select:hover{
  border-color:rgba(255,255,255,.18);
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.035)),
    rgba(22,22,22,.96);
  background-image:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23f2f2f2' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat,no-repeat;
  background-position:0 0, calc(100% - 18px) 50%;
  background-size:100% 100%, 14px 9px;
}

.field select:focus,
.field select:focus-visible,
.field select:active{
  outline:none;
  border-color:rgba(255,255,255,.24);
  box-shadow:0 0 0 3px rgba(255,255,255,.05), inset 0 1px 0 rgba(255,255,255,.05);
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03)),
    rgba(16,16,16,.98);
  background-image:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat,no-repeat;
  background-position:0 0, calc(100% - 18px) 50%;
  background-size:100% 100%, 14px 9px;
}

/* Böngésző által adott kék kiemelés visszafogása */
.field select,
.field select option,
.field select optgroup{
  color-scheme:dark;
}

.field select option{
  background:#121212;
  color:#f1f1f1;
  padding:12px;
}

.field select option:hover{
  background:#1c1c1c;
  color:#ffffff;
}

.field select option:checked,
.field select option:selected{
  background:#2a2a2a linear-gradient(0deg, #2a2a2a 0%, #2a2a2a 100%);
  color:#ffffff;
}

.field select:-internal-list-box option:checked{
  background:#2a2a2a !important;
  color:#ffffff !important;
}

/* Régi IE nyíl elrejtése */
.field select::-ms-expand{
  display:none;
}


/* V42 – kapcsolat szekció vizuális újrarendezés */
.project-contact{
  background:
    radial-gradient(circle at 0% 0%, rgba(255,255,255,.05) 0%, rgba(255,255,255,0) 26%),
    radial-gradient(circle at 100% 20%, rgba(255,255,255,.035) 0%, rgba(255,255,255,0) 24%),
    linear-gradient(180deg,#0b0b0b 0%,#101010 38%,#0c0c0c 100%);
}

.project-contact:before{
  background:
    linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px);
  background-size:44px 44px;
  opacity:.55;
}

.contact-intro{
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);
  gap:42px;
  align-items:start;
  padding-bottom:34px;
  margin-bottom:32px;
}

.contact-intro h2{
  max-width:760px;
}

.contact-intro > p{
  max-width:560px;
  color:rgba(235,235,235,.78);
}

.contact-layout{
  grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);
  gap:24px;
  align-items:stretch;
}

.quote-form-wrap,
.contact-panel{
  border-radius:30px;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 30px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.04);
}

.quote-form-wrap{
  background:
    linear-gradient(180deg, rgba(30,30,30,.96) 0%, rgba(16,16,16,.98) 100%);
  padding:38px 34px 34px;
}

.quote-form-wrap:before,
.contact-panel:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:4px;
  background:linear-gradient(90deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.40) 48%, rgba(255,255,255,.10) 100%);
}

.contact-panel{
  display:flex;
  flex-direction:column;
  gap:0;
  padding:34px 30px;
  background:
    linear-gradient(180deg, rgba(26,26,26,.96) 0%, rgba(12,12,12,.99) 100%);
  min-height:100%;
}

.contact-panel h3{
  margin-bottom:12px;
}

.contact-panel > p{
  color:rgba(235,235,235,.76);
  margin-bottom:20px;
}

.contact-email{
  border-top:1px solid rgba(255,255,255,.08);
  padding:16px 0;
}

.contact-email:last-of-type{
  border-bottom:1px solid rgba(255,255,255,.08);
}

.contact-email span{
  color:#aaaaaa;
  font-size:13px;
}

.contact-email b{
  color:#f3f3f3;
  font-size:15px;
}

.contact-process-mini{
  margin-top:18px;
  padding:18px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.08);
}

.contact-process-mini div + div{
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.06);
}

.contact-panel .microcopy{
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.08);
  color:#a8a8a8;
  text-align:left;
  font-size:12px;
  line-height:1.6;
}

/* Select mező teljes újrarajzolása */
.field select{
  appearance:none !important;
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  min-height:56px;
  padding:15px 54px 15px 16px !important;
  border-radius:16px;
  background-color:rgba(10,10,10,.92) !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23d9d9d9' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:calc(100% - 18px) 50% !important;
  background-size:14px 9px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  color:#f2f2f2 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

.field select:hover{
  border-color:rgba(255,255,255,.16) !important;
  background-color:rgba(15,15,15,.96) !important;
}

.field select:focus,
.field select:focus-visible,
.field select:active{
  outline:none !important;
  border-color:rgba(255,255,255,.26) !important;
  background-color:rgba(8,8,8,.98) !important;
  box-shadow:0 0 0 3px rgba(255,255,255,.045), inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.field select option{
  background:#111111;
  color:#f2f2f2;
}

.field select option:checked,
.field select option:selected{
  background:#262626 linear-gradient(0deg,#262626 0%,#262626 100%);
  color:#ffffff;
}

/* Kiemeltebb vissza a tetejére gomb */
.back-to-top{
  right:18px;
  bottom:18px;
  width:auto;
  min-width:58px;
  height:54px;
  padding:0 18px 0 16px;
  gap:10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(180deg, rgba(22,22,22,.96) 0%, rgba(10,10,10,.98) 100%);
  color:#f5f5f5;
  box-shadow:0 18px 34px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.05);
  font-weight:700;
}

.back-to-top-icon{
  font-size:20px;
  line-height:1;
  transform:translateY(-1px);
}

.back-to-top-label{
  font-size:12px;
  letter-spacing:.02em;
  white-space:nowrap;
}

.back-to-top:hover{
  background:linear-gradient(180deg, rgba(245,245,245,.98) 0%, rgba(220,220,220,.98) 100%);
  color:#111;
  border-color:#f0f0f0;
  transform:translateY(-2px);
}

.back-to-top.show{
  opacity:1;
  visibility:visible;
  transform:none;
}

@media (max-width: 1100px){
  .contact-layout{
    grid-template-columns:1fr;
  }
  .contact-panel{
    position:relative;
    top:auto;
  }
}

@media (max-width: 700px){
  .contact-intro{
    gap:22px;
  }

  .quote-form-wrap,
  .contact-panel{
    border-radius:24px;
  }

  .back-to-top{
    right:12px;
    bottom:12px;
    height:46px;
    min-width:46px;
    padding:0 14px;
  }

  .back-to-top-label{
    display:none;
  }
}


/* V44 – animált főmenü */
header nav,
.subpage-header nav{
  display:flex;
  align-items:center;
  gap:14px;
  padding:8px 14px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));
  box-shadow:0 10px 26px rgba(0,0,0,.18);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

header nav a,
.subpage-header nav a{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 10px;
  color:rgba(255,255,255,.84);
  font-size:13px;
  font-weight:700;
  letter-spacing:.01em;
  transform:translateY(0);
  transition:color .28s ease, transform .28s cubic-bezier(.2,.7,.2,1), text-shadow .28s ease;
}

header nav a::before,
.subpage-header nav a::before{
  content:"";
  position:absolute;
  left:-6px;
  right:-6px;
  top:5px;
  bottom:5px;
  z-index:-1;
  border-radius:12px;
  background:linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.06));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 10px 20px rgba(0,0,0,.14);
  opacity:0;
  transform:scale(.9);
  transition:opacity .28s ease, transform .28s cubic-bezier(.2,.7,.2,1), box-shadow .28s ease;
}

header nav a::after,
.subpage-header nav a::after{
  content:"";
  position:absolute;
  left:8px;
  right:8px;
  bottom:5px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.98), transparent);
  transform:scaleX(0);
  transform-origin:center;
  opacity:.95;
  transition:transform .34s cubic-bezier(.2,.7,.2,1);
}

header nav a:hover,
header nav a:focus-visible,
header nav a.is-active,
.subpage-header nav a:hover,
.subpage-header nav a:focus-visible,
.subpage-header nav a.is-active{
  color:#fff;
  text-shadow:0 0 18px rgba(255,255,255,.18);
  transform:translateY(-2px);
}

header nav a:hover::before,
header nav a:focus-visible::before,
header nav a.is-active::before,
.subpage-header nav a:hover::before,
.subpage-header nav a:focus-visible::before,
.subpage-header nav a.is-active::before{
  opacity:1;
  transform:scale(1);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 14px 26px rgba(0,0,0,.18);
}

header nav a:hover::after,
header nav a:focus-visible::after,
header nav a.is-active::after,
.subpage-header nav a:hover::after,
.subpage-header nav a:focus-visible::after,
.subpage-header nav a.is-active::after{
  transform:scaleX(1);
}

header nav a:focus-visible,
.subpage-header nav a:focus-visible{
  outline:none;
}

/* Finom belépő animáció a menüpontoknak */
header nav a,
.subpage-header nav a{
  opacity:0;
  animation:menuItemIn .56s cubic-bezier(.2,.7,.2,1) forwards;
}

header nav a:nth-child(1), .subpage-header nav a:nth-child(1){animation-delay:.08s}
header nav a:nth-child(2), .subpage-header nav a:nth-child(2){animation-delay:.13s}
header nav a:nth-child(3), .subpage-header nav a:nth-child(3){animation-delay:.18s}
header nav a:nth-child(4), .subpage-header nav a:nth-child(4){animation-delay:.23s}
header nav a:nth-child(5), .subpage-header nav a:nth-child(5){animation-delay:.28s}
header nav a:nth-child(6), .subpage-header nav a:nth-child(6){animation-delay:.33s}
header nav a:nth-child(7), .subpage-header nav a:nth-child(7){animation-delay:.38s}
header nav a:nth-child(8), .subpage-header nav a:nth-child(8){animation-delay:.43s}

@keyframes menuItemIn{
  from{opacity:0;transform:translateY(-8px)}
  to{opacity:1;transform:translateY(0)}
}

/* Ajánlatkérés CTA – kiemeltebb, mégis elegáns */
.nav-cta{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.24);
  box-shadow:0 8px 20px rgba(0,0,0,.14);
  transition:transform .28s ease, background .28s ease, border-color .28s ease, color .28s ease, box-shadow .28s ease;
}

.nav-cta::before{
  content:"";
  position:absolute;
  top:-30%;
  bottom:-30%;
  left:-55%;
  width:34%;
  z-index:-1;
  transform:skewX(-22deg);
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.24), transparent);
  transition:left .55s ease;
}

.nav-cta:hover,
.nav-cta:focus-visible{
  transform:translateY(-2px);
  background:#f1f1f1;
  color:#111;
  border-color:#f1f1f1;
  box-shadow:0 14px 30px rgba(0,0,0,.24);
  outline:none;
}

.nav-cta:hover::before,
.nav-cta:focus-visible::before{
  left:125%;
}

@media (prefers-reduced-motion: reduce){
  header nav a,
  .nav-cta,
  header nav a::before,
  header nav a::after{
    animation:none!important;
    transition:none!important;
  }

  header nav a{
    opacity:1;
  }
}


/* V45 – kiegyensúlyozott kapcsolat / ajánlatkérés */
.contact-intro-v45{
  grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);
  align-items:end;
  gap:72px;
}

.contact-intro-v45 h2{
  font-size:clamp(44px,4.6vw,66px);
  max-width:700px;
}

.contact-layout-v45{
  grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr);
  gap:24px;
  align-items:stretch;
}

.quote-form-v45,
.contact-panel-v45{
  height:100%;
  min-height:100%;
}

.quote-form-v45{
  padding:36px;
}

.contact-panel-v45{
  position:relative;
  top:auto;
  display:flex;
  flex-direction:column;
  padding:36px;
  background:
    linear-gradient(180deg,rgba(28,28,28,.98) 0%,rgba(14,14,14,.99) 100%);
}

.contact-panel-v45 .panel-label{
  color:#a9a9a9;
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:850;
}

.contact-panel-v45 h3{
  font-size:clamp(30px,3vw,42px);
  max-width:540px;
  margin:10px 0 22px;
  line-height:1.02;
}

.marketing-callout{
  padding:22px;
  margin-bottom:22px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:20px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.055) 0%,rgba(255,255,255,.018) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}

.marketing-label{
  display:block;
  margin-bottom:9px;
  color:#bcbcbc;
  font-size:10px;
  font-weight:850;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.marketing-callout p{
  margin:0;
  color:#c9c9c9;
  font-size:15px;
  line-height:1.7;
}

.marketing-callout strong{
  color:#fff;
  font-weight:760;
}

.contact-direct{
  margin-bottom:24px;
}

.contact-panel-v45 .contact-email{
  padding:15px 0;
}

.contact-panel-v45 .contact-email b{
  max-width:64%;
  overflow-wrap:anywhere;
}

.process-title{
  margin:4px 0 10px;
  color:#d9d9d9;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.contact-panel-v45 .contact-process-mini{
  margin:0;
  padding:18px;
}

.contact-benefits{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:auto;
  padding-top:22px;
}

.contact-benefits span{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:8px 11px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:999px;
  background:rgba(255,255,255,.03);
  color:#b7b7b7;
  font-size:10px;
  font-weight:700;
  letter-spacing:.02em;
}

.contact-panel-v45::after{
  content:"";
  position:absolute;
  right:-70px;
  bottom:-80px;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.05),transparent 70%);
  pointer-events:none;
}

/* A vissza a tetejére gomb maradjon hangsúlyos */
.back-to-top{
  min-width:196px;
  justify-content:center;
}

@media(max-width:1100px){
  .contact-intro-v45,
  .contact-layout-v45{
    grid-template-columns:1fr;
  }

  .contact-panel-v45{
    min-height:auto;
  }

  .contact-benefits{
    margin-top:22px;
  }
}

@media(max-width:700px){
  .contact-intro-v45 h2{
    font-size:40px;
  }

  .quote-form-v45,
  .contact-panel-v45{
    padding:24px;
  }

  .marketing-callout{
    padding:18px;
  }

  .back-to-top{
    min-width:46px;
  }
}


/* V46 – AI monitoring lista újratervezés */
.ai-section-v46{
  padding:108px 0;
  background:
    radial-gradient(circle at 12% 8%,rgba(255,255,255,.055),transparent 24%),
    radial-gradient(circle at 90% 16%,rgba(255,255,255,.035),transparent 22%),
    linear-gradient(135deg,#242424 0%,#1d1d1d 48%,#151515 100%);
}

.ai-grid-v46{
  grid-template-columns:minmax(300px,.76fr) minmax(0,1.24fr);
  gap:76px;
  align-items:start;
}

.ai-copy-v46{
  position:sticky;
  top:110px;
}

.ai-copy-v46 h2{
  max-width:600px;
}

.ai-copy-v46 > p{
  max-width:560px;
  font-size:17px;
  line-height:1.72;
}

.ai-custom-v46{
  margin-top:32px;
  padding:20px 0 0;
  border-top:1px solid rgba(255,255,255,.11);
}

.ai-custom-v46 > span{
  display:block;
  margin-bottom:8px;
  color:#f1f1f1;
  font-size:11px;
  font-weight:850;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.ai-custom-v46 p{
  margin:0;
  color:#b9b9b9;
  font-size:14px;
  line-height:1.65;
}

.ai-options-v46{
  padding:28px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:26px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
  box-shadow:0 24px 58px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.035);
}

.ai-options-head-v46{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  padding-bottom:20px;
  margin-bottom:18px;
  border-bottom:1px solid rgba(255,255,255,.09);
}

.ai-options-head-v46 > span{
  color:#fff;
  font-size:20px;
  font-weight:800;
  letter-spacing:-.025em;
}

.ai-options-head-v46 small{
  max-width:300px;
  color:#9e9e9e;
  font-size:12px;
  line-height:1.5;
  text-align:right;
}

.ai-grid-options-v46{
  counter-reset:aiOption;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:0;
}

.ai-grid-options-v46 .ai-chip{
  counter-increment:aiOption;
  position:relative;
  display:flex;
  align-items:center;
  min-height:72px;
  padding:15px 15px 15px 52px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  background:rgba(8,8,8,.28);
  color:#e9e9e9;
  font-size:15px;
  font-weight:760;
  line-height:1.25;
  transition:
    transform .22s ease,
    border-color .22s ease,
    background .22s ease,
    box-shadow .22s ease;
}

.ai-grid-options-v46 .ai-chip::before{
  content:counter(aiOption, decimal-leading-zero);
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  display:grid;
  place-items:center;
  width:27px;
  height:27px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.045);
  color:#a9a9a9;
  font-size:9px;
  font-weight:850;
  letter-spacing:.04em;
}

.ai-grid-options-v46 .ai-chip:hover{
  transform:translateY(-3px);
  border-color:rgba(255,255,255,.22);
  background:rgba(255,255,255,.065);
  box-shadow:0 12px 28px rgba(0,0,0,.18);
  color:#fff;
}

.ai-grid-options-v46 .ai-chip:hover::before{
  color:#fff;
  border-color:rgba(255,255,255,.28);
  background:rgba(255,255,255,.08);
}

@media(max-width:1100px){
  .ai-grid-v46{
    grid-template-columns:1fr;
    gap:38px;
  }

  .ai-copy-v46{
    position:relative;
    top:auto;
  }

  .ai-grid-options-v46{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:700px){
  .ai-section-v46{
    padding:76px 0;
  }

  .ai-options-v46{
    padding:20px;
    border-radius:22px;
  }

  .ai-options-head-v46{
    display:block;
  }

  .ai-options-head-v46 small{
    display:block;
    margin-top:7px;
    text-align:left;
  }

  .ai-grid-options-v46{
    grid-template-columns:1fr;
    gap:10px;
  }

  .ai-grid-options-v46 .ai-chip{
    min-height:64px;
    font-size:15px;
  }
}


/* V47 – AI blokk teljes szélességű, tömörebb elrendezés */
.ai-section-v47{
  padding:100px 0;
  background:
    radial-gradient(circle at 8% 10%,rgba(255,255,255,.05),transparent 22%),
    radial-gradient(circle at 94% 16%,rgba(255,255,255,.03),transparent 20%),
    linear-gradient(135deg,#242424 0%,#1d1d1d 48%,#151515 100%);
  border-top:1px solid rgba(255,255,255,.07);
  border-bottom:1px solid rgba(255,255,255,.07);
}

.ai-head-v47{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:80px;
  align-items:start;
  padding-bottom:38px;
  margin-bottom:30px;
  border-bottom:1px solid rgba(255,255,255,.10);
}

.ai-head-title-v47 h2{
  margin-bottom:0;
  max-width:650px;
}

.ai-head-copy-v47 > p{
  margin:0;
  max-width:700px;
  color:#b9b9b9;
  font-size:17px;
  line-height:1.72;
}

.ai-custom-inline-v47{
  display:grid;
  grid-template-columns:150px 1fr;
  gap:22px;
  align-items:start;
  margin-top:24px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.09);
}

.ai-custom-inline-v47 > span{
  color:#eeeeee;
  font-size:11px;
  font-weight:850;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.ai-custom-inline-v47 p{
  margin:0;
  color:#a9a9a9;
  font-size:14px;
  line-height:1.6;
}

.ai-options-v47{
  padding:28px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:28px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
  box-shadow:0 24px 58px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035);
}

.ai-options-head-v47{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:24px;
  padding-bottom:20px;
  margin-bottom:18px;
  border-bottom:1px solid rgba(255,255,255,.09);
}

.ai-options-head-v47 > div:first-child > span{
  display:block;
  color:#fff;
  font-size:21px;
  font-weight:800;
  letter-spacing:-.025em;
}

.ai-options-head-v47 small{
  display:block;
  margin-top:4px;
  color:#9c9c9c;
  font-size:12px;
}

.ai-count-v47{
  flex:0 0 auto;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;
  background:rgba(255,255,255,.035);
  color:#bdbdbd;
  font-size:11px;
  font-weight:750;
}

.ai-grid-options-v47{
  counter-reset:aiOption;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
}

.ai-grid-options-v47 .ai-chip{
  counter-increment:aiOption;
  position:relative;
  display:flex;
  align-items:center;
  min-height:78px;
  padding:17px 14px 17px 50px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  background:rgba(8,8,8,.30);
  color:#e9e9e9;
  font-size:15px;
  font-weight:760;
  line-height:1.25;
  transition:
    transform .22s ease,
    border-color .22s ease,
    background .22s ease,
    box-shadow .22s ease;
}

.ai-grid-options-v47 .ai-chip::before{
  content:counter(aiOption, decimal-leading-zero);
  position:absolute;
  left:13px;
  top:50%;
  transform:translateY(-50%);
  display:grid;
  place-items:center;
  width:27px;
  height:27px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.045);
  color:#a9a9a9;
  font-size:9px;
  font-weight:850;
  letter-spacing:.04em;
}

.ai-grid-options-v47 .ai-chip:hover{
  transform:translateY(-3px);
  border-color:rgba(255,255,255,.22);
  background:rgba(255,255,255,.065);
  box-shadow:0 12px 28px rgba(0,0,0,.18);
  color:#fff;
}

.ai-grid-options-v47 .ai-chip:hover::before{
  color:#fff;
  border-color:rgba(255,255,255,.28);
  background:rgba(255,255,255,.08);
}

@media(max-width:1200px){
  .ai-grid-options-v47{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:950px){
  .ai-head-v47{
    grid-template-columns:1fr;
    gap:28px;
  }

  .ai-custom-inline-v47{
    grid-template-columns:1fr;
    gap:8px;
  }
}

@media(max-width:700px){
  .ai-section-v47{
    padding:74px 0;
  }

  .ai-options-v47{
    padding:20px;
    border-radius:22px;
  }

  .ai-options-head-v47{
    display:block;
  }

  .ai-count-v47{
    display:inline-flex;
    margin-top:12px;
  }

  .ai-grid-options-v47{
    grid-template-columns:1fr;
    gap:10px;
  }

  .ai-grid-options-v47 .ai-chip{
    min-height:64px;
  }
}


/* V48 – AI fejléc jobb oldal nagyobb tipográfiával */
.ai-head-v47{
  grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
  gap:72px;
  align-items:stretch;
}

.ai-head-copy-v48{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
  align-content:start;
}

.ai-lead-v48{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:18px;
  align-items:start;
  padding:0 0 24px;
  border-bottom:1px solid rgba(255,255,255,.11);
}

.ai-lead-index-v48{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:50%;
  background:rgba(255,255,255,.035);
  color:#b9b9b9;
  font-size:10px;
  font-weight:850;
  letter-spacing:.04em;
}

.ai-lead-v48 p{
  margin:0;
  max-width:820px;
  color:#d2d2d2;
  font-size:22px;
  line-height:1.52;
  letter-spacing:-.012em;
}

.ai-custom-card-v48{
  display:block;
  margin:0;
  padding:21px 22px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.018));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}

.ai-custom-title-v48{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:18px;
  align-items:center;
  margin-bottom:13px;
}

.ai-custom-title-v48 small{
  display:block;
  margin-bottom:4px;
  color:#9e9e9e;
  font-size:10px;
  font-weight:850;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.ai-custom-title-v48 strong{
  display:block;
  color:#f1f1f1;
  font-size:19px;
  line-height:1.28;
  letter-spacing:-.015em;
}

.ai-custom-card-v48 > p{
  margin:0 0 0 60px;
  max-width:780px;
  color:#b8b8b8;
  font-size:16px;
  line-height:1.65;
}

@media(max-width:950px){
  .ai-head-v47{
    grid-template-columns:1fr;
    gap:30px;
  }

  .ai-lead-v48 p{
    font-size:20px;
  }
}

@media(max-width:700px){
  .ai-lead-v48{
    grid-template-columns:34px 1fr;
    gap:12px;
  }

  .ai-lead-index-v48{
    width:30px;
    height:30px;
  }

  .ai-lead-v48 p{
    font-size:18px;
  }

  .ai-custom-title-v48{
    grid-template-columns:34px 1fr;
    gap:12px;
  }

  .ai-custom-card-v48 > p{
    margin-left:46px;
    font-size:14px;
  }
}


/* FINAL – finom, folyamatosan mozgó hero háttér */
.hero-bg{
  animation:heroCinematicFinal 24s cubic-bezier(.45,.05,.55,.95) infinite alternate !important;
  transform-origin:50% 48%;
  will-change:transform,background-position;
}

@keyframes heroCinematicFinal{
  0%{
    transform:scale(1.035) translate3d(-.7%,0,0);
    background-position:48% 50%;
  }
  50%{
    transform:scale(1.075) translate3d(.4%,-.4%,0);
    background-position:51% 48.5%;
  }
  100%{
    transform:scale(1.105) translate3d(1.0%,-.7%,0);
    background-position:54% 47%;
  }
}

@media(prefers-reduced-motion:reduce){
  .hero-bg{
    animation:none !important;
    transform:scale(1.04);
  }
}


/* SEO / AI tartalmi kiemelés – konkrét megoldandó problémák */
.problem-copy{
  margin:20px 0 0 !important;
  padding:15px 17px;
  border-left:2px solid rgba(255,255,255,.44);
  border-top:1px solid rgba(255,255,255,.07);
  border-right:1px solid rgba(255,255,255,.07);
  border-bottom:1px solid rgba(255,255,255,.07);
  border-radius:0 14px 14px 0;
  background:rgba(255,255,255,.025);
  color:#bdbdbd !important;
  font-size:15px !important;
  line-height:1.65;
}
.problem-copy strong{
  display:block;
  margin-bottom:5px;
  color:#f0f0f0;
  font-size:10px;
  font-weight:850;
  letter-spacing:.12em;
  text-transform:uppercase;
}


/* Hivatalos pilóták */
.pilots-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 0%,rgba(255,255,255,.04),transparent 24%),
    linear-gradient(180deg,#111 0%,#0d0d0d 100%);
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.pilots-section:before{
  content:"";
  position:absolute;
  right:-140px;
  top:-170px;
  width:440px;
  height:440px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.04);
  pointer-events:none;
}
.pilots-head{
  align-items:end;
}
.pilots-head p{
  max-width:660px;
  color:#aaa;
}
.pilots-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.pilot-card{
  position:relative;
  display:flex;
  align-items:center;
  gap:18px;
  min-height:138px;
  padding:24px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
  box-shadow:0 16px 36px rgba(0,0,0,.18);
  overflow:hidden;
  transition:transform .25s ease,border-color .25s ease,background .25s ease;
}
.pilot-card:after{
  content:"";
  position:absolute;
  right:-42px;
  bottom:-52px;
  width:116px;
  height:116px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.055);
}
.pilot-card:hover{
  transform:translateY(-4px);
  border-color:rgba(255,255,255,.20);
  background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025));
}
.pilot-mark{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:56px;
  height:56px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.14);
  background:#191919;
  color:#e7e7e7;
  font-size:14px;
  font-weight:850;
  letter-spacing:.04em;
}
.pilot-info h3{
  margin:0 0 6px;
  color:#f2f2f2;
  font-size:20px;
  line-height:1.15;
  letter-spacing:-.025em;
}
.pilot-info p{
  margin:0;
  color:#909090;
  font-size:12px;
  line-height:1.45;
}
@media(max-width:1050px){
  .pilots-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .pilots-grid{grid-template-columns:1fr}
  .pilot-card{min-height:118px}
}


/* Pilóták – főbb szakterületek */
.pilot-card{
  align-items:flex-start;
}
.pilot-info{
  min-width:0;
}
.pilot-role{
  margin:0 0 8px !important;
  color:#a5a5a5 !important;
  font-size:11px !important;
  font-weight:750;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.pilot-area{
  margin:0 !important;
  max-width:270px;
  color:#c3c3c3 !important;
  font-size:13px !important;
  line-height:1.55 !important;
}


/* Dronshop.hu logó a footerben */
.footer-with-partner{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:34px;
}
.footer-main-brand{
  display:inline-flex;
  align-items:center;
}
.footer-main-brand img{
  width:190px;
}
.footer-with-partner small{
  text-align:center;
}
.footer-dronshop{
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  padding:8px 0;
  opacity:.82;
  transition:opacity .22s ease,transform .22s ease;
}
.footer-dronshop:hover{
  opacity:1;
  transform:translateY(-2px);
}
.footer-dronshop img{
  width:150px;
  max-height:62px;
  object-fit:contain;
}
@media(max-width:760px){
  .footer-with-partner{
    grid-template-columns:1fr;
    justify-items:center;
    gap:18px;
    text-align:center;
  }
  .footer-dronshop{
    justify-content:center;
  }
  .footer-with-partner small{
    order:3;
  }
}


/* AUTONÓM DRÓNFELÜGYELET – külön szolgáltatásoldal */
.service-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:24px}
.text-link{color:#bdbdbd;font-size:12px;font-weight:750;transition:color .2s ease,transform .2s ease}
.text-link:hover{color:#fff;transform:translateX(2px)}

.service-page-body{background:#0c0c0c}
.subpage-header{position:absolute;inset:0 0 auto 0;z-index:30;background:linear-gradient(180deg,rgba(0,0,0,.78),transparent)}
.subpage-header .nav{min-height:86px}
.subpage-hero{position:relative;min-height:78vh;display:flex;align-items:flex-end;overflow:hidden;background:#070707}
.subpage-hero-bg{position:absolute;inset:0;background-position:center;background-size:cover;filter:saturate(.72) contrast(1.05);animation:subHeroMove 22s ease-in-out infinite alternate}
@keyframes subHeroMove{from{transform:scale(1.03);background-position:48% 50%}to{transform:scale(1.09);background-position:54% 48%}}
.subpage-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.14) 52%,#0c0c0c 100%)}
.subpage-hero-inner{position:relative;z-index:2;width:100%;padding-top:150px;padding-bottom:86px}
.breadcrumbs{display:flex;gap:9px;align-items:center;margin-bottom:24px;color:#838383;font-size:11px}
.breadcrumbs a{color:#c7c7c7}
.subpage-hero-copy{max-width:940px}
.subpage-hero-copy h1{max-width:980px;margin:10px 0 24px;color:#fff;font-size:clamp(54px,6.4vw,96px);line-height:.92;letter-spacing:-.058em}
.subpage-hero-copy p{max-width:800px;color:#c6c6c6;font-size:19px;line-height:1.68}
.subpage-two-col{display:grid;grid-template-columns:minmax(0,.94fr) minmax(360px,1.06fr);gap:82px;align-items:start}
.subpage-lead{max-width:670px;color:#aaa;font-size:16px;line-height:1.72}
.subpage-checklist{display:grid;gap:0;margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.10)}
.subpage-checklist li{position:relative;padding:18px 18px 18px 44px;border-bottom:1px solid rgba(255,255,255,.08);color:#cacaca;font-size:16px;line-height:1.55}
.subpage-checklist li:before{content:"";position:absolute;left:13px;top:26px;width:9px;height:9px;border-radius:50%;border:1px solid #aaa}

.autonom-capabilities{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.autonom-capabilities article,.autonom-use-grid article,.autonom-process article{padding:24px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:#171717;box-shadow:0 16px 36px rgba(0,0,0,.14)}
.autonom-capabilities article{min-height:205px}
.autonom-capabilities span,.autonom-use-grid span,.autonom-process span{color:#777;font-size:10px;font-weight:850}
.autonom-capabilities h3,.autonom-use-grid h3,.autonom-process h3{margin:44px 0 10px;color:#f1f1f1;font-size:20px;letter-spacing:-.025em}
.autonom-capabilities p,.autonom-use-grid p,.autonom-process p{margin:0;color:#999;font-size:13px;line-height:1.65}

.autonom-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.autonom-process article{min-height:245px}
.autonom-ai{background:radial-gradient(circle at 10% 20%,rgba(255,255,255,.05),transparent 24%),linear-gradient(135deg,#252525,#151515);border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
.autonom-ai-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.autonom-ai-grid span{display:flex;align-items:center;min-height:56px;padding:13px 16px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(0,0,0,.18);color:#dedede;font-size:14px;font-weight:750}
.autonom-use-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.autonom-use-grid article{min-height:220px}

.subpage-cta{padding:84px 0;background:linear-gradient(135deg,#262626,#101010);border-top:1px solid rgba(255,255,255,.08)}
.subpage-cta-inner{display:grid;grid-template-columns:1.22fr .78fr;gap:70px;align-items:center}
.subpage-cta h2{margin:8px 0 14px;color:#fff;font-size:clamp(38px,4.3vw,68px);line-height:.97;letter-spacing:-.052em}
.subpage-cta p{max-width:760px;color:#aaa;line-height:1.7}
.subpage-cta-actions{display:grid;gap:17px;justify-items:start}
.direct-contact{display:grid;gap:2px;color:#fff}
.direct-contact small{color:#777}
.direct-contact strong{font-size:19px}
.footer-service-page small{text-align:center}

@media(max-width:1100px){
  .autonom-capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}
  .autonom-process,.autonom-use-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:950px){
  .subpage-header nav{display:none}
  .subpage-two-col,.subpage-cta-inner{grid-template-columns:1fr;gap:34px}
}
@media(max-width:620px){
  .subpage-hero{min-height:80vh}
  .subpage-hero-inner{padding-top:125px;padding-bottom:58px}
  .subpage-hero-copy h1{font-size:45px}
  .subpage-hero-copy p{font-size:16px}
  .autonom-capabilities,.autonom-process,.autonom-use-grid,.autonom-ai-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.subpage-hero-bg{animation:none}}


/* AUTONÓM V2 – valós projektképekre épített oldal */
.autonom-hero-v2{min-height:82vh}
.autonom-hero-copy-v2 h1{max-width:1040px;font-size:clamp(52px,6vw,92px)}
.autonom-real-section{background:#0d0d0d}
.autonom-real-head{margin-bottom:30px}
.real-ops-feature{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(280px,.45fr);
  gap:18px;
}
.real-ops-main{
  position:relative;
  min-height:620px;
  margin:0;
  overflow:hidden;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.08);
  background:#111;
}
.real-ops-main img{
  width:100%;
  height:100%;
  min-height:620px;
  object-fit:cover;
  display:block;
}
.real-ops-main:after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.72) 100%);
}
.real-ops-main figcaption{
  position:absolute;
  z-index:2;
  left:28px;right:28px;bottom:24px;
  display:grid;
  grid-template-columns:42px 1fr;
  gap:14px;
  align-items:start;
}
.real-ops-main figcaption>span{
  display:grid;place-items:center;width:38px;height:38px;border-radius:50%;
  border:1px solid rgba(255,255,255,.22);color:#ddd;font-size:10px;font-weight:850;
  background:rgba(0,0,0,.32);backdrop-filter:blur(8px);
}
.real-ops-main figcaption strong{display:block;color:#fff;font-size:22px}
.real-ops-main figcaption p{margin:5px 0 0;color:#bbb;font-size:13px}
.real-ops-side{display:grid;gap:12px}
.real-ops-stat{
  display:flex;flex-direction:column;justify-content:flex-end;
  min-height:196px;padding:22px;border-radius:20px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(145deg,#1b1b1b,#111);
}
.real-ops-stat small{color:#777;font-size:9px;font-weight:850;letter-spacing:.12em}
.real-ops-stat strong{margin:10px 0 8px;color:#f3f3f3;font-size:32px;letter-spacing:-.04em}
.real-ops-stat p{margin:0;color:#949494;font-size:12px;line-height:1.6}

.autonom-problem-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;
}
.autonom-problem-grid article{
  min-height:300px;padding:26px;border-radius:22px;
  border:1px solid rgba(255,255,255,.09);
  background:linear-gradient(145deg,#1a1a1a,#121212);
}
.autonom-problem-grid article>span{color:#777;font-size:10px;font-weight:850}
.autonom-problem-grid small{display:block;margin-top:58px;color:#8e8e8e;font-size:9px;font-weight:850;letter-spacing:.12em}
.autonom-problem-grid h3{margin:9px 0 12px;color:#f3f3f3;font-size:26px;letter-spacing:-.035em}
.autonom-problem-grid p{margin:0;color:#9d9d9d;font-size:13px;line-height:1.7}

.autonom-rgb-section{background:#0c0c0c}
.ops-gallery{
  display:grid;grid-template-columns:1.35fr .65fr;grid-template-rows:1fr 1fr;gap:14px;
}
.ops-shot{position:relative;margin:0;overflow:hidden;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:#111}
.ops-shot-large{grid-row:1/3;min-height:620px}
.ops-shot:not(.ops-shot-large){min-height:302px}
.ops-shot img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.ops-shot:hover img{transform:scale(1.018)}
.ops-shot:after{
  content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.7));
}
.ops-shot figcaption{
  position:absolute;z-index:2;left:18px;bottom:16px;color:#eee;font-size:12px;font-weight:750
}

.autonom-thermal-section{
  background:linear-gradient(135deg,#1c1c1c,#0e0e0e);
  border-top:1px solid rgba(255,255,255,.07);
  border-bottom:1px solid rgba(255,255,255,.07);
}
.thermal-layout{display:grid;grid-template-columns:1.18fr .82fr;gap:14px}
.thermal-primary,.thermal-stack figure{
  position:relative;margin:0;overflow:hidden;border-radius:20px;border:1px solid rgba(255,255,255,.09);background:#080808
}
.thermal-primary{min-height:660px}
.thermal-primary img,.thermal-stack img{width:100%;height:100%;object-fit:cover;display:block}
.thermal-primary:after,.thermal-stack figure:after{
  content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.72));
}
.thermal-primary figcaption{
  position:absolute;z-index:2;left:24px;bottom:22px;display:grid;gap:4px
}
.thermal-primary figcaption strong{color:#fff;font-size:22px}
.thermal-primary figcaption span{color:#a7a7a7;font-size:12px}
.thermal-stack{display:grid;grid-template-rows:1fr 1fr;gap:14px}
.thermal-stack figure{min-height:322px}
.thermal-stack figcaption{
  position:absolute;z-index:2;left:18px;bottom:16px;color:#eee;font-size:12px;font-weight:750
}

.system-flow{
  display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;
  gap:10px;align-items:center;
}
.system-flow>div{
  min-height:185px;padding:20px;border-radius:18px;border:1px solid rgba(255,255,255,.09);
  background:#171717;display:flex;flex-direction:column
}
.system-flow>div span{color:#757575;font-size:9px;font-weight:850}
.system-flow>div strong{margin-top:auto;color:#f2f2f2;font-size:21px}
.system-flow>div small{margin-top:7px;color:#8f8f8f;font-size:11px;line-height:1.45}
.system-flow>i{font-style:normal;color:#555;font-size:20px}

@media(max-width:1100px){
  .real-ops-feature,.thermal-layout{grid-template-columns:1fr}
  .real-ops-side{grid-template-columns:repeat(3,1fr)}
  .real-ops-stat{min-height:170px}
  .thermal-primary{min-height:520px}
  .thermal-stack{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .system-flow{grid-template-columns:1fr}
  .system-flow>i{transform:rotate(90deg);justify-self:center}
}
@media(max-width:850px){
  .autonom-problem-grid{grid-template-columns:1fr}
  .ops-gallery{grid-template-columns:1fr;grid-template-rows:auto}
  .ops-shot-large{grid-row:auto;min-height:440px}
  .ops-shot:not(.ops-shot-large){min-height:320px}
  .real-ops-side{grid-template-columns:1fr}
  .thermal-stack{grid-template-columns:1fr}
}
@media(max-width:620px){
  .real-ops-main,.real-ops-main img{min-height:420px}
  .thermal-primary{min-height:390px}
  .thermal-stack figure{min-height:260px}
}


/* AUTONÓM V3 – termál videó */
.thermal-video-card video{
  width:100%;
  height:100%;
  min-height:322px;
  object-fit:cover;
  display:block;
  background:#070707;
}
@media(max-width:850px){
  .thermal-video-card video{min-height:300px}
}
@media(max-width:620px){
  .thermal-video-card video{min-height:260px}
}


/* FŐOLDAL – valós autonóm / termál média */
.homepage-service-links > a{
  position:relative;display:flex;align-items:center;min-height:52px;padding:13px 36px 13px 0;
  border-bottom:1px solid var(--line);color:#efefef;font-size:13px;font-weight:800;
  transition:color .2s ease,transform .2s ease;
}
.homepage-service-links > a:after{content:"→";position:absolute;right:2px;color:#ddd}
.homepage-service-links > a:hover{color:#fff;transform:translateX(2px)}
.homepage-monitoring-showcase{
  position:relative;overflow:hidden;background:radial-gradient(circle at 8% 0%,rgba(255,255,255,.045),transparent 24%),linear-gradient(180deg,#101010 0%,#0c0c0c 100%);
  border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)
}
.monitoring-showcase-head{align-items:end}
.monitoring-media-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:14px}
.monitoring-video-card,.monitoring-stills figure{position:relative;overflow:hidden;margin:0;border-radius:22px;border:1px solid rgba(255,255,255,.09);background:#080808}
.monitoring-video-card{min-height:610px}
.monitoring-video-card video{width:100%;height:100%;min-height:610px;object-fit:cover;display:block;background:#080808}
.monitoring-video-card:after,.monitoring-stills figure:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.78) 100%)}
.monitoring-video-card figcaption{position:absolute;z-index:2;left:26px;right:26px;bottom:24px;display:grid;gap:5px}
.monitoring-video-card figcaption small{color:#aaa;font-size:9px;font-weight:850;letter-spacing:.13em}
.monitoring-video-card figcaption strong{color:#fff;font-size:24px;letter-spacing:-.03em}
.monitoring-video-card figcaption span{max-width:620px;color:#b6b6b6;font-size:12px;line-height:1.55}
.monitoring-stills{display:grid;grid-template-rows:1fr 1fr;gap:14px}
.monitoring-stills figure{min-height:298px}
.monitoring-stills img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.monitoring-stills figure:hover img{transform:scale(1.018)}
.monitoring-stills figcaption{position:absolute;z-index:2;left:18px;right:18px;bottom:16px;display:grid;gap:3px}
.monitoring-stills figcaption strong{color:#fff;font-size:16px}
.monitoring-stills figcaption span{color:#aaa;font-size:11px}
.monitoring-showcase-link{display:flex;justify-content:flex-end;margin-top:20px}
@media(max-width:950px){.monitoring-media-grid{grid-template-columns:1fr}.monitoring-stills{grid-template-columns:1fr 1fr;grid-template-rows:auto}.monitoring-stills figure{min-height:300px}}
@media(max-width:650px){.monitoring-video-card,.monitoring-video-card video{min-height:430px}.monitoring-stills{grid-template-columns:1fr}.monitoring-showcase-link{justify-content:stretch}.monitoring-showcase-link .btn{width:100%}}


/* Video autoplay stabilizálás */
video[autoplay]{
  background:#080808;
}
video[autoplay]::-webkit-media-controls{
  display:none !important;
}


/* Autonóm oldal – változatos helyzetkép galéria */
.ops-gallery-diverse .ops-shot:nth-child(2) img{
  object-position:center center;
}
.ops-gallery-diverse .ops-shot:nth-child(3) img{
  object-position:center 42%;
}


/* AUTONÓM – 3 videó + középre rendezett hero */
.autonom-hero-v2 .subpage-hero-inner{
  display:flex;
  flex-direction:column;
  align-items:center;
}

.autonom-hero-v2 .breadcrumbs{
  align-self:flex-start;
}

.autonom-hero-centered{
  max-width:1080px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
}

.autonom-hero-centered h1{
  max-width:1050px;
  margin-left:auto;
  margin-right:auto;
}

.autonom-hero-centered p{
  max-width:820px;
  margin-left:auto;
  margin-right:auto;
}

.autonom-hero-centered .hero-actions{
  justify-content:center;
}

.real-ops-video video,
.ops-video-shot video{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  background:#080808;
}

.real-ops-video video{
  min-height:620px;
}

.ops-video-shot video{
  min-height:620px;
}

.real-ops-video:after,
.ops-video-shot:after{
  pointer-events:none;
}

@media(max-width:850px){
  .real-ops-video video,
  .ops-video-shot video{
    min-height:430px;
  }
}

@media(max-width:620px){
  .autonom-hero-centered h1{
    font-size:43px;
  }
  .autonom-hero-centered p{
    max-width:560px;
  }
  .real-ops-video video,
  .ops-video-shot video{
    min-height:340px;
  }
}


/* BIZTONSÁG + AUTONÓM VÉDELEM – főoldal */
.security-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 0%,rgba(255,255,255,.05),transparent 24%),
    linear-gradient(135deg,#202020 0%,#131313 55%,#0d0d0d 100%);
  border-top:1px solid rgba(255,255,255,.07);
  border-bottom:1px solid rgba(255,255,255,.07);
}
.security-head{
  align-items:end;
}
.security-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.security-card{
  min-height:300px;
  padding:25px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.014));
  box-shadow:0 18px 38px rgba(0,0,0,.18);
  transition:transform .24s ease,border-color .24s ease,background .24s ease;
}
.security-card:hover{
  transform:translateY(-4px);
  border-color:rgba(255,255,255,.20);
  background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.024));
}
.security-card>span{
  color:#747474;
  font-size:10px;
  font-weight:850;
}
.security-card small{
  display:block;
  margin-top:58px;
  color:#949494;
  font-size:9px;
  font-weight:850;
  letter-spacing:.12em;
}
.security-card h3{
  margin:9px 0 11px;
  color:#f2f2f2;
  font-size:23px;
  line-height:1.15;
  letter-spacing:-.03em;
}
.security-card p{
  margin:0;
  color:#9f9f9f;
  font-size:13px;
  line-height:1.68;
}
.security-card-primary{
  background:
    radial-gradient(circle at 100% 0%,rgba(255,255,255,.06),transparent 35%),
    linear-gradient(145deg,#222,#151515);
}
.security-cta{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:18px;
  margin-top:22px;
}
.industry-security-card{
  border-color:rgba(255,255,255,.12);
}

/* AUTONÓM ALULOLDAL – biztonság és rendezvényvédelem */
.autonom-security-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 92% 0%,rgba(255,255,255,.045),transparent 24%),
    linear-gradient(180deg,#111 0%,#0c0c0c 100%);
  border-top:1px solid rgba(255,255,255,.07);
  border-bottom:1px solid rgba(255,255,255,.07);
}
.autonom-security-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.autonom-security-grid article{
  min-height:285px;
  padding:24px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:20px;
  background:#171717;
  box-shadow:0 15px 34px rgba(0,0,0,.16);
}
.autonom-security-grid article>span{
  color:#727272;
  font-size:10px;
  font-weight:850;
}
.autonom-security-grid article small{
  display:block;
  margin-top:50px;
  color:#8f8f8f;
  font-size:9px;
  font-weight:850;
  letter-spacing:.11em;
}
.autonom-security-grid article h3{
  margin:9px 0 10px;
  color:#f0f0f0;
  font-size:22px;
  line-height:1.18;
  letter-spacing:-.025em;
}
.autonom-security-grid article p{
  margin:0;
  color:#989898;
  font-size:13px;
  line-height:1.68;
}
.security-operation-note{
  display:grid;
  grid-template-columns:minmax(180px,.3fr) minmax(0,.7fr);
  gap:34px;
  margin-top:16px;
  padding:24px 26px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:20px;
  background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
}
.security-operation-note strong{
  color:#f0f0f0;
  font-size:18px;
  line-height:1.3;
}
.security-operation-note p{
  margin:0;
  color:#aaa;
  font-size:14px;
  line-height:1.7;
}

@media(max-width:1100px){
  .security-grid,
  .autonom-security-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:700px){
  .security-grid,
  .autonom-security-grid{
    grid-template-columns:1fr;
  }
  .security-operation-note{
    grid-template-columns:1fr;
    gap:10px;
  }
  .security-cta{
    justify-content:stretch;
  }
  .security-cta .btn{
    width:100%;
  }
}


/* Új autonóm képek – egységes 16:10 megjelenés */
.service-media img[src*="autonom-dock-day"],
.ops-shot img[src*="autonom-dock-day"],
.ops-shot img[src*="autonom-thermal-wide-upload"],
.thermal-primary img[src*="autonom-dock-night"]{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  display:block;
}

.ops-shot:not(.ops-shot-large){
  aspect-ratio:16 / 10;
  min-height:0;
}

.thermal-primary{
  aspect-ratio:16 / 10;
  min-height:0;
}

.thermal-primary img{
  min-height:0;
}

@media(max-width:850px){
  .thermal-primary{
    aspect-ratio:16 / 10;
    min-height:0;
  }
}


/* =========================================================
   FULL WIDE + DOCK FÓKUSZÚ FŐOLDAL
   ========================================================= */
@media(min-width:1400px){
  .container{
    width:min(1760px,calc(100% - 48px));
    max-width:none;
  }

  .intro-grid{
    grid-template-columns:minmax(420px,.72fr) minmax(0,1.28fr);
    gap:110px;
  }

  .services-intro{
    grid-template-columns:minmax(0,1.18fr) minmax(420px,.82fr);
    gap:70px;
  }

  .editorial-service{
    grid-template-columns:minmax(0,1.02fr) minmax(580px,.98fr);
    gap:72px;
  }

  .editorial-service.reverse{
    grid-template-columns:minmax(580px,.98fr) minmax(0,1.02fr);
  }

  .section-head{
    gap:100px;
  }

  .section-head p{
    max-width:720px;
  }

  .industry-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .security-grid,
  .autonom-security-grid{
    gap:18px;
  }

  .monitoring-media-grid{
    grid-template-columns:minmax(0,1.45fr) minmax(420px,.55fr);
  }
}

/* Az autonóm/Dock blokk kapjon nagyobb vizuális súlyt */
#szolgaltatasok{
  padding-bottom:42px;
}

#szolgaltatasok .editorial-service{
  margin-bottom:34px;
}

#szolgaltatasok .service-copy h3{
  font-size:clamp(44px,4.5vw,74px);
}

#szolgaltatasok .service-media img{
  aspect-ratio:16/9;
}

/* További szakmai szolgáltatások – Dock blokk után */
.services-followup{
  background:#fff;
}

.followup-head{
  margin-bottom:76px;
}

.services-followup .editorial-service:last-child{
  margin-bottom:0;
}

/* Az utolsó szolgáltatás ténylegesen a Vadászat / erdőgazdálkodás */
#vadaszat{
  margin-bottom:0;
}

/* Full wide autonóm aloldal */
.service-page-body .container{
  width:min(1760px,calc(100% - 48px));
  max-width:none;
}

@media(max-width:1050px){
  .container,
  .service-page-body .container{
    width:calc(100% - 32px);
  }
}

@media(max-width:700px){
  .container,
  .service-page-body .container{
    width:calc(100% - 22px);
  }
}

/* Térinformatika külön szolgáltatásoldal */
.service-heading-link{color:inherit;text-decoration:none}.service-heading-link:hover{color:#fff}.terinfo-hero-copy{max-width:1120px}.terinfo-hero-copy h1{max-width:1120px}.terinfo-output-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.terinfo-output-grid article,.terinfo-process article{min-height:220px;padding:24px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:#171717}.terinfo-output-grid span,.terinfo-process span{color:#777;font-size:10px;font-weight:850}.terinfo-output-grid h3,.terinfo-process h3{margin:42px 0 10px;color:#f2f2f2;font-size:22px;letter-spacing:-.025em}.terinfo-output-grid p,.terinfo-process p{margin:0;color:#999;font-size:13px;line-height:1.65}.terinfo-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.terinfo-process article{min-height:245px}@media(max-width:1100px){.terinfo-output-grid,.terinfo-process{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.terinfo-output-grid,.terinfo-process{grid-template-columns:1fr}}


/* Térinformatika – valós feldolgozási média */
.kicker-link{
  color:inherit;
  text-decoration:none;
}
.kicker-link:hover{color:#fff}

.service-media-link{
  display:block;
  width:100%;
  height:100%;
}

.terinfo-real-media{
  background:#0d0d0d;
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
}

.terinfo-media-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);
  gap:14px;
}
.terinfo-media-main,
.terinfo-media-side figure,
.terinfo-video-card{
  position:relative;
  overflow:hidden;
  margin:0;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.09);
  background:#080808;
}
.terinfo-media-main{
  min-height:650px;
}
.terinfo-media-main img,
.terinfo-media-side img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.terinfo-media-main:after,
.terinfo-media-side figure:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.78));
}
.terinfo-media-main figcaption,
.terinfo-media-side figcaption{
  position:absolute;
  z-index:2;
  left:20px;
  right:20px;
  bottom:18px;
  display:grid;
  gap:4px;
}
.terinfo-media-main figcaption strong,
.terinfo-media-side figcaption strong{
  color:#fff;
  font-size:17px;
}
.terinfo-media-main figcaption span,
.terinfo-media-side figcaption span{
  color:#aaa;
  font-size:11px;
}
.terinfo-media-side{
  display:grid;
  grid-template-rows:1fr 1fr;
  gap:14px;
}
.terinfo-media-side figure{
  min-height:318px;
}

.terinfo-video-block{
  display:grid;
  grid-template-columns:minmax(320px,.38fr) minmax(0,.62fr);
  gap:42px;
  align-items:center;
  margin-top:54px;
  padding-top:42px;
  border-top:1px solid rgba(255,255,255,.09);
}
.terinfo-video-copy h3{
  margin:10px 0 14px;
  color:#f2f2f2;
  font-size:clamp(32px,3.2vw,52px);
  line-height:1;
  letter-spacing:-.045em;
}
.terinfo-video-copy p{
  margin:0;
  color:#9e9e9e;
  line-height:1.7;
}
.terinfo-video-card{
  aspect-ratio:16/9;
}
.terinfo-video-card video{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  background:#080808;
}
.terinfo-video-card figcaption{
  position:absolute;
  left:18px;
  bottom:16px;
  z-index:2;
  color:#fff;
  font-size:12px;
  font-weight:800;
  text-shadow:0 2px 12px #000;
}

@media(max-width:1050px){
  .terinfo-media-grid,
  .terinfo-video-block{
    grid-template-columns:1fr;
  }
  .terinfo-media-side{
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto;
  }
}
@media(max-width:680px){
  .terinfo-media-main{min-height:420px}
  .terinfo-media-side{grid-template-columns:1fr}
  .terinfo-media-side figure{min-height:300px}
}


/* =========================================================
   TÉRINFORMATIKA V3 – FULL WIDE, VIDEÓ NÉLKÜL
   ========================================================= */
.terinfo-page{
  background:#0b0b0b;
}

.terinfo-page .container{
  width:min(1760px,calc(100% - 48px));
  max-width:none;
}

.terinfo-hero-new{
  position:relative;
  min-height:92vh;
  display:flex;
  align-items:center;
  padding:132px 0 72px;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 35%,rgba(255,255,255,.07),transparent 28%),
    linear-gradient(135deg,#101010 0%,#070707 72%);
}

.terinfo-hero-new:before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.11;
  background-image:
    linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(90deg,#000,transparent 68%);
}

.terinfo-hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,.83fr) minmax(620px,1.17fr);
  gap:72px;
  align-items:center;
}

.terinfo-hero-content h1{
  max-width:900px;
  margin:14px 0 24px;
  color:#f5f5f5;
  font-size:clamp(58px,5.5vw,100px);
  line-height:.91;
  letter-spacing:-.062em;
}

.terinfo-hero-content>p{
  max-width:780px;
  color:#aaa;
  font-size:18px;
  line-height:1.7;
}

.terinfo-hero-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:40px;
  padding-top:26px;
  border-top:1px solid rgba(255,255,255,.10);
}
.terinfo-hero-metrics div{
  display:grid;
  gap:5px;
}
.terinfo-hero-metrics strong{
  color:#f1f1f1;
  font-size:16px;
}
.terinfo-hero-metrics span{
  color:#747474;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.terinfo-hero-visual{
  position:relative;
  margin:0;
  min-height:640px;
  border-radius:28px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.11);
  background:#050505;
  box-shadow:0 40px 90px rgba(0,0,0,.35);
}
.terinfo-hero-visual img{
  width:100%;
  height:100%;
  min-height:640px;
  display:block;
  object-fit:cover;
}
.terinfo-hero-visual:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 58%,rgba(0,0,0,.78));
}
.terinfo-hero-visual figcaption{
  position:absolute;
  z-index:2;
  left:26px;
  bottom:22px;
  display:grid;
  gap:5px;
}
.terinfo-hero-visual figcaption span{
  color:#aaa;
  font-size:9px;
  font-weight:850;
  letter-spacing:.12em;
}
.terinfo-hero-visual figcaption strong{
  color:#fff;
  font-size:22px;
}

.terinfo-problem-section{
  background:#0e0e0e;
}
.terinfo-problem-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.terinfo-problem-grid article{
  min-height:285px;
  padding:26px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.09);
  background:linear-gradient(145deg,#1a1a1a,#121212);
}
.terinfo-problem-grid span{
  color:#777;
  font-size:10px;
  font-weight:850;
}
.terinfo-problem-grid h3{
  margin:70px 0 12px;
  color:#f2f2f2;
  font-size:28px;
  letter-spacing:-.035em;
}
.terinfo-problem-grid p{
  margin:0;
  color:#999;
  font-size:13px;
  line-height:1.7;
}

.terinfo-processing-section{
  background:
    radial-gradient(circle at 100% 0%,rgba(255,255,255,.05),transparent 25%),
    #090909;
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
}

.terinfo-showcase{
  display:grid;
  grid-template-columns:minmax(0,1.38fr) minmax(360px,.62fr);
  grid-template-rows:1fr 1fr;
  gap:14px;
}
.terinfo-showcase figure{
  position:relative;
  margin:0;
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.09);
  background:#060606;
}
.terinfo-showcase-main{
  grid-row:1/3;
  min-height:720px;
}
.terinfo-showcase-small{
  min-height:353px;
}
.terinfo-showcase img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .5s cubic-bezier(.2,.7,.2,1);
}
.terinfo-showcase figure:hover img{
  transform:scale(1.018);
}
.terinfo-showcase figure:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 52%,rgba(0,0,0,.82));
  pointer-events:none;
}
.terinfo-showcase figcaption{
  position:absolute;
  z-index:2;
  left:22px;
  right:22px;
  bottom:20px;
  display:grid;
  gap:5px;
}
.terinfo-showcase small{
  color:#a0a0a0;
  font-size:9px;
  font-weight:850;
  letter-spacing:.12em;
}
.terinfo-showcase strong{
  color:#fff;
  font-size:20px;
}
.terinfo-showcase span{
  color:#aaa;
  font-size:11px;
  line-height:1.5;
}

.terinfo-output-grid-new{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.terinfo-output-grid-new article{
  min-height:250px;
  background:#151515;
}
.terinfo-output-grid-new article h3{
  margin-top:54px;
  font-size:25px;
}

.terinfo-process-new{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.terinfo-process-new article{
  min-height:300px;
  background:linear-gradient(145deg,#191919,#111);
}
.terinfo-process-new article h3{
  margin-top:80px;
  font-size:24px;
}

/* korábbi videós blokk teljesen kikapcsolva */
.terinfo-video-block,
.terinfo-video-card{
  display:none!important;
}

@media(max-width:1250px){
  .terinfo-hero-grid{
    grid-template-columns:1fr;
  }
  .terinfo-hero-visual,
  .terinfo-hero-visual img{
    min-height:520px;
  }
}
@media(max-width:1000px){
  .terinfo-showcase{
    grid-template-columns:1fr;
    grid-template-rows:auto;
  }
  .terinfo-showcase-main{
    grid-row:auto;
    min-height:520px;
  }
  .terinfo-showcase-small{
    min-height:420px;
  }
  .terinfo-problem-grid,
  .terinfo-output-grid-new,
  .terinfo-process-new{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:680px){
  .terinfo-page .container{
    width:calc(100% - 22px);
  }
  .terinfo-hero-new{
    padding-top:116px;
  }
  .terinfo-hero-content h1{
    font-size:48px;
  }
  .terinfo-hero-metrics,
  .terinfo-problem-grid,
  .terinfo-output-grid-new,
  .terinfo-process-new{
    grid-template-columns:1fr;
  }
  .terinfo-hero-visual,
  .terinfo-hero-visual img,
  .terinfo-showcase-main,
  .terinfo-showcase-small{
    min-height:330px;
  }
}




/* =========================================================
   TÉRINFORMATIKA – végső vizuális finomítás
   ========================================================= */

/* Hero: tisztább arányok, kevesebb szövegtömeg */
.terinfo-hero-new{
  min-height:88vh;
  padding-top:118px;
  padding-bottom:58px;
}
.terinfo-hero-grid{
  grid-template-columns:minmax(0,.76fr) minmax(620px,1.24fr);
  gap:54px;
}
.terinfo-hero-content{
  max-width:760px;
}
.terinfo-hero-content h1{
  max-width:760px;
  font-size:clamp(52px,4.7vw,84px);
  line-height:.92;
  letter-spacing:-.058em;
}
.terinfo-hero-content>p{
  max-width:700px;
  font-size:17px;
  line-height:1.68;
}
.terinfo-hero-metrics{
  max-width:720px;
  gap:14px;
}
.terinfo-hero-metrics div{
  min-height:74px;
  padding:14px 14px 12px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:rgba(255,255,255,.025);
}
.terinfo-hero-visual,
.terinfo-hero-visual img{
  min-height:600px;
}
.terinfo-hero-visual{
  border-radius:24px;
}

/* Egységes problémakártyák */
.terinfo-problem-grid{
  align-items:stretch;
}
.terinfo-problem-grid article{
  min-height:310px;
  display:flex;
  flex-direction:column;
}
.terinfo-problem-grid article h3{
  margin-top:auto;
  padding-top:58px;
}
.terinfo-problem-grid article p{
  min-height:68px;
}

/* Egységes kimenet-kártyák */
.terinfo-output-grid-new{
  align-items:stretch;
}
.terinfo-output-grid-new article{
  min-height:275px;
  display:flex;
  flex-direction:column;
}
.terinfo-output-grid-new article h3{
  margin-top:auto;
  padding-top:54px;
}
.terinfo-output-grid-new article p{
  min-height:64px;
}

/* Egységes workflow kártyák */
.terinfo-process-new{
  align-items:stretch;
}
.terinfo-process-new article{
  min-height:320px;
  display:flex;
  flex-direction:column;
}
.terinfo-process-new article h3{
  margin-top:auto;
  padding-top:70px;
}
.terinfo-process-new article p{
  min-height:66px;
}

/* Alkalmazási területek is azonos magasságúak */
.terinfo-page #alkalmazas .autonom-use-grid{
  align-items:stretch;
}
.terinfo-page #alkalmazas .autonom-use-grid article{
  min-height:250px;
  display:flex;
  flex-direction:column;
}
.terinfo-page #alkalmazas .autonom-use-grid article h3{
  margin-top:auto;
  padding-top:46px;
}

/* Főoldali Térinformatika linkek vizuális visszajelzése */
.services-intro-design a[href="terinformatika/"],
.homepage-service-links a[href="terinformatika/"]{
  position:relative;
}
.services-intro-design a[href="terinformatika/"]::after,
.homepage-service-links a[href="terinformatika/"]::after{
  content:"→";
  margin-left:auto;
  opacity:.7;
}

#felmeres .service-media-link img{
  transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .35s ease;
}
#felmeres .service-media-link:hover img{
  transform:scale(1.018);
  filter:brightness(.93);
}

#felmeres .service-heading-link{
  display:inline;
  transition:opacity .2s ease;
}
#felmeres .service-heading-link:hover{
  opacity:.78;
}

/* Galéria link */
.gallery figcaption a{
  color:inherit;
  text-decoration:none;
}
.gallery figcaption a:hover{
  color:#fff;
}

@media(max-width:1250px){
  .terinfo-hero-grid{
    grid-template-columns:1fr;
  }
  .terinfo-hero-content{
    max-width:900px;
  }
  .terinfo-hero-content h1{
    max-width:900px;
  }
}
@media(max-width:750px){
  .terinfo-hero-new{
    padding-top:108px;
  }
  .terinfo-hero-content h1{
    font-size:44px;
  }
  .terinfo-hero-metrics{
    grid-template-columns:1fr;
  }
  .terinfo-problem-grid article,
  .terinfo-output-grid-new article,
  .terinfo-process-new article{
    min-height:0;
  }
}




/* Térinformatika hero finomhangolás – logóhoz nem nyúl */
.terinfo-hero-grid{
  grid-template-columns:minmax(0,.8fr) minmax(520px,1.2fr);
  gap:46px;
}
.terinfo-hero-content h1{
  font-size:clamp(48px,4.8vw,82px);
  max-width:760px;
}
.terinfo-hero-content > p{
  max-width:700px;
  font-size:17px;
}
.terinfo-hero-metrics{max-width:720px}
.terinfo-hero-visual,
.terinfo-hero-visual img{min-height:560px}
.terinfo-hero-visual-powerline img{object-position:center center}
.terinfo-hero-visual figcaption strong{font-size:20px}

@media(max-width:1250px){
  .terinfo-hero-grid{grid-template-columns:1fr;gap:30px}
  .terinfo-hero-content h1{max-width:860px}
}
@media(max-width:680px){
  .terinfo-hero-content h1{font-size:42px}
  .terinfo-hero-visual,
  .terinfo-hero-visual img{min-height:310px}
}


/* =========================================================
   TÉRINFORMATIKA – FULL WIDE HERO / COMPACT RESULTS
   ========================================================= */
.terinfo-hero-fullwide{
  position:relative;
  min-height:84vh;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:#050505;
  color:#fff;
}
.terinfo-hero-bg-fullwide{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(4,6,9,.92) 0%,rgba(4,6,9,.78) 32%,rgba(4,6,9,.30) 62%,rgba(4,6,9,.10) 100%),
    url('../images/terinfo-hero-powerline.jpg') center center / cover no-repeat;
  transform:scale(1.015);
}
.terinfo-hero-fullwide:after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:180px;
  background:linear-gradient(180deg,transparent,#0c0c0c);
  pointer-events:none;
}
.terinfo-hero-fullwide-inner{
  position:relative;
  z-index:2;
  width:100%;
  padding-top:126px;
  padding-bottom:92px;
}
.terinfo-hero-fullwide-copy{
  max-width:860px;
}
.terinfo-hero-fullwide-copy h1{
  max-width:820px;
  margin:16px 0 24px;
  font-size:clamp(58px,6vw,102px);
  line-height:.90;
  letter-spacing:-.064em;
}
.terinfo-hero-fullwide-copy>p{
  max-width:740px;
  margin:0;
  color:#d0d0d0;
  font-size:18px;
  line-height:1.7;
}
.terinfo-hero-pills{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:28px;
}
.terinfo-hero-pills span{
  padding:9px 12px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:999px;
  background:rgba(0,0,0,.26);
  color:#e1e1e1;
  font-size:11px;
  font-weight:750;
  backdrop-filter:blur(8px);
}

.terinfo-processing-section{
  padding-top:82px;
  padding-bottom:82px;
}
.terinfo-preview-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.terinfo-preview-grid figure{
  position:relative;
  overflow:hidden;
  margin:0;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.09);
  background:#101010;
}
.terinfo-preview-grid img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  display:block;
  transition:transform .45s cubic-bezier(.2,.7,.2,1);
}
.terinfo-preview-grid figure:hover img{
  transform:scale(1.02);
}
.terinfo-preview-grid figcaption{
  display:grid;
  gap:4px;
  padding:16px 17px 18px;
}
.terinfo-preview-grid figcaption strong{
  color:#f2f2f2;
  font-size:16px;
}
.terinfo-preview-grid figcaption span{
  color:#8f8f8f;
  font-size:11px;
  line-height:1.5;
}

/* Old split hero and huge showcase must never leak through. */
.terinfo-hero-new,
.terinfo-showcase,
.terinfo-hero-visual{display:none!important}

@media(max-width:980px){
  .terinfo-preview-grid{grid-template-columns:1fr 1fr}
  .terinfo-preview-grid figure:first-child{grid-column:1/-1}
}
@media(max-width:680px){
  .terinfo-hero-fullwide{min-height:720px}
  .terinfo-hero-bg-fullwide{
    background-position:58% center;
  }
  .terinfo-hero-fullwide-copy h1{font-size:48px}
  .terinfo-hero-fullwide-copy>p{font-size:16px}
  .terinfo-preview-grid{grid-template-columns:1fr}
  .terinfo-preview-grid figure:first-child{grid-column:auto}
}


/* DEFINITIVE HEADER LOGO FIX — transparent image, no white tile */
header .logo,
header .brand,
header .subpage-brand-compact,
header .logo img,
header .brand img,
header .subpage-brand-compact img{
  background:transparent !important;
  background-color:transparent !important;
  box-shadow:none !important;
  border:0 !important;
}
header .logo img,
header .brand img,
header .subpage-brand-compact img{
  width:142px !important;
  max-width:142px !important;
  height:auto !important;
  object-fit:contain !important;
}
@media(max-width:700px){
  header .logo img,
  header .brand img,
  header .subpage-brand-compact img{
    width:124px !important;
    max-width:124px !important;
  }
}


/* DEFINITIVE LOGO FIX: inline alpha logo, no asset cache, no white background */
header .logo,
header .brand,
header .subpage-brand-compact,
.footer-main-brand{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  outline:0 !important;
  padding:0 !important;
}
header .logo::before,
header .logo::after,
header .brand::before,
header .brand::after,
header .subpage-brand-compact::before,
header .subpage-brand-compact::after{
  content:none !important;
  display:none !important;
}
header .logo img,
header .brand img,
header .subpage-brand-compact img,
.footer-main-brand img{
  background:transparent !important;
  background-color:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  filter:none !important;
  object-fit:contain !important;
}
header .logo img{width:146px !important;max-width:146px !important;height:auto !important;}
.subpage-header .brand img,
.subpage-header .subpage-brand-compact img{width:146px !important;max-width:146px !important;height:auto !important;}
@media(max-width:700px){
  header .logo img,
  .subpage-header .brand img,
  .subpage-header .subpage-brand-compact img{width:126px !important;max-width:126px !important;}
}


/* =========================================================
   2026-08-19 FINAL HEADER LOGO FIX
   ========================================================= */
header .logo,
header .brand,
header .subpage-brand-compact,
.service-page-body header .logo,
.service-page-body header .brand,
.service-page-body header .subpage-brand-compact{
  display:flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
  width:auto !important;
  height:auto !important;
  margin-right:auto !important;
  padding:0 !important;
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  filter:none !important;
  overflow:visible !important;
}

header .logo::before,
header .logo::after,
header .brand::before,
header .brand::after,
header .subpage-brand-compact::before,
header .subpage-brand-compact::after{
  content:none !important;
  display:none !important;
  background:none !important;
}

header .logo img,
header .brand img,
header .subpage-brand-compact img,
.service-page-body header .logo img,
.service-page-body header .brand img,
.service-page-body header .subpage-brand-compact img{
  display:block !important;
  width:146px !important;
  max-width:146px !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:contain !important;
  background:transparent !important;
  background-color:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  filter:none !important;
}

@media(max-width:700px){
  header .logo img,
  header .brand img,
  header .subpage-brand-compact img,
  .service-page-body header .logo img,
  .service-page-body header .brand img,
  .service-page-body header .subpage-brand-compact img{
    width:126px !important;
    max-width:126px !important;
  }
}


/* =========================================================
   2026-08-19 FŐOLDAL KÖZÉPSŐ RÉSZ – FEHÉR HÁTTÉR ELTÁVOLÍTVA
   ========================================================= */
.home-page #iparagak,
.home-page #specialis-szolgaltatasok,
.home-page .workenv-section,
.home-page .why-section-dark{
  background:
    radial-gradient(circle at 8% 0%,rgba(255,255,255,.045),transparent 24%),
    linear-gradient(180deg,#171717 0%,#101010 100%) !important;
  color:#f2f2f2;
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
}

.home-page #iparagak .section-title,
.home-page #specialis-szolgaltatasok .section-title,
.home-page #specialis-szolgaltatasok .service-copy h3,
.home-page #specialis-szolgaltatasok .service-heading-link,
.home-page .workenv-section .section-title,
.home-page .why-section-dark .section-title,
.home-page .why-section-dark .why h3{
  color:#f3f3f3 !important;
}

.home-page #iparagak .section-head p,
.home-page #specialis-szolgaltatasok .section-head p,
.home-page #specialis-szolgaltatasok .service-copy p,
.home-page #specialis-szolgaltatasok .problem-copy,
.home-page .workenv-section .section-head p,
.home-page .why-section-dark .section-head p,
.home-page .why-section-dark .why p{
  color:#aaa !important;
}

/* Dock alkalmazási területek */
.home-page #iparagak .industry-card{
  background:linear-gradient(145deg,#202020,#171717) !important;
  border-color:rgba(255,255,255,.09) !important;
  box-shadow:0 18px 38px rgba(0,0,0,.18);
}
.home-page #iparagak .industry-card h3{color:#f2f2f2 !important}
.home-page #iparagak .industry-card p{color:#9e9e9e !important}
.home-page #iparagak .ind-icon{color:#d4d4d4 !important}

/* További szolgáltatások */
.home-page #specialis-szolgaltatasok .editorial-service{
  padding:28px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:26px;
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
}
.home-page #specialis-szolgaltatasok .service-copy li{
  color:#c0c0c0 !important;
}
.home-page #specialis-szolgaltatasok .service-copy li:before{
  background:#d9d9d9 !important;
}
.home-page #specialis-szolgaltatasok .btn-dark{
  background:#f0f0f0 !important;
  color:#111 !important;
}
.home-page #specialis-szolgaltatasok .text-link{
  color:#bdbdbd !important;
}
.home-page #specialis-szolgaltatasok .service-tag{
  background:rgba(15,15,15,.88) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.12);
}

/* Tipikus munkakörnyezetek */
.home-page .workenv-section .gallery figure{
  background:#0b0b0b !important;
  border:1px solid rgba(255,255,255,.08);
}
.home-page .workenv-section .gallery figcaption{
  background:rgba(10,10,10,.88) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.10);
}

/* Miért Dronebase? */
.home-page .why-section-dark .why-grid{
  border-color:rgba(255,255,255,.10) !important;
}
.home-page .why-section-dark .why{
  background:rgba(255,255,255,.02) !important;
  border-color:rgba(255,255,255,.08) !important;
}
.home-page .why-section-dark .why small{
  color:#777 !important;
}

/* világos alapok ne villanjanak át a középső szekciók között */
.home-page #iparagak + #specialis-szolgaltatasok,
.home-page #specialis-szolgaltatasok + .workenv-section,
.home-page .workenv-section + .why-section-dark{
  margin-top:0 !important;
}


/* HOMEPAGE LIVE VIDEO #3 */
#media .service-media-video{
  position:relative;
  overflow:hidden;
}
#media .service-media-video .service-media-link{
  display:block;
  width:100%;
  height:100%;
}
#media .service-media-video video{
  display:block;
  width:100%;
  height:100%;
  min-height:100%;
  object-fit:cover;
  object-position:center;
  background:#080808;
}


/* HOMEPAGE LIVE VIDEO – szélesebb és alacsonyabb */
#media .service-media-video{
  aspect-ratio:16 / 7 !important;
  min-height:0 !important;
  height:auto !important;
}
#media .service-media-video .service-media-link{
  display:block;
  width:100%;
  height:100%;
}
#media .service-media-video video{
  width:100%;
  height:100% !important;
  min-height:0 !important;
  aspect-ratio:16 / 7;
  object-fit:cover;
  object-position:center;
}
@media(max-width:900px){
  #media .service-media-video,
  #media .service-media-video video{
    aspect-ratio:16 / 9 !important;
  }
}


/* HOMEPAGE LIVE VIDEO – kompaktabb, alacsonyabb blokk */
#media .service-media-video{
  width:100%;
  max-width:820px;
  justify-self:end;
  align-self:center;
  aspect-ratio:auto !important;
  height:clamp(320px, 28vw, 430px) !important;
  min-height:320px !important;
  max-height:430px !important;
  overflow:hidden;
}
#media .service-media-video .service-media-link{
  display:block;
  width:100%;
  height:100%;
}
#media .service-media-video video{
  display:block;
  width:100%;
  height:100% !important;
  min-height:0 !important;
  max-height:430px !important;
  aspect-ratio:auto !important;
  object-fit:cover !important;
  object-position:center center !important;
}
@media(max-width:1100px){
  #media .service-media-video{
    height:clamp(300px, 34vw, 380px) !important;
    min-height:300px !important;
    max-height:380px !important;
  }
  #media .service-media-video video{
    max-height:380px !important;
  }
}
@media(max-width:900px){
  #media .service-media-video{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:16 / 9 !important;
  }
  #media .service-media-video video{
    aspect-ratio:16 / 9 !important;
    max-height:none !important;
  }
}


/* SEO / AI DISCOVERY – kapcsolódó szolgáltatások */
.seo-related{background:#0c0c0c;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
.seo-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.seo-related-grid a{display:flex;flex-direction:column;gap:10px;min-height:170px;padding:24px;color:inherit;text-decoration:none;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:linear-gradient(145deg,#171717,#111);transition:transform .25s ease,border-color .25s ease,background .25s ease}
.seo-related-grid a:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.20);background:#181818}
.seo-related-grid strong{color:#f4f4f4;font-size:20px;letter-spacing:-.025em}
.seo-related-grid span{color:#929292;font-size:12px;line-height:1.65}
@media(max-width:850px){.seo-related-grid{grid-template-columns:1fr}.seo-related-grid a{min-height:0}}


/* =========================================================
   FŐOLDAL – EGYSÉGES SZOLGÁLTATÁS KONTÉNEREK ÉS MÉDIA
   Csak vizuális méretezés, tartalomhoz nem nyúl.
   ========================================================= */
@media(min-width:901px){
  .home-page #specialis-szolgaltatasok .editorial-service,
  .home-page #specialis-szolgaltatasok .editorial-service.reverse{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    align-items:stretch !important;
    height:440px !important;
    min-height:440px !important;
    max-height:440px !important;
    gap:34px !important;
    padding:24px !important;
    margin-bottom:24px !important;
  }

  .home-page #specialis-szolgaltatasok .service-copy{
    height:100% !important;
    min-height:0 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    overflow:hidden !important;
  }

  .home-page #specialis-szolgaltatasok .service-copy h3{
    margin-top:6px !important;
    margin-bottom:12px !important;
  }

  .home-page #specialis-szolgaltatasok .service-copy .problem-copy{
    margin-bottom:10px !important;
  }

  .home-page #specialis-szolgaltatasok .service-copy ul{
    margin-top:8px !important;
    margin-bottom:12px !important;
  }

  .home-page #specialis-szolgaltatasok .service-actions,
  .home-page #specialis-szolgaltatasok .service-copy > .btn{
    margin-top:auto !important;
  }

  .home-page #specialis-szolgaltatasok .service-media,
  .home-page #specialis-szolgaltatasok .service-media-video{
    width:100% !important;
    max-width:none !important;
    height:100% !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:auto !important;
    align-self:stretch !important;
    justify-self:stretch !important;
    border-radius:20px !important;
    overflow:hidden !important;
  }

  .home-page #specialis-szolgaltatasok .service-media a,
  .home-page #specialis-szolgaltatasok .service-media img,
  .home-page #specialis-szolgaltatasok .service-media video{
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:auto !important;
    object-fit:cover !important;
    object-position:center center !important;
  }

  .home-page #media .service-media-video,
  .home-page #media .service-media-video video{
    width:100% !important;
    max-width:none !important;
    height:100% !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:auto !important;
  }
}

@media(max-width:900px){
  .home-page #specialis-szolgaltatasok .editorial-service,
  .home-page #specialis-szolgaltatasok .editorial-service.reverse{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
  }

  .home-page #specialis-szolgaltatasok .service-media,
  .home-page #specialis-szolgaltatasok .service-media-video{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:16/9 !important;
  }

  .home-page #specialis-szolgaltatasok .service-media a,
  .home-page #specialis-szolgaltatasok .service-media img,
  .home-page #specialis-szolgaltatasok .service-media video{
    width:100% !important;
    height:100% !important;
    aspect-ratio:16/9 !important;
    object-fit:cover !important;
  }
}


/* =========================================================
   FŐOLDAL – EGYSÉGES SZOLGÁLTATÁSKÁRTYÁK V2
   Nagyobb, levegősebb desktop megjelenés
   ========================================================= */
@media(min-width:901px){
  .home-page #specialis-szolgaltatasok .editorial-service,
  .home-page #specialis-szolgaltatasok .editorial-service.reverse{
    height:540px !important;
    min-height:540px !important;
    max-height:540px !important;
    padding:28px !important;
    gap:40px !important;
  }

  .home-page #specialis-szolgaltatasok .service-copy{
    height:100% !important;
    min-height:0 !important;
    overflow:visible !important;
    justify-content:center !important;
  }

  .home-page #specialis-szolgaltatasok .service-copy h3{
    margin-top:8px !important;
    margin-bottom:16px !important;
  }

  .home-page #specialis-szolgaltatasok .service-copy .problem-copy{
    margin-bottom:16px !important;
  }

  .home-page #specialis-szolgaltatasok .service-copy ul{
    margin-top:12px !important;
    margin-bottom:18px !important;
  }

  .home-page #specialis-szolgaltatasok .service-media,
  .home-page #specialis-szolgaltatasok .service-media-video{
    height:100% !important;
    min-height:0 !important;
    max-height:none !important;
  }

  .home-page #specialis-szolgaltatasok .service-media img,
  .home-page #specialis-szolgaltatasok .service-media video,
  .home-page #specialis-szolgaltatasok .service-media a{
    width:100% !important;
    height:100% !important;
    max-height:none !important;
    aspect-ratio:auto !important;
    object-fit:cover !important;
  }
}

@media(min-width:1500px){
  .home-page #specialis-szolgaltatasok .editorial-service,
  .home-page #specialis-szolgaltatasok .editorial-service.reverse{
    height:570px !important;
    min-height:570px !important;
    max-height:570px !important;
  }
}

@media(max-width:900px){
  .home-page #specialis-szolgaltatasok .editorial-service,
  .home-page #specialis-szolgaltatasok .editorial-service.reverse{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
  }
}


/* =========================================================
   FŐOLDAL – SZOLGÁLTATÁSKÁRTYÁK 620 PX
   ========================================================= */
@media(min-width:901px){
  .home-page #specialis-szolgaltatasok .editorial-service,
  .home-page #specialis-szolgaltatasok .editorial-service.reverse{
    height:620px !important;
    min-height:620px !important;
    max-height:620px !important;
  }
}


/* =========================================================
   DRONEBASE AUTHORITY / FIELD TEAM SECTION
   ========================================================= */
.field-authority-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 8%,rgba(255,255,255,.045),transparent 24%),
    radial-gradient(circle at 92% 92%,rgba(255,255,255,.025),transparent 26%),
    #0b0b0b;
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.field-authority-section:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.08;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(180deg,#000,transparent 62%);
}
.field-authority-section .container{
  position:relative;
  z-index:1;
}
.field-authority-head{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);
  gap:90px;
  align-items:end;
  margin-bottom:48px;
}
.field-authority-title .section-title{
  max-width:900px;
  margin-bottom:0;
}
.field-authority-copy{
  max-width:690px;
  justify-self:end;
}
.field-authority-copy>p{
  margin:0;
  color:#9a9a9a;
  font-size:15px;
  line-height:1.75;
}
.authority-signals{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:20px;
}
.authority-signals span{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:7px 12px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;
  background:rgba(255,255,255,.035);
  color:#c8c8c8;
  font-size:10px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.authority-mosaic{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-template-rows:260px 260px;
  gap:12px;
}
.authority-card{
  position:relative;
  min-width:0;
  margin:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  border-radius:20px;
  background:#111;
  color:inherit;
  text-decoration:none;
  box-shadow:0 22px 48px rgba(0,0,0,.24);
}
.authority-card img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .35s ease;
}
.authority-card:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.82));
}
.authority-card:hover img{
  transform:scale(1.025);
  filter:brightness(.96);
}
.authority-main{grid-column:1/6;grid-row:1/3}
.authority-enterprise{grid-column:6/10;grid-row:1}
.authority-dock{grid-column:10/13;grid-row:1}
.authority-command{grid-column:6/9;grid-row:2}
.authority-fpv-night{grid-column:9/11;grid-row:2}
.authority-fpv-mobile{grid-column:11/13;grid-row:2}

.authority-main img{object-position:center 30%}
.authority-enterprise img{object-position:center 46%}
.authority-dock img{object-position:center 48%}
.authority-command img{object-position:center 52%}
.authority-fpv-night img{object-position:center 35%}
.authority-fpv-mobile img{object-position:center 38%}

.authority-caption{
  position:absolute;
  z-index:2;
  left:18px;
  right:18px;
  bottom:16px;
  display:grid;
  gap:4px;
}
.authority-caption small{
  color:#b2b2b2;
  font-size:8px;
  font-weight:900;
  letter-spacing:.13em;
}
.authority-caption strong{
  color:#fff;
  font-size:17px;
  line-height:1.15;
  letter-spacing:-.025em;
}
.authority-caption span{
  max-width:460px;
  color:#aaa;
  font-size:10px;
  line-height:1.45;
}
.authority-main .authority-caption{
  left:24px;
  right:24px;
  bottom:22px;
}
.authority-main .authority-caption strong{
  font-size:26px;
}
.authority-main .authority-caption span{
  font-size:12px;
}

.authority-proof{
  display:grid;
  grid-template-columns:minmax(280px,.8fr) minmax(0,1.25fr) auto;
  gap:38px;
  align-items:center;
  margin-top:18px;
  padding:20px 22px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:rgba(255,255,255,.025);
}
.authority-proof div{
  display:grid;
  gap:4px;
}
.authority-proof small{
  color:#767676;
  font-size:8px;
  font-weight:900;
  letter-spacing:.12em;
}
.authority-proof strong{
  color:#eee;
  font-size:15px;
}
.authority-proof p{
  margin:0;
  color:#8d8d8d;
  font-size:11px;
  line-height:1.6;
}
.authority-proof .text-link{
  white-space:nowrap;
}

@media(max-width:1150px){
  .field-authority-head{
    grid-template-columns:1fr;
    gap:24px;
  }
  .field-authority-copy{
    max-width:820px;
    justify-self:start;
  }
  .authority-mosaic{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:420px 300px 300px;
  }
  .authority-main{grid-column:1/3;grid-row:1}
  .authority-enterprise{grid-column:1;grid-row:2}
  .authority-dock{grid-column:2;grid-row:2}
  .authority-command{grid-column:1;grid-row:3}
  .authority-fpv-night{grid-column:2;grid-row:3}
  .authority-fpv-mobile{display:none}
  .authority-proof{
    grid-template-columns:1fr;
    gap:12px;
  }
}
@media(max-width:680px){
  .authority-signals{
    gap:6px;
  }
  .authority-mosaic{
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:none;
    gap:10px;
  }
  .authority-card,
  .authority-main,
  .authority-enterprise,
  .authority-dock,
  .authority-command,
  .authority-fpv-night,
  .authority-fpv-mobile{
    display:block;
    grid-column:auto;
    grid-row:auto;
    min-height:260px;
    aspect-ratio:4/3;
  }
  .authority-main{
    min-height:360px;
    aspect-ratio:3/4;
  }
  .authority-fpv-mobile{
    display:block;
  }
}


/* AI MOBILE – lenyitható felismerési lista */
.ai-mobile-toggle{
  display:none;
}
@media(max-width:700px){
  .ai-section-v47 .ai-options-v47{
    padding-bottom:18px;
  }
  .ai-section-v47 .ai-options-head-v47{
    margin-bottom:12px;
  }
  .ai-section-v47 .ai-count-v47{
    display:none;
  }
  .ai-mobile-toggle{
    width:100%;
    min-height:48px;
    margin:8px 0 0;
    padding:12px 14px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    border:1px solid rgba(255,255,255,.11);
    border-radius:14px;
    background:rgba(255,255,255,.035);
    color:#f1f1f1;
    font:inherit;
    font-size:12px;
    font-weight:800;
    text-align:left;
    cursor:pointer;
  }
  .ai-mobile-toggle-icon{
    display:grid;
    place-items:center;
    width:28px;
    height:28px;
    flex:0 0 28px;
    border-radius:50%;
    background:rgba(255,255,255,.07);
    font-size:20px;
    line-height:1;
    transition:transform .25s ease;
  }
  .ai-mobile-toggle[aria-expanded="true"] .ai-mobile-toggle-icon{
    transform:rotate(45deg);
  }
  .ai-section-v47 .ai-grid-options-v47{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
    max-height:0;
    margin-top:0;
    overflow:hidden;
    opacity:0;
    transform:translateY(-6px);
    transition:max-height .38s ease,opacity .25s ease,transform .25s ease,margin-top .25s ease;
  }
  .ai-section-v47 .ai-options-v47.ai-mobile-open .ai-grid-options-v47{
    max-height:900px;
    margin-top:10px;
    opacity:1;
    transform:none;
  }
  .ai-section-v47 .ai-chip{
    min-height:40px;
    padding:9px 10px;
    font-size:10px;
    line-height:1.25;
  }
}
@media(max-width:410px){
  .ai-section-v47 .ai-grid-options-v47{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   MOBIL – SZOLGÁLTATÁS FELSOROLÁSOK LENYITHATÓK
   Desktopon változatlanul minden pont látható.
   ========================================================= */
.mobile-list-toggle{
  display:none;
}

@media(max-width:700px){
  .mobile-list-toggle{
    width:100%;
    min-height:46px;
    margin:12px 0 10px;
    padding:11px 14px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    border:1px solid rgba(255,255,255,.11);
    border-radius:12px;
    background:rgba(255,255,255,.035);
    color:#ededed;
    font:inherit;
    font-size:11px;
    font-weight:800;
    letter-spacing:.015em;
    text-align:left;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
  }

  .mobile-list-toggle-icon{
    width:26px;
    height:26px;
    flex:0 0 26px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:rgba(255,255,255,.07);
    color:#fff;
    font-size:17px;
    font-weight:500;
    line-height:1;
    transition:transform .25s ease,background .25s ease;
  }

  .mobile-list-toggle.is-open .mobile-list-toggle-icon{
    transform:rotate(45deg);
    background:rgba(255,255,255,.13);
  }

  .mobile-list-accordions-ready .service-copy .mobile-collapsible-list{
    max-height:0;
    overflow:hidden;
    opacity:0;
    margin-top:0 !important;
    margin-bottom:0 !important;
    transition:max-height .35s ease,opacity .22s ease,margin .3s ease;
  }

  .mobile-list-accordions-ready .service-copy .mobile-collapsible-list.is-mobile-open{
    max-height:520px;
    opacity:1;
    margin-top:10px !important;
    margin-bottom:14px !important;
  }

  .mobile-list-accordions-ready .service-copy .mobile-collapsible-list li{
    font-size:11px;
    line-height:1.5;
  }
}

/* Pilóta portrék */
.pilot-card{align-items:center}
.pilot-photo{flex:0 0 74px;width:74px;height:74px;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:#151515;box-shadow:0 10px 24px rgba(0,0,0,.22)}
.pilot-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.pilot-mark{width:74px;height:74px}
@media(max-width:620px){.pilot-photo,.pilot-mark{width:64px;height:64px}}


/* PageSpeed / mobil teljesítmény finomhangolás */
@supports (content-visibility: auto) {
  .homepage-monitoring-showcase,
  .security-section,
  #iparagak,
  #specialis-szolgaltatasok,
  .field-authority-section,
  .pilots-section,
  .why-section-dark,
  .project-contact,
  footer {
    content-visibility: auto;
    contain-intrinsic-size: 1px 920px;
  }
}


.monitoring-video-card video,
.service-media-video video{
  background:#0b0f16;
}

@media (max-width: 767px){
  .monitoring-video-card video,
  .service-media-video video{
    min-height:220px;
  }
}


/* Footer – technikai támogatók */
.footer-tech-support{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:7px;
  color:#8f8f8f;
  font-size:11px;
  line-height:1.5;
}
.footer-tech-support a{
  color:#d9d9d9;
  text-decoration:none;
  font-weight:700;
  transition:color .2s ease,opacity .2s ease;
}
.footer-tech-support a:hover{
  color:#fff;
}
.footer-tech-sep{color:#6f6f6f}
@media(max-width:720px){
  .footer-tech-support{
    width:100%;
    font-size:10px;
  }
}


/* 2026-08-19 footer cleanup */
.footer-clean-layout{
  display:grid;
  grid-template-columns:minmax(220px,1.15fr) minmax(220px,.9fr) minmax(220px,1fr);
  align-items:center;
  gap:28px;
}
.footer-brand-block,
.footer-meta-block,
.footer-support-block{
  min-width:0;
}
.footer-brand-block{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:12px;
}
.footer-main-brand img{
  width:172px;
  height:auto;
}
.footer-tagline{
  margin:0;
  max-width:360px;
  color:#9b9b9b;
  font-size:13px;
  line-height:1.65;
}
.footer-meta-block{
  display:flex;
  justify-content:center;
}
.footer-meta-block small{
  display:block;
  color:#909090;
  font-size:12px;
  line-height:1.6;
  text-align:center;
}
.footer-support-block{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:10px;
}
.footer-support-title{
  color:#8e8e8e;
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.footer-support-block .footer-dronshop{
  padding:0;
  opacity:.92;
}
.footer-support-block .footer-dronshop img{
  width:132px;
  max-height:54px;
}
.footer-support-block .footer-tech-support{
  justify-content:flex-end;
  gap:10px;
  font-size:12px;
}
.footer-support-block .footer-tech-support a{
  font-weight:700;
}
@media (max-width: 980px){
  .footer-clean-layout{
    grid-template-columns:1fr;
    justify-items:center;
    text-align:center;
    gap:18px;
  }
  .footer-brand-block,
  .footer-support-block{
    align-items:center;
  }
  .footer-meta-block,
  .footer-support-block .footer-tech-support{
    justify-content:center;
  }
  .footer-tagline{
    text-align:center;
  }
}


/* =========================================================
   DRÓNOS VAGYONVÉDELEM / MŰVELETIRÁNYÍTÁS
   ========================================================= */
.asset-protection-control{
  background:#0b0b0b;
}
.asset-protection-dark{
  position:relative;
  overflow:hidden;
  padding:88px 0 82px;
  color:#f4f4f4;
  background:
    linear-gradient(90deg,rgba(5,12,20,.96),rgba(7,14,23,.88) 52%,rgba(6,12,19,.92)),
    radial-gradient(circle at 82% 24%,rgba(31,91,143,.20),transparent 32%),
    #080b10;
}
.asset-protection-dark:before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.13;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:linear-gradient(180deg,#000,transparent 76%);
}
.asset-protection-dark .container{
  position:relative;
  z-index:1;
}
.asset-protection-heading{
  max-width:1000px;
  margin:0 auto 58px;
  text-align:center;
}
.asset-protection-heading h2{
  margin:10px 0 14px;
  color:#fff;
  font-size:clamp(38px,4.6vw,68px);
  line-height:1.02;
  letter-spacing:-.045em;
}
.asset-protection-heading p{
  max-width:760px;
  margin:0 auto;
  color:#9ea8b2;
  font-size:15px;
  line-height:1.7;
}
.asset-protection-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:68px;
  align-items:start;
}
.asset-protection-label{
  display:inline-block;
  margin-bottom:16px;
  color:#8d9aa6;
  font-size:10px;
  font-weight:850;
  letter-spacing:.14em;
}
.asset-protection-copy h3,
.asset-protection-ops h3{
  margin:0 0 18px;
  color:#fff;
  font-size:30px;
  line-height:1.14;
  letter-spacing:-.035em;
}
.asset-protection-copy>p,
.asset-protection-ops-body>div>p{
  margin:0 0 16px;
  color:#a6adb5;
  font-size:14px;
  line-height:1.75;
}
.asset-protection-checks{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin:28px 0 0;
  padding:0;
  list-style:none;
}
.asset-protection-checks li{
  position:relative;
  padding-left:25px;
  color:#d6d9dc;
  font-size:13px;
  line-height:1.55;
}
.asset-protection-checks li:before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  color:#4fb5ff;
  font-weight:900;
}
.asset-protection-ops{
  padding:0 0 0 4px;
}
.asset-protection-tabs{
  display:flex;
  align-items:center;
  gap:30px;
  margin-bottom:32px;
  border-bottom:1px solid rgba(255,255,255,.13);
}
.asset-protection-tabs span{
  position:relative;
  padding:0 0 13px;
  color:#838d97;
  font-size:10px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.asset-protection-tabs span.is-active{
  color:#fff;
}
.asset-protection-tabs span.is-active:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:2px;
  background:#4fb5ff;
}
.asset-protection-ops-body{
  display:grid;
  grid-template-columns:88px minmax(0,1fr);
  gap:24px;
}
.asset-protection-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:82px;
  height:82px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:16px;
  background:rgba(255,255,255,.035);
}
.asset-protection-icon svg,
.asset-protection-card-icon svg{
  width:46px;
  height:46px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.asset-protection-icon{
  color:#e9f4ff;
}
.asset-protection-process{
  display:grid;
  gap:12px;
  margin-top:22px;
}
.asset-protection-process article{
  padding:15px 16px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  background:rgba(255,255,255,.025);
}
.asset-protection-process small{
  display:block;
  margin-bottom:5px;
  color:#72bdf2;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
}
.asset-protection-process p{
  margin:0;
  color:#aeb5bc;
  font-size:12px;
  line-height:1.6;
}
.asset-protection-cta{
  margin-top:26px;
}

.asset-protection-services{
  padding:78px 0 90px;
  background:#f4f4f2;
  color:#111;
}
.asset-protection-services-head{
  max-width:930px;
  margin:0 auto 48px;
  text-align:center;
}
.asset-protection-services-head .kicker{
  color:#606060;
}
.asset-protection-services-head h2{
  margin:10px 0 12px;
  color:#111;
  font-size:clamp(32px,4vw,52px);
  line-height:1.06;
  letter-spacing:-.045em;
}
.asset-protection-services-head p{
  margin:0 auto;
  max-width:700px;
  color:#747474;
  font-size:14px;
  line-height:1.7;
}
.asset-protection-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.asset-protection-card{
  min-height:285px;
  padding:34px 30px 30px;
  border:1px solid #dedede;
  border-radius:18px;
  background:#fbfbfa;
  text-align:center;
  box-shadow:0 14px 36px rgba(0,0,0,.035);
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.asset-protection-card:hover{
  transform:translateY(-4px);
  border-color:#c7c7c7;
  box-shadow:0 18px 42px rgba(0,0,0,.065);
}
.asset-protection-card-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:70px;
  height:70px;
  margin:0 auto 22px;
  color:#111;
}
.asset-protection-card h3{
  margin:0 0 12px;
  color:#141414;
  font-size:16px;
  line-height:1.35;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.asset-protection-card p{
  margin:0 auto;
  max-width:300px;
  color:#727272;
  font-size:13px;
  line-height:1.7;
}
@media(max-width:980px){
  .asset-protection-layout{
    grid-template-columns:1fr;
    gap:46px;
  }
  .asset-protection-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:680px){
  .asset-protection-dark{
    padding:64px 0 58px;
  }
  .asset-protection-heading{
    margin-bottom:40px;
    text-align:left;
  }
  .asset-protection-heading p{
    margin-left:0;
  }
  .asset-protection-copy h3,
  .asset-protection-ops h3{
    font-size:25px;
  }
  .asset-protection-tabs{
    gap:16px;
    overflow-x:auto;
  }
  .asset-protection-ops-body{
    grid-template-columns:1fr;
  }
  .asset-protection-icon{
    width:68px;
    height:68px;
  }
  .asset-protection-services{
    padding:60px 0 68px;
  }
  .asset-protection-services-head{
    text-align:left;
    margin-bottom:34px;
  }
  .asset-protection-grid{
    grid-template-columns:1fr;
  }
  .asset-protection-card{
    min-height:0;
    padding:26px 22px;
    text-align:left;
  }
  .asset-protection-card-icon{
    margin:0 0 15px;
  }
  .asset-protection-card p{
    margin-left:0;
  }
}


/* FOOTER FINAL V2 */
.footer-final-v2{
  display:grid !important;
  grid-template-columns:minmax(0,1.35fr) auto minmax(280px,.9fr) !important;
  align-items:center !important;
  gap:34px !important;
  padding-top:28px !important;
  padding-bottom:28px !important;
}
.footer-left-v2{display:flex;align-items:center;gap:22px;min-width:0}
.footer-left-v2 .footer-main-brand{display:inline-flex;align-items:center;flex:0 0 auto}
.footer-left-v2 .footer-main-brand img{width:165px !important;max-width:165px !important;height:auto !important;margin:0 !important}
.footer-slogan-v2{color:#b8b8b8;font-size:13px;font-weight:650;line-height:1.45;letter-spacing:.005em}
.footer-center-v2{display:flex;justify-content:center;min-width:150px}
.footer-center-v2 small{color:#7f7f7f;font-size:11px;line-height:1.5;white-space:nowrap}
.footer-partner-v2{display:flex;flex-direction:column;align-items:flex-end;gap:7px}
.footer-partner-label-v2{color:#777;font-size:9px;font-weight:850;letter-spacing:.14em}
.footer-partner-links-v2{display:flex;align-items:center;gap:9px;color:#6f6f6f;font-size:12px}
.footer-partner-links-v2 a{color:#d0d0d0;text-decoration:none;font-weight:750;transition:color .2s ease}
.footer-partner-links-v2 a:hover{color:#fff}
@media(max-width:1050px){
  .footer-final-v2{grid-template-columns:1fr !important;justify-items:center !important;text-align:center !important;gap:18px !important}
  .footer-left-v2{justify-content:center;flex-wrap:wrap;gap:14px 18px}
  .footer-partner-v2{align-items:center}
  .footer-center-v2{order:3}
}
@media(max-width:620px){
  .footer-left-v2{flex-direction:column}
  .footer-left-v2 .footer-main-brand img{width:150px !important;max-width:150px !important}
  .footer-slogan-v2{max-width:320px;font-size:12px}
  .footer-partner-links-v2{font-size:11px}
}