:root{--fs-primary:#2273b5;--fs-secondary:#fd5210;--fs-bg-soft:#f5f8f7;--fs-text-main:#102a27;--fs-border-soft:#e2ece9;--fs-info:#00bbea;}*,*::before,*::after{box-sizing:border-box;}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#0f172a;background-color:#f8fafc;line-height:1.5;}img{max-width:100%;height:auto;display:block;}a{color:inherit;text-decoration:none;}button{font:inherit;}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 16px;}/* ========================= HEADER (header.html támogatás) ========================= */ header.header{width:100%;background:#ffffffcc;backdrop-filter:blur(100px);position:sticky;top:0;z-index:100;padding:0;}.header-inner{max-width:1120px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;}header.header .logo{font-size:1.3rem;font-weight:700;color:var(--fs-primary);}.logo img{height:70px;}header.header .logo:hover{opacity:0.8;}header.header .main-nav{display:flex;align-items:center;gap:18px;}header.header .main-nav a{font-size:0.9rem;color:#34423f;padding:6px 10px;border-radius:8px;transition:background 0.15s ease;text-decoration:none;}header.header .main-nav a:hover{background:rgba(0,123,119,0.08);}header.header .main-nav .btn-primary{margin-left:8px;padding:10px 20px;font-size:0.9rem;color:white;}header.header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;max-width:1320px;margin:0 auto;}.logo{font-weight:700;font-size:1.2rem;color:var(--fs-primary);display:inline-flex;align-items:center;gap:8px;}.logo span{font-weight:600;}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,0.9);backdrop-filter:blur(12px);border-bottom:1px solid rgba(148,163,184,0.2);}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;}.logo{font-weight:700;font-size:1.1rem;letter-spacing:0.02em;color:#0f172a;}.logo span{color:#059669;}.main-nav{display:flex;align-items:center;gap:20px;font-size:0.9rem;}.main-nav a{color:#475569;padding:6px 0;}.main-nav a:hover{color:#0f172a;}.nav-cta{padding:8px 16px;border-radius:999px;border:1px solid rgba(148,163,184,0.6);font-weight:500;}.nav-cta:hover{background-color:#ffffff;}.nav-toggle{display:none;background:none;border:1px solid rgba(148,163,184,0.6);border-radius:999px;padding:4px 10px;cursor:pointer;font-size:0.9rem;}.mobile-nav{display:none;flex-direction:column;background:#ffffff;border-bottom:1px solid rgba(148,163,184,0.3);padding:8px 16px 10px;}.mobile-nav a{padding:8px 0;font-size:0.9rem;color:#475569;}.mobile-nav a.nav-cta{margin-top:4px;border-radius:999px;border:1px solid rgba(148,163,184,0.6);text-align:center;}.mobile-nav--open{display:flex;}.hero{padding:40px 0 32px;}.hero-inner{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2.3fr);gap:32px;align-items:center;}.hero-kicker{font-size:1.5rem;font-weight:600;text-transform:uppercase;letter-spacing:0.15em;color:#0369a1;margin-bottom:8px;}.hero h1{font-size:clamp(2rem,3vw + 1rem,3rem);line-height:1.1;margin:0;color:#0f172a;}.hero h1 span{color:var(--fs-primary);}.hero-text{margin-top:16px;font-size:1rem;color:#475569;max-width:36rem;}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;}.hero-meta{margin-top:12px;font-size:0.8rem;color:#64748b;max-width:34rem;}.hero-card{background:#ffffff;border-radius:24px;padding:24px 24px 20px;box-shadow:0 18px 40px rgba(15,23,42,0.06);border:1px solid rgba(148,163,184,0.35);}.hero-card h2{margin:0 0 12px;font-size:1.05rem;font-weight:600;}.hero-card ul{list-style:none;padding:0;margin:0 0 16px;font-size:0.9rem;color:#475569;}.hero-card li{margin-bottom:6px;}.hero-quote{background:#ecfdf3;border-radius:14px;padding:12px 14px;font-size:0.85rem;color:var(--fs-primary);border:1px solid rgba(34,197,94,0.3);}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:999px;font-size:0.9rem;font-weight:500;border:1px solid transparent;cursor:pointer;/* transition:background-color 0.12s ease,color 0.12s ease,border-color 0.12s ease,box-shadow 0.1s ease;*/}.btn-primary{background-color:var(--fs-primary);color:#ffffff;box-shadow:0 10px 26px rgba(5,150,105,0.25);}.btn-primary:hover{background-color:var(--fs-primary);}.btn-secondary{background-color:#ffffff;color:#0f172a;border-color:rgba(148,163,184,0.7);}.btn-secondary:hover{background-color:#f1f5f9;}.btn-outline{background-color:#ffffff;color:#0f172a;border-color:rgba(148,163,184,0.7);}.btn-outline:hover{background-color:#f8fafc;}.section{padding:40px 0;}.section-alt{padding:40px 0;background:#fcfcfc;}.section-header{margin-bottom:24px;}.section-header h2{margin:0 0 6px;font-size:1.5rem;}.section-header p{margin:0;font-size:0.95rem;color:#64748b;}.grid{display:grid;gap:20px;}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));}.card{background:#ffffff;border-radius:20px;padding:20px 20px 22px;box-shadow:0 10px 30px rgba(15,23,42,0.06);border:1px solid rgba(148,163,184,0.35);}.pricing-card{position:relative;text-align:left;}.pricing-card h3{margin:0;font-size:1.15rem;}.price{margin-top:10px;font-size:1.6rem;font-weight:700;}.price-note{margin-top:2px;font-size:0.8rem;color:#64748b;}.feature-list{list-style:none;padding:3px;margin:18px 0 12px;font-size:1rem;color:#475569;}.feature-list li{margin-bottom:6px;}.pricing-meta{font-size:0.9rem;color:#507ac2;margin-bottom:14px;text-decoration:underline;}.pricing-card--highlight{border-color:rgba(5,150,105,0.7);box-shadow:0 20px 40px rgba(5,150,105,0.15);}.badge{position:absolute;top:12px;right:16px;background:var(--fs-info);color:#ffffff;font-size:0.7rem;text-transform:uppercase;font-weight:700;padding:4px 8px;border-radius:999px;letter-spacing:0.06em;}.steps{margin-top:8px;}.step-card{font-size:0.9rem;}.step-label{display:inline-block;font-size:0.7rem;text-transform:uppercase;letter-spacing:0.12em;color:var(--fs-primary);margin-bottom:4px;font-weight:600;}.roi-card h3{margin-top:0;font-size:1.05rem;}.roi-intro{font-size:0.9rem;color:#64748b;}.roi-list{list-style:none;padding:0;margin:10px 0 0;font-size:0.9rem;color:#475569;}.roi-list li{margin-bottom:4px;}.roi-box{background:#f8fafc;border-radius:16px;padding:12px 14px;margin-top:12px;border:1px dashed rgba(148,163,184,0.7);font-size:0.9rem;}.roi-label{font-weight:600;margin-bottom:4px;}.roi-note{margin-top:6px;font-size:0.85rem;color:#64748b;}.roi-cta{margin-top:24px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;font-size:0.9rem;color:#475569;}.consult-card h2{margin-top:0;font-size:1.5rem;}.consult-card p{font-size:0.95rem;color:#475569;max-width:40rem;}.booking-frame{margin-top:16px;border-radius:20px;overflow:hidden;border:1px solid rgba(148,163,184,0.6);min-height:520px;}.booking-frame iframe{width:100%;height:700px;border:0;}.consult-note{margin-top:10px;font-size:0.8rem;color:#94a3b8;}.site-footer{border-top:1px solid rgba(148,163,184,0.3);padding:20px 0;background:#0f172a;color:#cbd5f5;}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:0.8rem;}.footer-link{color:#93c5fd;font-size:0.8rem;}.footer-link:hover{text-decoration:underline;}/* ========================= Hamburger menu ========================= */ .hamburger{display:none;flex-direction:column;width:28px;height:22px;justify-content:space-between;background:none;border:none;cursor:pointer;padding:0;}.hamburger span{display:block;height:3px;width:100%;background:var(--fs-primary);border-radius:4px;transition:0.3s ease;}.hamburger.open span:nth-child(1){transform:translateY(9px) rotate(45deg);}.hamburger.open span:nth-child(2){opacity:0;}.hamburger.open span:nth-child(3){transform:translateY(-9px) rotate(-45deg);}.timeline{position:relative;display:grid;gap:40px;margin-top:40px;}.timeline-line{position:absolute;top:0;left:28px;width:3px;height:100%;background:#e5e7eb;border-radius:2px;display:none;}@media (min-width:768px){.timeline-line{display:block;}}.timeline-item{position:relative;padding-left:60px;}.timeline-item::before{content:"";position:absolute;left:22px;top:22px;width:14px;height:14px;background:#007bff;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px #007bff;display:none;}@media (min-width:768px){.timeline-item::before{display:block;}}.step-card{transition:box-shadow 0.2s ease,transform 0.15s ease;}.step-card:hover{box-shadow:0 8px 24px rgba(0,0,0,0.08);transform:translateY(-2px);}.step-meta{font-size:0.9rem;color:#666;margin-top:6px;}.how-cta{text-align:center;margin-top:40px;}.how-cta p{max-width:600px;margin:0 auto 20px;font-size:1.1rem;}.auto-card{padding:24px;border-radius:12px;border:1px solid #e5e7eb;background:#ffffff;transition:box-shadow 0.2s ease,transform 0.15s ease;display:flex;flex-direction:column;justify-content:flex-start;}.auto-card:hover{box-shadow:0 8px 24px rgba(0,0,0,0.08);transform:translateY(-3px);}.auto-card h3{margin-bottom:16px;font-size:1.2rem;color:#111827;}.auto-card ul{list-style:none;padding:0;margin:0;}.auto-card ul li{position:relative;padding-left:22px;margin-bottom:10px;font-size:0.95rem;line-height:1.4;color:#374151;}.auto-card ul li::before{content:"✔";position:absolute;left:0;top:0;color:#007bff;font-size:0.85rem;line-height:1.2;}.automation-list{margin-top:40px;}.roi-cta{margin-top:50px;}.hero-photo{display:flex;flex-direction:column;align-items:center;margin-top:20px;}.hero-photo img{width:260px;height:260px;object-fit:cover;object-position:center;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,0.08);background:#f8f8f8;}.hero-photo-caption{margin-top:12px;font-size:0.95rem;color:#4b5563;text-align:center;}@media (max-width:992px){.automation-list{grid-template-columns:repeat(2,1fr);gap:24px;}}@media (max-width:768px){.hero-photo img{width:200px;height:200px;}}@media (max-width:640px){.automation-list{grid-template-columns:1fr;}}@media (max-width:900px){.hero-inner{grid-template-columns:minmax(0,1fr);}.hero{padding-top:28px;}.grid-3{grid-template-columns:minmax(0,1fr);}.grid-4{grid-template-columns:minmax(0,1fr);}.grid-2{grid-template-columns:minmax(0,1fr);}.roi-cta{flex-direction:column;align-items:flex-start;}.footer-inner{flex-direction:column;align-items:flex-start;}}@media (max-width:600px){.hero-card{margin-top:8px;}.hero-actions{flex-direction:column;align-items:stretch;}.btn{width:100%;justify-content:center;}}@media (max-width:780px){.hamburger{display:flex;}header.header{flex-direction:row;align-items:center;}.main-nav{display:none;flex-direction:column;width:100%;gap:12px;margin-top:16px;}.main-nav.open{display:flex;}.main-nav .btn-primary{width:100%;text-align:center;}}/* ========================= MOBIL HEADER ========================= */ @media (max-width:780px){header.header{max-width:100%;margin:0;padding:12px 16px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;}header.header .logo{flex:1;}.hamburger{display:flex;}header.header .main-nav{display:none;flex-direction:column;width:100%;gap:12px;margin-top:12px;}header.header .main-nav.open{display:flex;}header.header .main-nav .btn-primary{width:100%;text-align:center;}}