*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:82px}
body{font-family:"Poppins",Arial,sans-serif;color:#24384f;background:#f5f8fa;line-height:1.6}
a{text-decoration:none;color:inherit}
.container{width:min(1180px,92%);margin:auto}

/* FEJLÉC */
.header{height:82px;background:#071f39;color:#fff;position:fixed;top:0;left:0;right:0;z-index:1000;box-shadow:0 4px 20px rgba(0,0,0,.12)}
.header-inner{height:82px;display:flex;align-items:center;justify-content:space-between}
.logo,.footer-logo{font-size:31px;font-weight:800;letter-spacing:-1px;color:#fff}
.logo span,.footer-logo span{color:#65b832}
.logo b,.footer-logo b{color:#fff}
nav{display:flex;align-items:center;gap:27px}
nav a{font-size:13px;font-weight:600;color:#fff;position:relative}
nav a:not(.nav-button)::after{content:"";position:absolute;left:0;bottom:-10px;width:0;height:2px;background:#65b832;transition:.25s}
nav a:hover,nav a.active{color:#65b832}
nav a:hover::after,nav a.active::after{width:100%}
.nav-button{background:#65b832;padding:12px 22px;border-radius:7px}
.nav-button:hover{background:#55a522;color:#fff}

/* KÖZÖS */
.section{padding:82px 0}
.section-divider{border-bottom:1px solid #cbd3da}
.white{background:#fff}
.light{background:#f4f7f9}
.eyebrow{display:block;color:#55a72b;font-size:12px;font-weight:800;letter-spacing:.7px;margin-bottom:10px}
.heading{text-align:center;margin-bottom:40px}
.heading h2{font-size:35px;line-height:1.2;color:#102f50}
.heading i{display:block;width:38px;height:3px;background:#65b832;border-radius:5px;margin:14px auto 0}

/* HERO */
.hero{padding-top:82px;min-height:590px;background:linear-gradient(90deg,rgba(250,252,253,.98) 0%,rgba(250,252,253,.96) 45%,rgba(250,252,253,.45) 72%,rgba(250,252,253,.08) 100%),url("images/hero.jpg") center right/cover no-repeat}
.hero-grid{min-height:508px;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:55px}
.hero h1{font-size:clamp(45px,5vw,66px);line-height:1.08;letter-spacing:-2px;color:#102f50;margin-bottom:22px}
.hero h1 span{display:block;color:#55a72b}
.hero-text>p{max-width:570px;color:#40566d;font-size:16px;margin-bottom:28px}
.buttons{display:flex;gap:14px}
.btn{display:inline-flex;align-items:center;gap:16px;padding:14px 23px;border-radius:8px;font-size:13px;font-weight:700;transition:.25s}
.green{background:#65b832;color:#fff;box-shadow:0 8px 20px rgba(101,184,50,.2)}
.green:hover{background:#55a522;transform:translateY(-2px)}
.outline{border:1px solid #788b9c;background:#fff;color:#173652}
.outline:hover{transform:translateY(-2px)}
.hero-iso{display:flex;flex-direction:column;gap:12px}
.iso-mini{min-height:88px;display:grid;grid-template-columns:60px 1fr 15px;align-items:center;gap:15px;background:rgba(255,255,255,.96);border:1px solid #dce4ea;border-radius:13px;padding:13px 18px;box-shadow:0 9px 25px rgba(17,47,75,.1);transition:.25s}
.iso-mini:hover{transform:translateX(4px)}
.iso-mini strong{display:block;color:#102f50;font-size:19px}
.iso-mini small{display:block;color:#637486;font-size:12px}
.iso-mini>b{font-size:27px;font-weight:400}
.round-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eef8e8;color:#59aa2d;font-size:25px}

/* FACTS */
.facts{background:#fff;padding:15px 0}
.facts-inner{min-height:90px;display:flex;align-items:center;justify-content:center;gap:85px}
.fact{display:flex;align-items:center;gap:17px;min-width:245px}
.fact-icon{width:55px;height:55px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eff8e9;color:#60ad31;font-size:24px}
.fact strong{display:block;color:#102f50;font-size:27px;line-height:1.1}
.fact small{display:block;color:#657789;font-size:13px}
.vertical-line{height:50px;width:1px;background:#c7d0d8}

/* SZOLGÁLTATÁSOK */
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.service-card{display:flex;gap:16px;min-height:155px;padding:25px 20px;background:#fff;border:1px solid #dfe6ec;border-radius:13px;box-shadow:0 7px 20px rgba(20,50,75,.05);transition:.25s}
.service-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(20,50,75,.11)}
.card-icon{width:52px;height:52px;min-width:52px;border-radius:14px;background:#eff8e9;color:#5cab2f;display:flex;align-items:center;justify-content:center;font-size:23px}
.service-card h3{font-size:17px;color:#102f50;line-height:1.25;margin-bottom:8px}
.service-card p{font-size:12.5px;color:#68798a}

/* ISO */
.iso-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.iso-box{padding:32px;background:#fff;border:1px solid #dfe6ec;border-radius:16px;box-shadow:0 8px 24px rgba(20,50,75,.06);transition:.25s}
.iso-box:hover{transform:translateY(-5px)}
.iso-box>span{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 13px;border-radius:10px;background:#eef8e8;color:#58a72c;font-weight:800;font-size:14px}
.iso-box h3{font-size:24px;color:#102f50;margin:18px 0 8px}
.iso-box p{color:#68798a;font-size:13px;margin-bottom:18px}
.iso-box a{color:#59a92c;font-size:13px;font-weight:700}

/* REFERENCIA */
.reference-placeholder{max-width:800px;margin:auto;padding:35px;text-align:center;background:#f5f9f3;border:1px dashed #c8ddbd;border-radius:16px;color:#6d7e8e}

/* RÓLUNK */
.about{background:#fff}
.about-grid{display:grid;grid-template-columns:1fr 1fr;min-height:330px;border:1px solid #dfe6ec;border-radius:16px;overflow:hidden;box-shadow:0 8px 25px rgba(20,50,75,.06)}
.about-copy{padding:42px}
.about-copy h2{font-size:34px;line-height:1.18;color:#102f50;margin-bottom:20px}
.about-copy h2 span{color:#59a92c}
.about-copy p{font-size:14px;color:#68798a;max-width:520px;margin-bottom:13px}
.about-image{background:url("images/about.jpg") center/cover no-repeat;min-height:330px}

/* BLOG */
.blog{background:#f5f8fa}
.blog-list{max-width:900px;margin:auto;border:1px solid #dfe6ec;border-radius:16px;overflow:hidden;background:#fff}
.blog-list article{display:grid;grid-template-columns:82px 1fr 20px;align-items:center;gap:18px;padding:14px 20px;border-bottom:1px solid #d1d8de}
.blog-list article:last-child{border-bottom:0}
.blog-image{width:82px;height:58px;border-radius:8px;background-size:cover;background-position:center}
.leaf{background-image:url("images/blog-leaf.jpg")}
.desk{background-image:url("images/blog-desk.jpg")}
.handshake{background-image:url("images/blog-handshake.jpg")}
.blog-list b{display:block;color:#102f50;font-size:14px}
.blog-list small{color:#6b7c8d;font-size:11px}
.blog-list>article>strong{font-size:25px;font-weight:400}

/* KAPCSOLAT */
.contact{background:#f8faf9}
.contact-grid{max-width:1050px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#fff;border:1px solid #d5dde3;border-radius:15px;box-shadow:0 8px 24px rgba(20,50,75,.06);overflow:hidden}
.contact-item{display:flex;align-items:center;gap:13px;padding:24px 18px;border-right:1px solid #cbd3da}
.contact-item:last-child{border-right:0}
.contact-item>span{width:52px;height:52px;min-width:52px;border-radius:50%;background:#eef8e8;color:#5cac2f;display:flex;align-items:center;justify-content:center;font-size:22px}
.contact-item b{display:block;color:#102f50;font-size:13px}
.contact-item a{display:block;color:#59a92c;font-size:14px;font-weight:700}
.contact-item strong{display:block;color:#173653;font-size:13px}
.contact-item small{display:block;color:#6b7c8d;font-size:11px}

/* FOOTER */
footer{background:#071f39;color:#fff;padding:27px 0}
.footer-inner{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px}
.footer-logo{font-size:26px}
.footer-inner>p{text-align:center;font-size:11px;color:rgba(255,255,255,.7)}
.footer-inner>div:last-child{display:flex;justify-content:flex-end;gap:18px}
.footer-inner>div:last-child a{font-size:11px;color:rgba(255,255,255,.7)}

/* RESPONSIVE */
@media(max-width:1050px){
nav{gap:15px}
nav a{font-size:11px}
.service-grid{grid-template-columns:repeat(2,1fr)}
.contact-grid{grid-template-columns:repeat(2,1fr)}
.contact-item:nth-child(2){border-right:0}
.contact-item{border-bottom:1px solid #cbd3da}
}
@media(max-width:820px){
.header{height:74px}.header-inner{height:74px}
nav{display:none}
.hero{padding-top:74px;background:linear-gradient(rgba(248,251,253,.94),rgba(248,251,253,.94)),url("images/hero.jpg") center/cover}
.hero-grid{grid-template-columns:1fr;padding:55px 0 65px}
.iso-grid,.about-grid{grid-template-columns:1fr}
.about-image{min-height:260px}
.footer-inner{grid-template-columns:1fr;text-align:center}
.footer-inner>p{text-align:center}
.footer-inner>div:last-child{justify-content:center}
}
@media(max-width:600px){
.container{width:94%}
.hero h1{font-size:43px}
.buttons{flex-direction:column}
.btn{justify-content:center}
.facts-inner{flex-direction:column;gap:20px;padding:18px}
.vertical-line{width:80%;height:1px}
.service-grid,.contact-grid{grid-template-columns:1fr}
.contact-item{border-right:0!important}
.contact-item:last-child{border-bottom:0}
.section{padding:65px 0}
.heading h2{font-size:29px}
.about-copy{padding:30px 25px}
.about-copy h2{font-size:30px}
}


/* ===== SÖTÉTEBB, SZÍNESEBB FELÜLETEK ===== */

/* A főbb blokkok ne legyenek mindenhol fehérek */
.facts{
    background:
        linear-gradient(90deg,#eef6ee 0%,#f7faf8 48%,#edf4f8 100%);
}

.services{
    background:
        linear-gradient(135deg,#f7faf9 0%,#edf5f1 52%,#eaf2f7 100%);
}

.iso-section{
    background:
        linear-gradient(135deg,#e9f1f6 0%,#f0f7ee 100%);
}

.references{
    background:
        linear-gradient(135deg,#f0f6f3 0%,#e7f0f5 100%);
}

.about{
    background:
        linear-gradient(110deg,
            rgba(225,239,231,.96),
            rgba(232,241,246,.95)),
        url("images/about.jpg") center/cover no-repeat;
}

.blog{
    background:
        linear-gradient(135deg,#e9f1f5 0%,#f0f6ee 100%);
}

.contact{
    background:
        linear-gradient(135deg,#e4efe8 0%,#e5eef5 100%);
}

/* Erősebb, de továbbra is elegáns szekcióelválasztók */
.section-divider{
    border-bottom:1px solid #aebbc6;
}

.facts.section-divider{
    border-top:1px solid #c1ccd4;
    border-bottom:1px solid #aab9c4;
}

/* A kártyák alatt legyen kissé mélyebb árnyék */
.service-card,
.iso-box,
.reference-placeholder,
.blog-list,
.contact-grid{
    box-shadow:0 10px 28px rgba(20,50,75,.09);
}

/* Finom kékeszöld kiemelő csíkok */
.service-card::before,
.iso-box::before{
    content:"";
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:3px;
    background:linear-gradient(90deg,#63b437,#4d88a7);
    border-radius:16px 16px 0 0;
}

.service-card,
.iso-box{
    position:relative;
}

/* Az ISO kártyák legyenek kissé színezettek */
.iso-box:nth-child(1){
    background:linear-gradient(145deg,#ffffff,#f0f7ee);
}

.iso-box:nth-child(2){
    background:linear-gradient(145deg,#ffffff,#eaf5f7);
}

.iso-box:nth-child(3){
    background:linear-gradient(145deg,#ffffff,#eef3f8);
}

/* Szolgáltatás kártyák enyhe zöld/kék árnyalata */
.service-card:nth-child(odd){
    background:linear-gradient(145deg,#ffffff,#f0f7ee);
}

.service-card:nth-child(even){
    background:linear-gradient(145deg,#ffffff,#edf4f8);
}

/* A Rólunk blokk kapjon mélyebb színfoltot */
.about-grid{
    background:rgba(255,255,255,.72);
}

.about-copy{
    background:rgba(255,255,255,.48);
}

/* Kapcsolati kártyák kevésbé steril fehérsége */
.contact-item:nth-child(1),
.contact-item:nth-child(3){
    background:#f1f8f2;
}

.contact-item:nth-child(2),
.contact-item:nth-child(4){
    background:#eef5f8;
}

/* Footer felső pereme */
footer{
    border-top:4px solid #4f91a0;
}


/* =========================================================
   QUALISON – ERŐSEBB SZÍNVILÁG / KÉPES HÁTTÉR
   ========================================================= */

/* Hero: határozottabb kék + zöld fényfoltok */
.hero{
    background:
        linear-gradient(105deg,
            rgba(244,249,247,.98) 0%,
            rgba(239,247,242,.94) 43%,
            rgba(213,231,237,.70) 66%,
            rgba(8,43,70,.18) 100%),
        url("images/hero.jpg") center right/cover no-repeat;
}

.hero::after{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    right:-130px;
    top:30px;
    border-radius:50%;
    background:rgba(76,151,91,.13);
    filter:blur(2px);
    pointer-events:none;
}

/* Színesebb statisztikai sáv */
.facts{
    background:
        linear-gradient(90deg,
            #dfeee3 0%,
            #f4f8f6 35%,
            #e4eef3 70%,
            #d7e7ed 100%);
}

/* Szolgáltatások: világos zöldeskék háttér */
.services{
    background:
        radial-gradient(circle at 8% 15%,rgba(104,181,91,.13),transparent 28%),
        radial-gradient(circle at 92% 80%,rgba(53,119,158,.12),transparent 30%),
        linear-gradient(135deg,#eef7f1,#eaf2f6);
}

.service-card:nth-child(1){
    background:linear-gradient(145deg,#ffffff,#e2f1e4);
}
.service-card:nth-child(2){
    background:linear-gradient(145deg,#ffffff,#e1edf5);
}
.service-card:nth-child(3){
    background:linear-gradient(145deg,#ffffff,#e9f2e9);
}
.service-card:nth-child(4){
    background:linear-gradient(145deg,#ffffff,#e3eef2);
}

/* ISO szekció – határozottabb kékeszöld */
.iso-section{
    background:
        linear-gradient(135deg,#dce9ef 0%,#e7f2e7 50%,#d9e8ed 100%);
}

.iso-box:nth-child(1){
    border-top:5px solid #65b832;
    background:linear-gradient(145deg,#fff,#e4f2e4);
}
.iso-box:nth-child(2){
    border-top:5px solid #3f8eae;
    background:linear-gradient(145deg,#fff,#e1eff4);
}
.iso-box:nth-child(3){
    border-top:5px solid #5276a0;
    background:linear-gradient(145deg,#fff,#e7edf5);
}

.iso-box>span{
    box-shadow:0 5px 15px rgba(74,143,84,.12);
}

/* Referencia blokk */
.references{
    background:
        linear-gradient(120deg,#e8f3ec,#e3edf3);
}

.reference-placeholder{
    background:linear-gradient(135deg,#dceee0,#e1edf4);
    border:1px solid #b7ccd0;
    color:#4f6878;
}

/* Rólunk: valódi képes felület */
.about{
    background:
        linear-gradient(90deg,
            rgba(215,235,220,.95),
            rgba(224,238,244,.86)),
        url("images/about.jpg") center/cover no-repeat;
}

.about-grid{
    background:rgba(255,255,255,.76);
    border:1px solid rgba(124,151,164,.40);
    box-shadow:0 15px 40px rgba(25,62,79,.12);
}

.about-copy{
    background:linear-gradient(135deg,rgba(255,255,255,.75),rgba(230,243,233,.70));
}

/* Blog – kékes háttér */
.blog{
    background:
        radial-gradient(circle at 90% 10%,rgba(67,132,169,.14),transparent 28%),
        linear-gradient(135deg,#e4eef3,#edf5ee);
}

.blog-list{
    border:1px solid #bfcfd7;
    box-shadow:0 15px 35px rgba(27,64,84,.10);
}

.blog-list article{
    background:rgba(255,255,255,.88);
}

.blog-list article:hover{
    background:#e9f4eb;
}

/* Kapcsolat – zöld/kék átmenet */
.contact{
    background:
        radial-gradient(circle at 10% 20%,rgba(83,153,91,.18),transparent 27%),
        radial-gradient(circle at 90% 75%,rgba(53,116,157,.17),transparent 30%),
        linear-gradient(135deg,#e0eee4,#dfeaf0);
}

.contact-grid{
    border:1px solid #b8c8d0;
    box-shadow:0 15px 40px rgba(24,58,77,.13);
}

.contact-item:nth-child(1){
    background:linear-gradient(145deg,#f7fcf7,#dcefdc);
}
.contact-item:nth-child(2){
    background:linear-gradient(145deg,#f7fbfd,#dcecf3);
}
.contact-item:nth-child(3){
    background:linear-gradient(145deg,#f7fcf7,#e4f1e7);
}
.contact-item:nth-child(4){
    background:linear-gradient(145deg,#f7fbfd,#e1edf3);
}

/* Erősebb elválasztó vonalak */
.section-divider{
    border-bottom:2px solid #aebdc6;
}

.facts.section-divider{
    border-top:2px solid #b4c2c9;
    border-bottom:2px solid #9eafb9;
}

.white.section-divider{
    border-bottom:2px solid #c1ccd2;
}

/* Színesebb ikonok */
.card-icon,
.round-icon,
.fact-icon,
.contact-item>span{
    box-shadow:0 6px 18px rgba(68,132,92,.13);
}

.service-card:nth-child(even) .card-icon{
    background:#e2f0f5;
    color:#3e82a0;
}

.iso-box:nth-child(2)>span,
.iso-box:nth-child(3)>span{
    background:#e1eef4;
    color:#3c7d9b;
}

/* Fehér felületek helyett enyhe kékes-zöld árnyalat */
.service-card,
.iso-box,
.reference-placeholder,
.blog-list,
.contact-grid{
    backdrop-filter:blur(4px);
}

/* Lábléc színes felső peremmel */
footer{
    border-top:5px solid;
    border-image:linear-gradient(90deg,#65b832,#438aa7,#65b832) 1;
}


/* ===== ERŐSEBB QUALISON LOGÓ + DEKORATÍV SZÍNVILÁG ===== */
.logo{
    font-size:40px;
    letter-spacing:-1.4px;
    line-height:1;
}
.footer-logo{
    font-size:32px;
}
.logo span,.footer-logo span{color:#65b832}
.logo b,.footer-logo b{color:#fff}

/* Dekoratív keresztirányú és hullámos vonalak */
.services,.iso-section,.references,.about,.blog,.contact{
    position:relative;
    overflow:hidden;
}
.services::after,
.blog::after{
    content:"";
    position:absolute;
    left:-5%;
    top:36px;
    width:110%;
    height:12px;
    opacity:.65;
    background:linear-gradient(90deg,#65b832 0 31%,#3182a5 31% 68%,#ed9b3a 68% 100%);
    transform:rotate(-1.4deg);
    pointer-events:none;
}
.iso-section::before,
.contact::before{
    content:"";
    position:absolute;
    left:-3%;
    bottom:34px;
    width:106%;
    height:38px;
    opacity:.38;
    background:
      radial-gradient(35px 18px at 35px 0,transparent 32px,#3182a5 33px 36px,transparent 37px) 0 0/70px 38px repeat-x,
      radial-gradient(35px 18px at 35px 38px,transparent 32px,#ed9b3a 33px 36px,transparent 37px) 35px 0/70px 38px repeat-x;
    pointer-events:none;
}
.references::before,
.about::before{
    content:"";
    position:absolute;
    left:-8%;
    top:55px;
    width:116%;
    height:7px;
    background:linear-gradient(90deg,transparent,#3182a5,#65b832,#ed9b3a,transparent);
    transform:rotate(1.2deg);
    opacity:.7;
    pointer-events:none;
}

/* Még karakteresebb háttérszínek */
.services{
    background:linear-gradient(135deg,#dfeee4 0%,#e5f0f4 55%,#f6e8d6 100%);
}
.iso-section{
    background:linear-gradient(125deg,#d6e7ef 0%,#e0efdf 58%,#f1e1cf 100%);
}
.references{
    background:linear-gradient(120deg,#dcebe2,#dce9ef 68%,#f4e4d0);
}
.about{
    background:
      linear-gradient(105deg,rgba(210,232,218,.94),rgba(211,229,238,.90),rgba(244,225,199,.84)),
      url("images/about.jpg") center/cover no-repeat;
}
.blog{
    background:linear-gradient(135deg,#d9e8ef,#e3efe1 58%,#f4e4d1);
}
.contact{
    background:linear-gradient(135deg,#d5e9dc 0%,#d6e6ee 57%,#f0dfc8 100%);
}

/* Narancs kiegészítő szín néhány kártyán */
.service-card:nth-child(3),
.iso-box:nth-child(3){
    border-top:4px solid #e89a3c;
}
.service-card:nth-child(3) .card-icon{
    background:#faecd9;
    color:#cf7c1f;
}
.iso-box:nth-child(3)>span{
    background:#f8e9d5;
    color:#c97820;
}

/* Kék hangsúly */
.service-card:nth-child(2),
.iso-box:nth-child(2){
    border-top:4px solid #3985a7;
}
.service-card:nth-child(2) .card-icon{
    background:#dfedf4;
    color:#367d9c;
}

/* Zöld hangsúly */
.service-card:nth-child(1),
.iso-box:nth-child(1){
    border-top:4px solid #65b832;
}

/* Tartalom maradjon a dekorációk felett */
.services>.container,
.iso-section>.container,
.references>.container,
.about>.container,
.blog>.container,
.contact>.container{
    position:relative;
    z-index:2;
}

@media(max-width:820px){
    .logo{font-size:34px}
}


/* ===== MODERN TYPOGRAPHY ===== */
body{
    font-family:"Manrope",Arial,sans-serif;
}

h1,h2,h3,
.logo,
.footer-logo,
nav a,
.btn,
.iso-mini strong,
.iso-box h3,
.service-card h3,
.blog-list b,
.contact-item b{
    font-family:"Space Grotesk","Manrope",Arial,sans-serif;
}

.logo{
    letter-spacing:-1.8px;
    font-weight:700;
}

.hero h1{
    font-weight:700;
    letter-spacing:-2.5px;
}

.heading h2,
.about-copy h2,
.contact-heading h2{
    letter-spacing:-1.2px;
}

.service-card h3,
.iso-box h3{
    letter-spacing:-.4px;
}

nav a{
    letter-spacing:.1px;
}

/* Slightly more visual hierarchy */
.eyebrow{
    font-family:"Manrope",Arial,sans-serif;
    letter-spacing:1.4px;
}

.hero-copy>p{
    font-size:16.5px;
    line-height:1.75;
}

.section-heading{
    margin-bottom:44px;
}

.section-heading h2,
.heading h2{
    font-weight:600;
}

.blog-list b{
    font-weight:600;
}

.contact-item b{
    font-weight:600;
}


/* ===== BLOG KIKAPCSOLVA ===== */
/* A blog szekció és a hozzá tartozó navigáció jelen verzióban nincs használva. */

/* Modern betűpárosítás */
body{
    font-family:"Manrope",Arial,sans-serif;
}
h1,h2,h3,.logo,.footer-logo,nav a,.btn,
.iso-mini strong,.iso-box h3,.service-card h3,
.contact-item b{
    font-family:"Space Grotesk","Manrope",Arial,sans-serif;
}
.logo{
    letter-spacing:-1.8px;
    font-weight:700;
}
.hero h1{
    font-weight:700;
    letter-spacing:-2.5px;
}
.heading h2,.about-copy h2,.contact-heading h2{
    letter-spacing:-1.2px;
}
.eyebrow{
    font-family:"Manrope",Arial,sans-serif;
    letter-spacing:1.4px;
}


/* =========================================================
   KOMOLYABB, VÁLLALATI MEGJELENÉS
   ========================================================= */

:root{
    --corporate-navy:#082b49;
    --corporate-blue:#1d587d;
    --corporate-green:#4f9d3a;
    --corporate-line:#aebbc5;
    --corporate-text:#24394c;
}

/* Kevesebb játékosság, több üzleti karakter */
body{
    color:var(--corporate-text);
    background:#f2f5f7;
}

.header{
    background:#061f37;
    box-shadow:0 3px 18px rgba(4,25,42,.22);
}

.logo{
    font-size:41px;
    letter-spacing:-2px;
}

.hero{
    min-height:620px;
    background:
        linear-gradient(90deg,
            rgba(246,249,250,.99) 0%,
            rgba(239,245,247,.97) 43%,
            rgba(220,232,237,.82) 69%,
            rgba(16,53,76,.25) 100%),
        url("images/hero.jpg") center right/cover no-repeat;
}

.hero-text{
    max-width:650px;
}

.trust-line{
    display:block;
    margin-bottom:16px;
    color:#52758a;
    font-size:10px;
    font-weight:800;
    letter-spacing:1.8px;
}

.hero h1{
    color:#082b49;
    font-size:clamp(47px,5vw,65px);
    letter-spacing:-2.7px;
}

.hero h1 span{
    color:#397e42;
}

.hero-copy>p,
.hero-text>p{
    max-width:610px;
    color:#445b6e;
    font-size:16px;
    line-height:1.8;
}

.btn{
    border-radius:5px;
    letter-spacing:.1px;
}

.btn.green{
    background:#397f45;
    box-shadow:0 7px 18px rgba(57,127,69,.18);
}

.btn.green:hover{
    background:#2f6e39;
}

.btn.outline{
    border-color:#718796;
}

/* ISO dobozok: kevésbé "játékos", inkább üzleti */
.iso-mini{
    border-radius:7px;
    border-color:#c7d2d9;
    box-shadow:0 9px 24px rgba(15,46,68,.10);
}

.iso-mini strong{
    color:#082b49;
    font-size:18px;
}

.iso-mini small{
    font-size:11px;
}

.round-icon{
    width:52px;
    height:52px;
    border-radius:9px;
    background:#e5efe7;
    color:#397e42;
}

/* Információs sáv */
.facts{
    background:#e7edf1;
}

.facts-inner{
    max-width:920px;
    border-left:4px solid #397e42;
    border-right:4px solid #397e42;
}

.fact-icon{
    background:#dfeae3;
    color:#397e42;
    border-radius:9px;
}

.fact strong{
    color:#082b49;
    font-size:25px;
}

/* Szekciók */
.section{
    padding:92px 0;
}

.section-divider{
    border-bottom:2px solid #aab8c1;
}

.section-top-label{
    position:absolute;
    top:18px;
    left:50%;
    transform:translateX(-50%);
    padding:3px 12px;
    background:#e2e9ed;
    color:#5b7181;
    font-size:9px;
    font-weight:800;
    letter-spacing:1.8px;
    border-radius:3px;
}

/* Címek */
.heading{
    margin-bottom:48px;
}

.heading h2{
    color:#082b49;
    font-size:36px;
    font-weight:600;
}

.heading i{
    width:55px;
    height:3px;
    background:#397e42;
}

/* Szolgáltatások */
.services{
    background:
        linear-gradient(135deg,#edf2f3,#e5edf0);
}

.service-grid{
    gap:18px;
}

.service-card{
    min-height:170px;
    border-radius:8px;
    border:1px solid #c9d4da;
    border-top:3px solid #397e42;
    box-shadow:0 8px 22px rgba(14,43,62,.07);
}

.service-card:nth-child(2){
    border-top-color:#316f91;
}

.service-card:nth-child(3){
    border-top-color:#5c6e7b;
}

.service-card:nth-child(4){
    border-top-color:#397e42;
}

.card-icon{
    border-radius:8px;
    background:#e3eee6;
    color:#397e42;
}

/* ISO */
.iso-section{
    background:
        linear-gradient(135deg,#e3edf2,#e7f0e9);
}

.iso-box{
    border-radius:8px;
    border:1px solid #c6d2d9;
    box-shadow:0 9px 24px rgba(13,45,65,.08);
}

.iso-box h3{
    color:#082b49;
}

.iso-box a{
    color:#397e42;
}

/* Rólunk */
.about{
    background:
        linear-gradient(90deg,
            rgba(224,235,228,.96),
            rgba(220,232,238,.93)),
        url("images/about.jpg") center/cover no-repeat;
}

.about-grid{
    border-radius:8px;
    border-color:#bfcbd2;
    box-shadow:0 12px 32px rgba(14,44,63,.10);
}

.about-copy h2{
    color:#082b49;
    font-size:37px;
}

.about-copy h2 span{
    color:#397e42;
}

/* Kapcsolat */
.contact{
    background:
        linear-gradient(135deg,#e7eef1,#e4eee7);
}

.contact-grid{
    border-radius:8px;
    border-color:#bcc9d0;
}

.contact-item{
    padding:27px 19px;
}

.contact-item>span{
    border-radius:9px;
    background:#e1ece5;
    color:#397e42;
}

/* Footer – komolyabb */
footer{
    background:#061d33;
    border-top:4px solid #397e42;
}

.footer-logo{
    font-size:30px;
}

/* Kis képernyőn is megmaradjon a komoly arány */
@media(max-width:600px){
    .logo{font-size:35px}
    .hero{min-height:0}
    .hero h1{letter-spacing:-1.8px}
}

/* ===== LOGÓ VÉGLEGES SZÍNEZÉSE ===== */
.logo span,
.footer-logo span{
    color:#65b832 !important;
}
.logo b,
.footer-logo b{
    color:#fff !important;
}


/* ===== ISO SZABVÁNYOK: KÉTOSZLOPOS, KOMOLYABB ELRENDEZÉS ===== */
.iso-layout{
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);
    gap:28px;
    align-items:stretch;
    max-width:1080px;
    margin:0 auto;
}

.iso-layout .iso-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:14px;
}

.iso-layout .iso-box{
    min-height:125px;
    padding:25px 30px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.iso-layout .iso-box h3{
    margin:0 0 7px;
    font-size:24px;
}

.iso-layout .iso-box p{
    margin:0;
    max-width:620px;
}

.iso-visual{
    position:relative;
    min-height:410px;
    overflow:hidden;
    border-radius:12px;
    background:
        linear-gradient(145deg,rgba(7,42,68,.96),rgba(36,91,117,.90)),
        url("images/iso-business.png") center/cover no-repeat;
    box-shadow:0 14px 34px rgba(12,48,69,.16);
    border:1px solid rgba(255,255,255,.28);
}

.iso-visual::before{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:50%;
    left:-90px;
    bottom:-100px;
}

.iso-visual::after{
    content:"";
    position:absolute;
    width:360px;
    height:360px;
    border:2px solid rgba(101,184,50,.25);
    border-radius:50%;
    right:-170px;
    top:-150px;
}

.visual-circle{
    position:absolute;
    width:78px;
    height:78px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-family:"Space Grotesk",sans-serif;
    font-size:22px;
    font-weight:700;
    box-shadow:0 12px 25px rgba(0,0,0,.20);
    z-index:2;
}

.circle-green{background:#65b832;left:20%;top:22%}
.circle-blue{background:#438aa7;right:20%;top:37%}
.circle-orange{background:#df9335;left:27%;bottom:25%}
.circle-navy{background:#183f60;right:25%;bottom:18%}

.visual-caption{
    position:absolute;
    left:28px;
    right:28px;
    bottom:25px;
    padding-top:17px;
    border-top:1px solid rgba(255,255,255,.25);
    color:rgba(255,255,255,.86);
    font-size:12px;
    font-weight:600;
    letter-spacing:.4px;
    text-align:center;
    z-index:3;
}

@media(max-width:850px){
    .iso-layout{
        grid-template-columns:1fr;
    }
    .iso-visual{
        min-height:300px;
    }
}

.iso-visual{
    min-height:410px;
    background:
        linear-gradient(rgba(10,44,66,.08),rgba(10,44,66,.08)),
        url("images/iso-business.png") center/cover no-repeat;
}
.iso-visual::before,
.iso-visual::after{
    display:none;
}
.visual-circle,
.visual-caption{
    display:none;
}


/* ===== KAPCSOLAT – ÜRES RÉSZ ELTÜNTETÉSE ===== */
.contact-grid{
    grid-template-columns:repeat(3,1fr);
}

.contact-item:nth-child(2){
    border-right:1px solid #cbd3da;
}

.contact-item:nth-child(3){
    border-right:0;
}

@media(max-width:1050px){
    .contact-grid{
        grid-template-columns:repeat(3,1fr);
    }
}

@media(max-width:820px){
    .contact-grid{
        grid-template-columns:1fr;
    }
    .contact-item{
        border-right:0!important;
        border-bottom:1px solid #cbd3da;
    }
    .contact-item:last-child{
        border-bottom:0;
    }
}