:root{--dark:#061021;--dark2:#0a1830;--text:#0f172a;--muted:#64748b;--primary:#5b5cf6;--primary2:#7c3aed;--card:#fff;--line:#e5e7eb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:#fff;color:var(--text);line-height:1.55}a{color:inherit}.site-header{position:sticky;top:0;z-index:50;background:rgba(6,16,33,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-wrap{max-width:1220px;margin:auto;padding:14px 22px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;min-width:205px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:linear-gradient(135deg,var(--primary),var(--primary2));border-radius:12px;font-weight:900;font-size:24px;box-shadow:0 0 20px rgba(91,92,246,.45)}.brand small{display:block;color:#aeb9d5;font-size:12px}.main-nav{display:flex;gap:22px;margin-left:auto}.main-nav a{color:#dbe4ff;text-decoration:none;font-weight:700;font-size:14px}.main-nav a.active,.main-nav a:hover{color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:13px 20px;font-weight:800;text-decoration:none;border:1px solid transparent;cursor:pointer}.btn.small{padding:10px 14px;font-size:14px}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;box-shadow:0 16px 34px rgba(91,92,246,.28)}.btn-outline{border-color:rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.04)}.langs{display:flex;gap:6px;color:#fff;font-weight:800;font-size:13px}.langs a{text-decoration:none;color:#fff}.mobile-menu{display:none}.hero{background:radial-gradient(circle at 80% 20%,rgba(124,58,237,.35),transparent 34%),linear-gradient(135deg,#030712,#071832 60%,#081225);color:#fff;min-height:650px;display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center;padding:80px max(28px,calc((100vw - 1220px)/2))}.eyebrow{color:#aeb8ff;font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:13px}.hero h1{font-size:clamp(40px,5vw,70px);line-height:1.04;margin:18px 0}.hero p{font-size:18px;color:#d5ddf6;max-width:680px}.hero-actions{display:flex;gap:16px;margin-top:28px}.pills{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.pills span{border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:9px 14px;background:rgba(255,255,255,.04);font-weight:700;color:#e8edff}.hero-visual{position:relative;min-height:430px}.device{position:absolute;background:rgba(255,255,255,.94);color:#0f172a;border:8px solid #111827;border-radius:24px;box-shadow:0 32px 90px rgba(0,0,0,.45);overflow:hidden}.laptop{width:500px;height:330px;right:0;top:10px;padding:22px}.phone{width:150px;height:290px;left:10px;bottom:20px;padding:18px}.tablet{width:285px;height:185px;right:0;bottom:10px;padding:16px}.device-top{font-weight:900;margin-bottom:16px}.charts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.charts span,.phone span,.tablet span,.table-lines i{display:block;background:#edf1ff;border-radius:10px}.charts span{height:62px}.line{height:95px;margin:16px 0;border-radius:14px;background:linear-gradient(135deg,#eef2ff,#fff)}.table-lines{display:grid;gap:8px}.table-lines i{height:12px}.phone span{height:54px;margin-top:12px}.tablet span{height:26px;margin-top:10px}.section{max-width:1220px;margin:auto;padding:64px 24px}.center{text-align:center}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.value-grid article,.project-card,.app-card,.app-list-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 14px 34px rgba(15,23,42,.06)}.icon{width:48px;height:48px;border-radius:14px;background:#eef2ff;color:var(--primary);display:grid;place-items:center;font-size:24px;margin-bottom:12px}.plain{max-width:1220px;margin:0 auto 34px;padding:32px 42px;background:linear-gradient(135deg,#eef4ff,#fff);border-radius:24px;display:grid;grid-template-columns:190px 1fr 290px;gap:28px;align-items:center}.talk-illus{height:150px;background:#dde7ff;border-radius:20px;display:grid;place-items:center;font-size:60px;position:relative}.talk-illus small{position:absolute;right:16px;top:16px;background:#fff;border-radius:12px;padding:8px;font-size:13px}.plain ul{list-style:none;margin:0;padding:0;display:grid;gap:12px;font-weight:800;color:#334155}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.thumb{height:190px;display:block;background:#0b1220;border-radius:14px;overflow:hidden;margin-bottom:16px}.thumb img,.project-card img{width:100%;height:100%;object-fit:cover}.placeholder-img{height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#0b1220,#3841a9);color:#fff}.placeholder-img span{font-size:72px;font-weight:900}.card-body h3{margin:0 0 8px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.tags span{background:#eef2ff;color:#3730a3;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800}.mini-btn{display:inline-flex;align-items:center;margin:5px 6px 0 0;padding:8px 11px;border-radius:10px;background:#f1f5f9;color:#0f172a;text-decoration:none;font-size:13px;font-weight:800}.mini-btn.primary{background:#eef2ff;color:#4338ca}.process{background:linear-gradient(135deg,#061021,#0a1830);color:#fff;padding:64px max(24px,calc((100vw - 1220px)/2));text-align:center}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.steps article{position:relative;padding:18px}.steps b{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 12px;border-radius:999px;background:var(--primary)}.content-help{max-width:1220px;margin:auto;padding:64px 24px;display:grid;grid-template-columns:160px 1fr 360px;gap:32px;align-items:center}.magnifier{height:130px;border-radius:24px;background:#eef2ff;color:var(--primary);display:grid;place-items:center;font-size:80px}.content-help ul{list-style:none;padding:0;display:grid;gap:16px}.content-help li{background:#f8fafc;border-radius:14px;padding:14px}.content-help span{display:block;color:var(--muted)}.apps-row{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.app-card img{width:64px;height:64px;border-radius:16px}.muted{color:var(--muted)}.cta-section{max-width:1220px;margin:auto;padding:34px 24px 64px}.cta-box{background:linear-gradient(135deg,#061021,#131b4f);color:#fff;border-radius:24px;padding:36px;display:grid;grid-template-columns:1fr 1fr;gap:32px}.quote-form{display:grid;gap:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quote-form input,.quote-form textarea{width:100%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff;border-radius:12px;padding:13px;font:inherit}.quote-form input::placeholder,.quote-form textarea::placeholder{color:#b7c2e2}.quote-form textarea{min-height:110px}.form-success{background:#dcfce7;color:#166534;border-radius:12px;padding:10px}.footer{background:#050b16;color:#b8c3d9;padding:28px 24px}.footer-grid{max-width:1220px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:16px;align-items:center}.brand.mini{color:#fff;min-width:0}.brand.mini .brand-mark{width:30px;height:30px;font-size:18px}.legal{display:flex;gap:12px;justify-content:flex-end}.legal a{color:#b8c3d9;text-decoration:none}.copyright{text-align:center;color:#77839c;font-size:12px;margin-top:18px}.page-hero{background:linear-gradient(135deg,#061021,#0e1d3a);color:#fff;padding:80px 24px;text-align:center}.page-hero h1{font-size:clamp(36px,5vw,64px);margin:0 0 12px}.text-page,.detail,.app-detail{max-width:1000px;margin:auto;padding:64px 24px}.rich{font-size:18px}.rich h2{margin-top:32px}.rich a{color:var(--primary)}.detail,.app-detail{display:grid;grid-template-columns:320px 1fr;gap:38px}.detail-image{height:320px;border-radius:24px;background:#0b1220;overflow:hidden}.detail-image img{width:100%;height:100%;object-fit:cover}.lead{font-size:20px;color:#475569}.app-icon-large{width:220px;height:220px;border-radius:48px;box-shadow:0 20px 60px rgba(15,23,42,.18)}.feature-list{display:flex;flex-wrap:wrap;gap:10px}.feature-list span{background:#eef2ff;border-radius:999px;padding:9px 14px;font-weight:800;color:#3730a3}.apps-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.app-list-card{display:flex;gap:20px}.app-list-card img{width:90px;height:90px;border-radius:22px}
/* Update 003: realisztikusabb, reszponzív hero montázs */
.hero-visual-premium{position:relative;min-height:470px;display:block;isolation:isolate}.hero-stage{position:absolute;inset:0;perspective:1200px;filter:drop-shadow(0 42px 70px rgba(0,0,0,.42))}.hero-orb{position:absolute;border-radius:999px;filter:blur(34px);opacity:.72;pointer-events:none}.hero-orb-one{width:340px;height:340px;right:6%;top:5%;background:rgba(124,58,237,.38)}.hero-orb-two{width:260px;height:260px;left:18%;bottom:8%;background:rgba(37,99,235,.26)}.montage-device{position:absolute;background:#0a1020;border:1px solid rgba(255,255,255,.14);box-shadow:0 34px 90px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.18);overflow:hidden}.montage-laptop{right:0;top:20px;width:min(560px,92%);height:350px;border-radius:22px;padding:12px;transform:rotateY(-7deg) rotateX(1deg);background:linear-gradient(135deg,#151b2c,#050914 70%)}.device-glass{height:100%;border-radius:14px;background:linear-gradient(135deg,rgba(18,27,48,.96),rgba(7,12,25,.98));overflow:hidden;border:1px solid rgba(255,255,255,.09)}.laptop-base{position:absolute;left:9%;right:6%;height:16px;bottom:-21px;background:linear-gradient(180deg,#35394a,#121722);border-radius:0 0 24px 24px;box-shadow:0 18px 38px rgba(0,0,0,.42)}.dashboard-ui{display:grid;grid-template-columns:120px 1fr;height:100%;color:#e8edff}.dashboard-ui aside{background:rgba(5,10,25,.8);padding:18px 14px;display:grid;align-content:start;gap:13px;border-right:1px solid rgba(255,255,255,.08)}.dashboard-ui aside strong{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--primary2));font-weight:900}.dashboard-ui aside span{font-size:12px;font-weight:900;color:#fff}.dashboard-ui aside i,.tablet-body aside i{font-style:normal;color:#b9c2df;font-size:11px;padding:8px 9px;border-radius:10px}.dashboard-ui aside i:first-of-type,.tablet-body aside i:first-child{background:rgba(91,92,246,.22);color:#fff}.dashboard-ui main{padding:20px;display:grid;gap:16px}.dash-head{font-weight:900;font-size:17px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.metric-grid div{background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:11px}.metric-grid small{display:block;color:#aeb8d4;font-size:10px}.metric-grid b{display:block;font-size:18px;margin-top:4px}.metric-grid em{font-style:normal;color:#50e3a4;font-size:10px;font-weight:800}.chart-panel{background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:14px;min-height:112px}.chart-panel span,.request-lines span{display:block;color:#fff;font-weight:900;font-size:12px;margin-bottom:12px}.chart-line{height:58px;border-radius:12px;background:linear-gradient(180deg,rgba(124,58,237,.34),rgba(124,58,237,.02)),linear-gradient(135deg,transparent 0 8%,rgba(139,92,246,.85) 9% 12%,transparent 13% 24%,rgba(139,92,246,.9) 25% 29%,transparent 30% 44%,rgba(139,92,246,.92) 45% 48%,transparent 49% 63%,rgba(139,92,246,.9) 64% 67%,transparent 68%);position:relative}.chart-line:after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:linear-gradient(90deg,rgba(139,92,246,.05),rgba(139,92,246,.9),rgba(139,92,246,.35));transform:skewY(-7deg);box-shadow:0 0 18px rgba(139,92,246,.8)}.request-lines{display:grid;gap:8px}.request-lines i{display:block;height:9px;border-radius:99px;background:linear-gradient(90deg,rgba(255,255,255,.16),rgba(255,255,255,.04))}.montage-phone{left:3%;bottom:38px;width:152px;height:315px;border-radius:30px;padding:12px;background:linear-gradient(135deg,#111827,#050812);z-index:3;transform:rotateY(9deg) rotateZ(-1deg)}.phone-notch{position:absolute;top:9px;left:50%;width:54px;height:12px;transform:translateX(-50%);background:#050812;border-radius:999px;z-index:2}.phone-ui{height:100%;border-radius:22px;background:linear-gradient(180deg,#091226,#111a38);padding:26px 12px 12px;color:#fff;display:grid;gap:10px;align-content:start}.phone-ui strong{font-size:12px}.phone-ui span{font-size:10px;color:#b9c2df}.phone-card{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.06);border-radius:14px;padding:10px}.phone-card.accent{background:linear-gradient(135deg,var(--primary),var(--primary2));box-shadow:0 12px 24px rgba(91,92,246,.25)}.phone-card small{display:block;font-size:10px;color:#dbe4ff}.phone-card b{font-size:20px}.montage-tablet{right:-2%;bottom:24px;width:320px;height:206px;border-radius:24px;padding:10px;background:linear-gradient(135deg,#111827,#050812);z-index:4;transform:rotateY(-5deg)}.tablet-ui{height:100%;border-radius:16px;background:linear-gradient(135deg,#0b1220,#101936);color:#fff;padding:14px;border:1px solid rgba(255,255,255,.08)}.tablet-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.tablet-top span{width:20px;height:20px;border-radius:999px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:#aeb8d4}.tablet-body{display:grid;grid-template-columns:90px 1fr;gap:12px}.tablet-body aside{display:grid;gap:7px;align-content:start}.status-card,.load-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:10px}.status-card{display:flex;gap:10px;align-items:center;margin-bottom:10px}.status-card b{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#22c55e;color:#052e16}.status-card strong,.status-card small{display:block}.status-card small{color:#b9c2df}.load-card{position:relative}.load-card span{font-size:11px;color:#b9c2df}.load-card b{float:right}.small-wave{clear:both;height:36px;margin-top:8px;border-radius:10px;background:linear-gradient(180deg,rgba(139,92,246,.35),rgba(139,92,246,.03));position:relative;overflow:hidden}.small-wave:after{content:"";position:absolute;left:4px;right:4px;top:18px;height:2px;background:linear-gradient(90deg,rgba(139,92,246,.15),#a78bfa,rgba(139,92,246,.4));transform:skewY(-10deg);box-shadow:0 0 16px rgba(167,139,250,.8)}
@media(max-width:1200px){.montage-laptop{width:500px}.montage-tablet{width:285px}.montage-phone{left:0}}@media(max-width:1050px){.hero-visual-premium{display:none}}
@media(max-width:1050px){.main-nav{display:none}.mobile-menu{display:block;margin-left:auto}.hero,.cta-box,.detail,.app-detail{grid-template-columns:1fr}.hero-visual{display:none}.value-grid,.portfolio-grid,.apps-row,.steps,.content-help,.plain,.footer-grid,.apps-grid{grid-template-columns:1fr}.plain{margin:0 24px}.legal{justify-content:flex-start}}@media(max-width:640px){.form-row{grid-template-columns:1fr}.nav-wrap{padding:12px}.brand{min-width:0}.btn.small,.langs{display:none}.hero{padding-top:56px}.section{padding:42px 18px}}


/* Update 004: erősebb, színesebb, jobban kiemelkedő hero montázs */
.hero{align-items:center}
.hero-visual-premium{min-height:520px}
.hero-stage:before{
  content:"";
  position:absolute;
  inset:7% 2% 5% 12%;
  border-radius:42px;
  background:
    radial-gradient(circle at 68% 24%, rgba(124,58,237,.50), transparent 34%),
    radial-gradient(circle at 26% 74%, rgba(59,130,246,.32), transparent 24%),
    linear-gradient(135deg, rgba(14,24,52,.28), rgba(10,14,28,.06));
  box-shadow:0 0 0 1px rgba(255,255,255,.06), inset 0 0 80px rgba(255,255,255,.03);
}
.hero-stage:after{
  content:"";
  position:absolute;
  left:10%;
  right:0;
  bottom:-12px;
  height:110px;
  border-radius:100%;
  background:radial-gradient(ellipse at center, rgba(70,114,255,.18), rgba(124,58,237,.10) 42%, rgba(0,0,0,0) 72%);
  filter:blur(14px);
}
.hero-orb{filter:blur(48px);opacity:.92}
.hero-orb-one{width:390px;height:390px;right:1%;top:-1%;background:radial-gradient(circle, rgba(139,92,246,.86) 0, rgba(124,58,237,.48) 44%, rgba(124,58,237,0) 72%)}
.hero-orb-two{width:320px;height:320px;left:8%;bottom:1%;background:radial-gradient(circle, rgba(59,130,246,.78) 0, rgba(37,99,235,.38) 44%, rgba(37,99,235,0) 72%)}
.montage-device{
  border:1px solid rgba(255,255,255,.18);
  box-shadow:
    0 44px 110px rgba(2,6,23,.52),
    0 0 36px rgba(91,92,246,.14),
    inset 0 1px 0 rgba(255,255,255,.24);
}
.montage-laptop{
  top:10px;
  right:-1%;
  width:min(585px,95%);
  height:362px;
  transform:rotateY(-9deg) rotateX(2deg) translateZ(0);
  background:linear-gradient(135deg,#2a2f40,#0b1020 72%);
}
.device-glass{
  background:
    radial-gradient(circle at 50% -10%, rgba(255,255,255,.08), transparent 28%),
    linear-gradient(135deg, rgba(17,25,45,.98), rgba(5,10,24,.98));
}
.laptop-base{background:linear-gradient(180deg,#565d70,#1b2130)}
.dashboard-ui main{gap:14px}
.metric-grid div{
  background:linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.metric-grid div:nth-child(1){background:linear-gradient(135deg, rgba(56,189,248,.22), rgba(255,255,255,.03))}
.metric-grid div:nth-child(2){background:linear-gradient(135deg, rgba(139,92,246,.28), rgba(255,255,255,.03))}
.metric-grid div:nth-child(3){background:linear-gradient(135deg, rgba(34,197,94,.24), rgba(255,255,255,.03))}
.metric-grid div:nth-child(4){background:linear-gradient(135deg, rgba(249,115,22,.20), rgba(255,255,255,.03))}
.chart-panel{
  background:linear-gradient(135deg, rgba(20,28,52,.94), rgba(12,18,34,.82));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04), 0 14px 40px rgba(0,0,0,.18);
}
.chart-line{
  background:
    linear-gradient(180deg, rgba(124,58,237,.48), rgba(124,58,237,.06)),
    linear-gradient(135deg, transparent 0 8%, rgba(236,72,153,.95) 9% 12%, transparent 13% 24%, rgba(96,165,250,.95) 25% 29%, transparent 30% 44%, rgba(167,139,250,.96) 45% 48%, transparent 49% 63%, rgba(34,197,94,.92) 64% 67%, transparent 68%);
}
.chart-line:after{height:3px;background:linear-gradient(90deg, rgba(167,139,250,.18), #f472b6 18%, #60a5fa 52%, #22c55e 88%, rgba(34,197,94,.18));box-shadow:0 0 26px rgba(139,92,246,.95)}
.request-lines i:nth-child(2){width:92%}
.request-lines i:nth-child(3){width:84%}
.request-lines i:nth-child(4){width:77%}
.montage-phone{
  left:1%;
  bottom:40px;
  width:164px;
  height:332px;
  border-radius:34px;
  background:linear-gradient(145deg,#1d2335,#060913 68%);
  box-shadow:0 34px 90px rgba(0,0,0,.48), 0 0 28px rgba(99,102,241,.18);
}
.phone-ui{
  background:
    radial-gradient(circle at 50% 0, rgba(255,255,255,.10), transparent 28%),
    linear-gradient(180deg,#0b1430,#121b3d);
}
.phone-card{background:linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.04))}
.phone-card.accent{
  background:linear-gradient(135deg,#7c3aed 0%, #8b5cf6 42%, #ec4899 100%);
  box-shadow:0 16px 34px rgba(123,58,237,.36), inset 0 1px 0 rgba(255,255,255,.24);
}
.phone-card:nth-of-type(2){border-left:3px solid rgba(34,197,94,.95)}
.phone-card:nth-of-type(3){border-left:3px solid rgba(56,189,248,.95)}
.montage-tablet{
  right:-1%;
  bottom:8px;
  width:346px;
  height:220px;
  border-radius:28px;
  background:linear-gradient(145deg,#1a2131,#060913 70%);
}
.tablet-ui{background:linear-gradient(135deg,#101830,#151d3d);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.tablet-top span{background:rgba(236,72,153,.18);color:#f9a8d4}
.tablet-body aside i:first-of-type{background:linear-gradient(135deg,#5b5cf6,#7c3aed)}
.status-card{
  background:linear-gradient(135deg, rgba(34,197,94,.16), rgba(255,255,255,.05));
  border-color:rgba(34,197,94,.20);
}
.load-card{
  background:linear-gradient(135deg, rgba(56,189,248,.12), rgba(255,255,255,.05));
}
.small-wave:after{height:3px;background:linear-gradient(90deg, rgba(56,189,248,.12), #38bdf8 16%, #8b5cf6 54%, #ec4899 86%, rgba(236,72,153,.3));box-shadow:0 0 18px rgba(139,92,246,.75)}

@media(max-width:1200px){
  .hero-visual-premium{min-height:500px}
  .montage-laptop{width:540px;height:345px}
  .montage-tablet{width:312px;height:205px}
  .montage-phone{width:154px;height:318px}
}


/* Update 006: képalapú, realisztikusabb hero montázs */
.hero{
  overflow:hidden;
  position:relative;
  grid-template-columns:minmax(0,1fr) minmax(520px,.95fr);
}
.hero-photo-visual{
  min-height:560px;
  position:relative;
  display:block;
  isolation:isolate;
}
.hero-photo-aura{
  position:absolute;
  border-radius:999px;
  filter:blur(46px);
  pointer-events:none;
  z-index:0;
}
.hero-photo-aura-one{
  width:430px;
  height:430px;
  right:-8%;
  top:1%;
  background:radial-gradient(circle, rgba(168,85,247,.76), rgba(124,58,237,.32) 48%, rgba(124,58,237,0) 72%);
}
.hero-photo-aura-two{
  width:360px;
  height:360px;
  left:4%;
  bottom:3%;
  background:radial-gradient(circle, rgba(56,189,248,.48), rgba(59,130,246,.24) 48%, rgba(59,130,246,0) 74%);
}
.hero-photo-frame{
  position:absolute;
  inset:-18px -64px -20px -26px;
  z-index:1;
  border-radius:44px;
  overflow:hidden;
  transform:perspective(1200px) rotateY(-3deg) rotateX(1deg) translateZ(0);
  box-shadow:
    0 50px 120px rgba(0,0,0,.48),
    0 0 70px rgba(124,58,237,.25),
    inset 0 0 0 1px rgba(255,255,255,.14);
  background:linear-gradient(135deg, rgba(15,23,42,.78), rgba(30,41,59,.25));
}
.hero-photo-frame:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    radial-gradient(circle at 62% 18%, rgba(255,255,255,.20), transparent 22%),
    linear-gradient(90deg, rgba(3,7,18,.28), rgba(3,7,18,0) 20%, rgba(3,7,18,0) 78%, rgba(3,7,18,.18));
  mix-blend-mode:screen;
  opacity:.75;
}
.hero-photo-frame:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  border-radius:44px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16), inset 0 -80px 110px rgba(3,7,18,.36);
}
.hero-photo-img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center center;
  filter:saturate(1.08) contrast(1.04) brightness(1.04);
}
.hero-photo-caption{
  position:absolute;
  left:8%;
  right:5%;
  bottom:0;
  z-index:4;
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  pointer-events:none;
}
.hero-photo-caption span{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:9px 14px;
  border-radius:999px;
  background:rgba(7,12,27,.72);
  color:#fff;
  font-weight:900;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 18px 45px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.10);
  backdrop-filter:blur(14px);
}
@media(max-width:1200px){
  .hero{grid-template-columns:minmax(0,1fr) minmax(470px,.9fr);gap:32px}
  .hero-photo-visual{min-height:520px}
  .hero-photo-frame{inset:0 -80px -16px -18px}
}
@media(max-width:1050px){
  .hero{grid-template-columns:1fr}
  .hero-photo-visual{display:none}
}


/* Update 007: teljesen nyelvfüggő, torzításmentes és reszponzív hero eszközmontázs */
.hero{
  grid-template-columns:minmax(0,1fr) minmax(520px,.95fr);
  gap:46px;
  overflow:hidden;
  align-items:center;
}
.hero-dynamic-visual{
  position:relative;
  min-height:560px;
  margin:0;
  display:block;
  isolation:isolate;
}
.dynamic-glow{
  position:absolute;
  border-radius:999px;
  filter:blur(50px);
  pointer-events:none;
  z-index:0;
}
.glow-purple{width:430px;height:430px;right:-4%;top:0;background:radial-gradient(circle,rgba(168,85,247,.72),rgba(124,58,237,.27) 48%,rgba(124,58,237,0) 72%)}
.glow-blue{width:320px;height:320px;left:2%;bottom:4%;background:radial-gradient(circle,rgba(56,189,248,.52),rgba(37,99,235,.21) 50%,rgba(37,99,235,0) 74%)}
.dynamic-floor{
  position:absolute;
  left:2%;right:0;bottom:18px;height:112px;
  border-radius:100%;
  background:radial-gradient(ellipse at center,rgba(59,130,246,.22),rgba(124,58,237,.12) 44%,rgba(0,0,0,0) 72%);
  filter:blur(12px);
  z-index:0;
}
.device-real{
  position:absolute;
  box-sizing:border-box;
  color:#0f172a;
  transform-style:preserve-3d;
  z-index:2;
}
.dynamic-laptop{
  right:0;
  top:22px;
  width:min(590px,94%);
  height:382px;
  padding:14px;
  border-radius:30px;
  background:linear-gradient(145deg,#31364a,#0b1020 72%);
  box-shadow:0 48px 120px rgba(0,0,0,.50),0 0 80px rgba(124,58,237,.28),inset 0 1px 0 rgba(255,255,255,.24);
  transform:perspective(1100px) rotateY(-5deg) rotateX(1deg);
}
.laptop-screen{
  height:100%;
  display:grid;
  grid-template-columns:132px 1fr;
  overflow:hidden;
  border-radius:20px;
  background:linear-gradient(135deg,#fff,#f4f7ff 72%);
  border:1px solid rgba(255,255,255,.38);
}
.laptop-base-real{
  position:absolute;
  left:10%;right:7%;bottom:-21px;height:18px;
  border-radius:0 0 28px 28px;
  background:linear-gradient(180deg,#6b7280,#1f2937);
  box-shadow:0 18px 34px rgba(0,0,0,.38);
}
.ui-sidebar{
  padding:20px 14px;
  display:grid;
  gap:12px;
  align-content:start;
  background:linear-gradient(180deg,#f7f2ff,#edf4ff);
  border-right:1px solid rgba(15,23,42,.07);
}
.ui-sidebar strong{
  display:grid;place-items:center;width:30px;height:30px;
  border-radius:10px;
  background:linear-gradient(135deg,#7c3aed,#5b5cf6);
  color:#fff;
  box-shadow:0 10px 24px rgba(124,58,237,.28);
}
.ui-sidebar span{font-weight:900;font-size:12px;color:#1f2937}
.ui-sidebar i{font-style:normal;font-weight:800;font-size:11px;color:#475569;padding:9px 10px;border-radius:10px;background:rgba(124,58,237,.08)}
.ui-sidebar i:first-of-type{background:#7c3aed;color:#fff}
.ui-main{padding:22px;display:grid;gap:16px;align-content:start}
.ui-title{font-weight:950;font-size:20px;color:#111827}
.ui-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.ui-metrics div,.ui-chart,.ui-list{
  background:#fff;
  border:1px solid rgba(15,23,42,.07);
  border-radius:16px;
  box-shadow:0 16px 34px rgba(15,23,42,.07);
}
.ui-metrics div{padding:14px}
.ui-metrics small{display:block;color:#64748b;font-size:11px;font-weight:800}
.ui-metrics b{display:block;margin-top:8px;font-size:24px;color:#111827}
.ui-metrics em{font-style:normal;color:#16a34a;font-weight:900;font-size:11px}
.ui-chart{padding:16px;min-height:104px}
.ui-chart span,.ui-list span{display:block;font-size:12px;font-weight:950;margin-bottom:12px;color:#111827}
.ui-chart i{display:block;height:58px;border-radius:14px;background:linear-gradient(180deg,rgba(124,58,237,.30),rgba(124,58,237,.02));position:relative;overflow:hidden}
.ui-chart i:after{content:"";position:absolute;left:4%;right:4%;top:48%;height:3px;background:linear-gradient(90deg,#7c3aed,#3b82f6,#22c55e);transform:skewY(-10deg);box-shadow:0 0 18px rgba(124,58,237,.65)}
.ui-list{padding:14px;display:grid;gap:8px}
.ui-list i{display:block;height:10px;border-radius:999px;background:linear-gradient(90deg,rgba(99,102,241,.20),rgba(14,165,233,.08))}
.dynamic-phone{
  left:0;
  bottom:58px;
  width:174px;
  height:356px;
  padding:12px;
  border-radius:38px;
  background:linear-gradient(145deg,#293043,#050914 72%);
  box-shadow:0 42px 92px rgba(0,0,0,.52),0 0 42px rgba(59,130,246,.20),inset 0 1px 0 rgba(255,255,255,.22);
  z-index:4;
  transform:perspective(900px) rotateY(8deg) rotateZ(-1deg);
}
.phone-notch-real{position:absolute;left:50%;top:11px;transform:translateX(-50%);width:58px;height:13px;border-radius:999px;background:#050914;z-index:5}
.phone-screen{
  height:100%;
  border-radius:28px;
  padding:34px 14px 14px;
  display:grid;
  gap:11px;
  align-content:start;
  overflow:hidden;
  background:linear-gradient(180deg,#ffffff,#f2f6ff);
}
.phone-screen strong{font-size:13px;color:#111827}
.phone-screen span{font-size:11px;color:#64748b;font-weight:700}
.phone-kpi{
  border-radius:18px;
  padding:14px 12px;
  color:#fff;
  background:linear-gradient(135deg,#7c3aed,#8b5cf6 52%,#ec4899);
  box-shadow:0 16px 30px rgba(124,58,237,.32);
}
.phone-kpi small,.phone-row small{display:block;font-size:10px;font-weight:850;opacity:.86}
.phone-kpi b{display:block;margin-top:4px;font-size:24px;line-height:1.05}
.phone-row{
  border-radius:16px;
  padding:12px;
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 12px 26px rgba(15,23,42,.06);
  border-left:4px solid #22c55e;
}
.phone-row.accent{border-left-color:#0ea5e9}
.phone-row b{display:block;margin-top:3px;font-size:22px;color:#111827}
.dynamic-tablet{
  right:2%;
  bottom:20px;
  width:350px;
  height:228px;
  padding:10px;
  border-radius:30px;
  background:linear-gradient(145deg,#252b3c,#070b16 72%);
  box-shadow:0 42px 92px rgba(0,0,0,.50),0 0 46px rgba(236,72,153,.14),inset 0 1px 0 rgba(255,255,255,.22);
  z-index:5;
  transform:perspective(900px) rotateY(-4deg);
}
.tablet-screen{
  height:100%;
  border-radius:22px;
  overflow:hidden;
  background:linear-gradient(135deg,#fff,#f6f8ff);
  padding:16px;
}
.tablet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:#111827}
.tablet-head strong{font-size:16px}.tablet-head span{display:grid;place-items:center;width:24px;height:24px;border-radius:999px;background:#f1f5f9;color:#64748b}
.tablet-grid{display:grid;grid-template-columns:92px 1fr;gap:14px}
.tablet-grid aside{display:grid;gap:8px;align-content:start}.tablet-grid aside i{font-style:normal;font-weight:900;font-size:11px;color:#475569;padding:8px 10px;border-radius:10px;background:#f1f5f9}.tablet-grid aside i:first-child{background:#7c3aed;color:#fff}
.status-box,.load-box{border-radius:16px;background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:0 14px 30px rgba(15,23,42,.06);padding:12px}.status-box{display:flex;gap:10px;align-items:center;margin-bottom:10px}.status-box b{display:grid;place-items:center;width:30px;height:30px;border-radius:999px;background:#22c55e;color:#fff}.status-box strong,.status-box small{display:block}.status-box small{color:#64748b}.load-box span{font-size:11px;font-weight:900;color:#64748b}.load-box b{float:right;color:#111827}.load-box i{clear:both;display:block;height:8px;margin-top:13px;border-radius:999px;background:linear-gradient(90deg,#2563eb 42%,#e2e8f0 42%)}
.dynamic-caption{position:absolute;right:3%;bottom:12px;z-index:7;display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.dynamic-caption span{display:inline-flex;align-items:center;min-height:38px;padding:8px 13px;border-radius:999px;background:rgba(7,12,27,.76);color:#fff;font-weight:950;border:1px solid rgba(255,255,255,.20);box-shadow:0 18px 45px rgba(0,0,0,.32);backdrop-filter:blur(14px)}

@media(max-width:1240px){
  .hero{grid-template-columns:minmax(0,1fr) minmax(470px,.9fr);gap:32px}
  .hero-dynamic-visual{min-height:520px}
  .dynamic-laptop{width:530px;height:354px;right:-12px}
  .dynamic-phone{width:158px;height:326px;bottom:62px}
  .dynamic-tablet{width:318px;height:212px;right:-2px}
}
@media(max-width:1050px){
  .hero{grid-template-columns:1fr;gap:28px;padding-bottom:44px}
  .hero-dynamic-visual{display:block;min-height:380px;max-width:680px;width:100%;margin:18px auto 0}
  .dynamic-laptop{width:82%;height:300px;right:0;top:0;transform:perspective(900px) rotateY(-3deg)}
  .dynamic-phone{width:138px;height:286px;left:0;bottom:34px}
  .dynamic-tablet{width:270px;height:182px;right:0;bottom:20px}
  .ui-sidebar{grid-template-columns:1fr;padding:16px 11px}.laptop-screen{grid-template-columns:110px 1fr}.ui-main{padding:16px}.ui-metrics{gap:8px}.ui-metrics b{font-size:18px}
}
@media(max-width:700px){
  .hero{padding-top:44px;padding-bottom:34px}
  .hero-dynamic-visual{min-height:330px;margin-top:16px;overflow:visible}
  .dynamic-laptop{width:92%;height:236px;right:-8%;top:8px;border-radius:22px;padding:10px}
  .laptop-screen{grid-template-columns:76px 1fr;border-radius:14px}.ui-sidebar{padding:12px 8px;gap:8px}.ui-sidebar strong{width:24px;height:24px}.ui-sidebar span,.ui-sidebar i{font-size:9px}.ui-sidebar i{padding:6px}
  .ui-main{padding:12px;gap:9px}.ui-title{font-size:14px}.ui-metrics{grid-template-columns:repeat(3,1fr);gap:6px}.ui-metrics div{padding:8px}.ui-metrics small{font-size:8px}.ui-metrics b{font-size:14px}.ui-metrics em{font-size:8px}.ui-chart{min-height:70px;padding:9px}.ui-chart i{height:34px}.ui-list{display:none}
  .dynamic-phone{display:block;width:112px;height:232px;left:1%;bottom:28px;border-radius:26px;padding:8px}.phone-screen{border-radius:20px;padding:26px 9px 9px;gap:7px}.phone-notch-real{top:8px;width:42px;height:10px}.phone-screen strong{font-size:10px}.phone-screen span{font-size:8px}.phone-kpi{padding:9px;border-radius:12px}.phone-kpi b{font-size:16px}.phone-row{padding:7px;border-radius:11px}.phone-row b{font-size:14px}
  .dynamic-tablet{width:186px;height:126px;right:0;bottom:16px;border-radius:18px;padding:7px}.tablet-screen{border-radius:13px;padding:9px}.tablet-head{margin-bottom:6px}.tablet-head strong{font-size:10px}.tablet-head span{width:16px;height:16px}.tablet-grid{grid-template-columns:52px 1fr;gap:7px}.tablet-grid aside{gap:5px}.tablet-grid aside i{font-size:7px;padding:5px}.status-box,.load-box{border-radius:10px;padding:6px}.status-box{gap:5px;margin-bottom:5px}.status-box b{width:18px;height:18px;font-size:10px}.status-box strong{font-size:8px}.status-box small,.load-box span{font-size:7px}.load-box b{font-size:9px}.load-box i{height:5px;margin-top:7px}
  .dynamic-caption{display:none}
}
@media(max-width:430px){
  .hero-dynamic-visual{min-height:300px}
  .dynamic-laptop{width:96%;height:210px;right:-13%;top:10px}
  .dynamic-phone{width:106px;height:218px;left:-2%;bottom:24px}
  .dynamic-tablet{width:172px;height:118px;right:-5%;bottom:18px}
}


/* Update 008 - látványosabb Miért minket és guidance szekció */
.section-intro.narrow{max-width:760px;margin:14px auto 0;color:#64748b}
.section-why{padding-top:34px}
.value-grid-rich{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:28px}
.value-card{position:relative;overflow:hidden;padding:22px;border-radius:28px;background:linear-gradient(180deg,#ffffff,#f7faff);border:1px solid rgba(148,163,184,.22);box-shadow:0 22px 48px rgba(15,23,42,.08);display:grid;gap:16px;min-height:360px;transition:transform .2s ease, box-shadow .2s ease,border-color .2s ease}
.value-card:hover{transform:translateY(-4px);box-shadow:0 30px 56px rgba(15,23,42,.12);border-color:rgba(99,102,241,.25)}
.value-card:before{content:"";position:absolute;inset:auto auto 0 0;width:140px;height:140px;border-radius:999px;background:radial-gradient(circle,rgba(99,102,241,.12),rgba(99,102,241,0) 70%);transform:translate(-22%,28%)}
.value-top{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:1}
.icon-badge{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;font-size:24px;font-weight:900;color:#5b5cf6;background:linear-gradient(135deg,#eef2ff,#e0e7ff);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 12px 26px rgba(99,102,241,.12)}
.mini-label{display:inline-flex;align-items:center;min-height:34px;padding:7px 12px;border-radius:999px;background:#f8fafc;border:1px solid rgba(148,163,184,.18);font-size:11px;font-weight:900;line-height:1.25;color:#475569;text-align:right}
.value-illustration{position:relative;height:120px;border-radius:22px;padding:14px;overflow:hidden;background:linear-gradient(135deg,#ffffff,#eef4ff);border:1px solid rgba(148,163,184,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.85)}
.value-illustration .illu-window{display:block;width:100%;height:100%;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(243,247,255,.98));border:1px solid rgba(148,163,184,.20);box-shadow:0 16px 28px rgba(15,23,42,.06)}
.value-illustration .illu-panel{position:absolute;left:28px;top:28px;width:74px;height:64px;border-radius:14px;background:linear-gradient(135deg,#7c3aed,#5b5cf6 52%,#3b82f6);box-shadow:0 18px 30px rgba(99,102,241,.28)}
.value-illustration .illu-line{position:absolute;right:28px;top:34px;width:46%;height:12px;border-radius:999px;background:linear-gradient(90deg,rgba(99,102,241,.22),rgba(236,72,153,.16))}
.value-illustration .illu-line.short{top:56px;width:36%;height:10px;background:linear-gradient(90deg,rgba(59,130,246,.18),rgba(34,197,94,.15))}
.value-illustration .illu-dot{position:absolute;right:30px;bottom:24px;width:48px;height:48px;border-radius:18px;background:linear-gradient(135deg,#e0e7ff,#f5f3ff);border:1px solid rgba(99,102,241,.16)}
.value-card h3{font-size:17px;line-height:1.35;margin:0;color:#111827}
.value-card p{margin:0;color:#475569;font-size:15px;line-height:1.7}
.value-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}
.value-points span{display:inline-flex;align-items:center;min-height:34px;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid rgba(148,163,184,.18);box-shadow:0 10px 22px rgba(15,23,42,.05);font-size:12px;font-weight:900;color:#334155}
.value-card-web .icon-badge,.value-card-web .illu-panel{background:linear-gradient(135deg,#7c3aed,#5b5cf6 52%,#3b82f6);color:#fff}
.value-card-app .icon-badge,.value-card-app .illu-panel{background:linear-gradient(135deg,#0ea5e9,#2563eb 58%,#7c3aed);color:#fff}
.value-card-software .icon-badge,.value-card-software .illu-panel{background:linear-gradient(135deg,#8b5cf6,#ec4899 58%,#fb7185);color:#fff}
.value-card-admin .icon-badge,.value-card-admin .illu-panel{background:linear-gradient(135deg,#22c55e,#14b8a6 55%,#2563eb);color:#fff}
.value-card-app .value-illustration .illu-dot{border-radius:999px;background:linear-gradient(135deg,#dbeafe,#ede9fe)}
.value-card-software .value-illustration .illu-line{background:linear-gradient(90deg,rgba(236,72,153,.20),rgba(99,102,241,.20))}
.value-card-admin .value-illustration .illu-line.short{background:linear-gradient(90deg,rgba(34,197,94,.24),rgba(20,184,166,.18))}

.guidance-panel{margin-top:22px;display:grid;grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr) minmax(260px,.95fr);gap:26px;align-items:center;border-radius:34px;padding:34px;background:linear-gradient(135deg,#f6f9ff,#eef4ff 44%,#f8f3ff);border:1px solid rgba(148,163,184,.16);box-shadow:0 22px 52px rgba(15,23,42,.07)}
.guidance-visual{position:relative;min-height:280px;display:grid;align-items:center}
.talk-card{position:absolute;display:grid;gap:6px;max-width:230px;padding:16px 18px;border-radius:22px;background:#fff;border:1px solid rgba(148,163,184,.18);box-shadow:0 20px 40px rgba(15,23,42,.08)}
.talk-card strong{font-size:15px;line-height:1.4;color:#111827}.talk-card small{font-size:12px;line-height:1.55;color:#64748b}
.talk-card.primary{left:6px;top:0;background:linear-gradient(180deg,#ffffff,#fefcff)}
.talk-card.secondary{right:0;bottom:6px;grid-template-columns:36px 1fr;align-items:start;background:linear-gradient(180deg,#fff,#f7fff8)}
.talk-card.secondary span{display:grid;place-items:center;width:36px;height:36px;border-radius:999px;background:#22c55e;color:#fff;font-weight:900}
.device-stack{position:relative;width:100%;height:100%;display:grid;place-items:center}
.stack-browser{position:relative;width:min(280px,92%);height:190px;border-radius:26px;padding:14px;background:linear-gradient(145deg,#242b3a,#070b14 70%);box-shadow:0 36px 80px rgba(15,23,42,.18),0 0 0 1px rgba(255,255,255,.14) inset}
.stack-browser:before{content:"";position:absolute;inset:12px;border-radius:18px;background:linear-gradient(180deg,#fff,#f4f7ff);border:1px solid rgba(148,163,184,.18)}
.stack-browser i{position:absolute;top:24px;width:8px;height:8px;border-radius:999px;background:#cbd5e1;z-index:2}.stack-browser i:nth-child(1){left:28px}.stack-browser i:nth-child(2){left:42px}.stack-browser i:nth-child(3){left:56px}
.stack-browser b{position:absolute;left:30px;top:52px;width:86px;height:96px;border-radius:18px;background:linear-gradient(135deg,#7c3aed,#5b5cf6 55%,#3b82f6);z-index:2;box-shadow:0 18px 30px rgba(99,102,241,.30)}
.stack-browser span{position:absolute;right:28px;height:14px;border-radius:999px;z-index:2;background:linear-gradient(90deg,rgba(99,102,241,.18),rgba(14,165,233,.14))}.stack-browser span:nth-of-type(1){top:60px;width:120px}.stack-browser span:nth-of-type(2){top:88px;width:146px}
.stack-phone{position:absolute;right:12px;bottom:-6px;width:104px;height:188px;border-radius:28px;padding:9px;background:linear-gradient(145deg,#232a3a,#060913 72%);box-shadow:0 32px 60px rgba(15,23,42,.16),0 0 0 1px rgba(255,255,255,.16) inset}
.stack-phone:before{content:"";position:absolute;left:50%;top:8px;transform:translateX(-50%);width:42px;height:9px;border-radius:999px;background:#060913;z-index:2}
.stack-phone:after{content:"";position:absolute;inset:9px;border-radius:20px;background:linear-gradient(180deg,#fff,#f4f7ff);border:1px solid rgba(148,163,184,.16)}
.stack-phone em,.stack-phone b{position:absolute;left:20px;right:20px;z-index:2}.stack-phone em{top:36px;height:58px;border-radius:16px;background:linear-gradient(135deg,#8b5cf6,#ec4899)}.stack-phone b{top:108px;height:14px;border-radius:999px;background:linear-gradient(90deg,rgba(99,102,241,.2),rgba(34,197,94,.16))}.stack-phone b.short{top:132px;right:34px}
.guidance-copy .eyebrow{display:inline-block;margin-bottom:10px}
.guidance-copy h2{margin:0 0 12px;font-size:42px;line-height:1.08;color:#111827}
.guidance-copy p{margin:0;color:#475569;font-size:17px;line-height:1.75}
.guidance-steps{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.guidance-steps span{display:inline-flex;align-items:center;min-height:38px;padding:9px 14px;border-radius:999px;background:#fff;border:1px solid rgba(148,163,184,.18);box-shadow:0 12px 26px rgba(15,23,42,.05);font-size:12px;font-weight:900;color:#334155}
.guidance-benefits{display:grid;gap:14px}
.guidance-benefits article{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start;padding:16px 18px;border-radius:22px;background:#fff;border:1px solid rgba(148,163,184,.18);box-shadow:0 16px 34px rgba(15,23,42,.06)}
.guidance-benefits b{display:grid;place-items:center;width:36px;height:36px;border-radius:999px;background:linear-gradient(135deg,#5b5cf6,#7c3aed);color:#fff;font-size:18px}
.guidance-benefits h3{margin:0 0 6px;font-size:18px;color:#111827}.guidance-benefits p{margin:0;color:#64748b;line-height:1.6;font-size:14px}

@media(max-width:1200px){
  .value-grid-rich{grid-template-columns:repeat(2,minmax(0,1fr))}
  .guidance-panel{grid-template-columns:1fr;gap:22px}
  .guidance-copy h2{font-size:38px}
  .guidance-benefits{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:840px){
  .value-grid-rich{grid-template-columns:1fr}
  .value-card{min-height:unset}
  .guidance-panel{padding:24px;border-radius:26px}
  .guidance-visual{min-height:240px}
  .guidance-copy h2{font-size:32px}
  .guidance-benefits{grid-template-columns:1fr}
}
@media(max-width:560px){
  .section-intro.narrow{font-size:15px}
  .value-card{padding:18px;border-radius:22px}
  .value-top{align-items:flex-start;flex-direction:column}
  .mini-label{text-align:left}
  .value-illustration{height:108px}
  .guidance-panel{padding:18px;gap:18px}
  .guidance-visual{min-height:220px}
  .talk-card{max-width:180px;padding:12px 14px;border-radius:18px}
  .talk-card strong{font-size:13px}.talk-card small{font-size:11px}
  .stack-browser{width:100%;height:165px;border-radius:20px}
  .stack-browser b{width:72px;height:82px;left:24px;top:50px}
  .stack-browser span:nth-of-type(1){width:100px;top:56px}.stack-browser span:nth-of-type(2){width:124px;top:82px}
  .stack-phone{width:88px;height:162px;right:4px;bottom:-2px}
  .stack-phone em{left:16px;right:16px;top:32px;height:50px}.stack-phone b{left:16px;right:16px;top:96px}.stack-phone b.short{top:118px;right:28px}
  .guidance-copy h2{font-size:28px}
  .guidance-copy p{font-size:16px;line-height:1.65}
  .guidance-steps span{width:100%;justify-content:center}
}


/* Update 009 - erősebb, prémiumabb why és guidance felépítés */
.upgraded-why .why-lead{max-width:880px;font-size:18px;line-height:1.75;color:#51627d}
.why-upgrade-grid{display:grid;grid-template-columns:minmax(340px,1.28fr) minmax(340px,1fr);gap:24px;align-items:stretch;margin-top:30px}
.feature-highlight{position:relative;overflow:hidden;padding:28px;border-radius:34px;background:linear-gradient(135deg,#081126 0%,#101b38 42%,#241759 100%);color:#fff;box-shadow:0 34px 80px rgba(15,23,42,.18)}
.feature-highlight:before{content:"";position:absolute;right:-70px;top:-60px;width:220px;height:220px;border-radius:999px;background:radial-gradient(circle,rgba(167,139,250,.24),rgba(167,139,250,0) 70%)}
.feature-highlight:after{content:"";position:absolute;left:-60px;bottom:-80px;width:220px;height:220px;border-radius:999px;background:radial-gradient(circle,rgba(56,189,248,.18),rgba(56,189,248,0) 70%)}
.feature-highlight .eyebrow{display:inline-flex;margin-bottom:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#dbe6ff}
.feature-highlight h3{margin:0;font-size:34px;line-height:1.15;color:#fff;max-width:14ch}
.feature-copy{margin:14px 0 0;color:#d6def2;font-size:16px;line-height:1.8;max-width:62ch}
.feature-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.feature-badges span{display:inline-flex;align-items:center;min-height:36px;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#f8fbff;font-size:12px;font-weight:900}
.feature-scene{position:relative;min-height:245px;margin-top:24px;border-radius:28px;padding:16px;background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.10)}
.scene-browser{position:relative;width:calc(100% - 90px);height:184px;border-radius:24px;padding:14px;background:linear-gradient(145deg,#242d48,#070d1a 72%);box-shadow:0 32px 80px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.15)}
.scene-browser:before{content:"";position:absolute;inset:12px;border-radius:16px;background:linear-gradient(180deg,#fff,#eef3ff)}
.scene-browser i{position:absolute;top:24px;width:8px;height:8px;border-radius:999px;background:#cbd5e1;z-index:2}.scene-browser i:nth-child(1){left:28px}.scene-browser i:nth-child(2){left:42px}.scene-browser i:nth-child(3){left:56px}
.scene-browser b{position:absolute;left:30px;top:54px;width:120px;height:86px;border-radius:18px;background:linear-gradient(135deg,#7c3aed,#5b5cf6 52%,#3b82f6);z-index:2;box-shadow:0 18px 30px rgba(91,92,246,.35)}
.scene-browser span{position:absolute;right:28px;height:14px;border-radius:999px;z-index:2;background:linear-gradient(90deg,rgba(91,92,246,.24),rgba(236,72,153,.20))}.scene-browser span:nth-of-type(1){top:58px;width:120px}.scene-browser span:nth-of-type(2){top:84px;width:158px}.scene-browser span.short{top:110px;width:102px;background:linear-gradient(90deg,rgba(56,189,248,.22),rgba(34,197,94,.16))}
.scene-phone{position:absolute;right:12px;bottom:6px;width:110px;height:200px;border-radius:30px;padding:9px;background:linear-gradient(145deg,#232c44,#060913 72%);box-shadow:0 26px 60px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.15)}
.scene-phone:before{content:"";position:absolute;left:50%;top:8px;transform:translateX(-50%);width:42px;height:9px;border-radius:999px;background:#060913;z-index:3}
.scene-phone:after{content:"";position:absolute;inset:9px;border-radius:20px;background:linear-gradient(180deg,#fff,#f2f5ff)}
.scene-phone em,.scene-phone b{position:absolute;left:18px;right:18px;z-index:3}.scene-phone em{top:34px;height:62px;border-radius:16px;background:linear-gradient(135deg,#8b5cf6,#ec4899)}.scene-phone b{top:110px;height:13px;border-radius:999px;background:linear-gradient(90deg,rgba(91,92,246,.22),rgba(34,197,94,.14))}.scene-phone b.thin{top:132px;right:30px}
.scene-note{position:absolute;left:18px;right:134px;bottom:18px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#e5ecff;font-size:13px;line-height:1.65}
.feature-checks{display:grid;gap:10px;list-style:none;padding:0;margin:22px 0 0}.feature-checks li{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);color:#edf3ff;font-size:14px;line-height:1.55}
.team-strip{margin-top:18px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.06);border:1px dashed rgba(255,255,255,.18);color:#cbd7f7;font-size:13px;line-height:1.7}
.support-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.support-card{position:relative;overflow:hidden;padding:22px;border-radius:28px;background:linear-gradient(180deg,#ffffff,#f8fbff);border:1px solid rgba(148,163,184,.20);box-shadow:0 24px 48px rgba(15,23,42,.08);display:grid;gap:14px}
.support-card:before{content:"";position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:999px;background:radial-gradient(circle,rgba(99,102,241,.10),rgba(99,102,241,0) 70%)}
.support-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.support-head span{display:inline-flex;align-items:center;min-height:34px;padding:7px 12px;border-radius:999px;background:#f8fafc;border:1px solid rgba(148,163,184,.18);font-size:11px;font-weight:900;color:#475569;text-align:right}
.support-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;font-size:24px;font-weight:900;color:#fff;background:linear-gradient(135deg,#5b5cf6,#7c3aed 58%,#3b82f6);box-shadow:0 14px 28px rgba(99,102,241,.18)}
.support-card:nth-child(2) .support-icon{background:linear-gradient(135deg,#0ea5e9,#2563eb 58%,#7c3aed)}
.support-card:nth-child(3) .support-icon{background:linear-gradient(135deg,#8b5cf6,#ec4899 58%,#fb7185)}
.support-card:nth-child(4) .support-icon{background:linear-gradient(135deg,#22c55e,#14b8a6 55%,#2563eb)}
.support-visual{position:relative;height:112px;border-radius:22px;padding:14px;background:linear-gradient(135deg,#ffffff,#eef4ff);border:1px solid rgba(148,163,184,.18);overflow:hidden}
.support-visual b{position:absolute;left:28px;top:22px;width:74px;height:68px;border-radius:16px;background:linear-gradient(135deg,#7c3aed,#5b5cf6 52%,#3b82f6);box-shadow:0 16px 28px rgba(91,92,246,.25)}
.support-card:nth-child(2) .support-visual b{background:linear-gradient(135deg,#0ea5e9,#2563eb 58%,#7c3aed)}
.support-card:nth-child(3) .support-visual b{background:linear-gradient(135deg,#8b5cf6,#ec4899 58%,#fb7185)}
.support-card:nth-child(4) .support-visual b{background:linear-gradient(135deg,#22c55e,#14b8a6 55%,#2563eb)}
.support-visual i,.support-visual u{position:absolute;display:block}
.support-visual i{right:24px;height:12px;border-radius:999px;background:linear-gradient(90deg,rgba(91,92,246,.18),rgba(236,72,153,.14))}.support-visual i:nth-of-type(1){top:30px;width:108px}.support-visual i.mid{top:54px;width:132px;background:linear-gradient(90deg,rgba(56,189,248,.18),rgba(34,197,94,.16))}.support-visual i.short{top:76px;width:78px}
.support-visual u{right:28px;bottom:18px;width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,#e0e7ff,#f5f3ff);border:1px solid rgba(99,102,241,.16)}
.support-card h3{margin:0;color:#111827;font-size:24px;line-height:1.25}
.support-card p{margin:0;color:#475569;font-size:15px;line-height:1.72}

.guidance-upgraded{margin-top:28px;display:grid;grid-template-columns:minmax(320px,1fr) minmax(340px,1.02fr);gap:28px;align-items:start;border-radius:34px;padding:34px;background:linear-gradient(135deg,#f7faff,#eef4ff 46%,#faf6ff);border:1px solid rgba(148,163,184,.16);box-shadow:0 24px 54px rgba(15,23,42,.07)}
.guidance-left h2{margin:10px 0 12px;font-size:42px;line-height:1.08;color:#111827}.guidance-left p{margin:0;color:#475569;font-size:17px;line-height:1.75}
.guidance-steps-lane{display:grid;gap:14px;margin-top:24px}.guidance-steps-lane article{display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:start;padding:16px 18px;border-radius:22px;background:#fff;border:1px solid rgba(148,163,184,.18);box-shadow:0 14px 30px rgba(15,23,42,.05)}
.guidance-steps-lane b{display:grid;place-items:center;width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,#5b5cf6,#7c3aed);color:#fff;font-size:18px}
.guidance-steps-lane h3{margin:0 0 6px;font-size:18px;color:#111827}.guidance-steps-lane p{margin:0;font-size:14px;line-height:1.65;color:#64748b}
.guidance-right{display:grid;gap:18px}
.workflow-board{position:relative;min-height:280px;padding:24px;border-radius:30px;background:linear-gradient(135deg,#081126 0%,#0d1530 48%,#28185e 100%);box-shadow:0 30px 80px rgba(15,23,42,.16);overflow:hidden}
.workflow-board:before{content:"";position:absolute;right:-40px;top:-50px;width:220px;height:220px;border-radius:999px;background:radial-gradient(circle,rgba(168,85,247,.28),rgba(168,85,247,0) 70%)}
.workflow-board:after{content:"";position:absolute;left:-60px;bottom:-70px;width:220px;height:220px;border-radius:999px;background:radial-gradient(circle,rgba(56,189,248,.18),rgba(56,189,248,0) 70%)}
.floating-tag{position:absolute;z-index:2;padding:11px 14px;border-radius:16px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px);color:#f4f8ff;font-size:12px;font-weight:900;max-width:170px;line-height:1.45}
.tag-a{left:18px;top:18px}.tag-b{right:18px;top:34px}.tag-c{left:26px;bottom:20px}
.board-screen{position:absolute;left:54px;right:34px;bottom:34px;top:80px;border-radius:24px;padding:12px;background:linear-gradient(145deg,#232c44,#060913 72%);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.board-screen:before{content:"";position:absolute;inset:12px;border-radius:18px;background:linear-gradient(180deg,#fff,#f3f6ff)}
.screen-sidebar,.screen-main{position:absolute;z-index:2}
.screen-sidebar{left:28px;top:28px;bottom:28px;width:96px;border-radius:16px;background:linear-gradient(180deg,#eef2ff,#e7ecff)}
.screen-sidebar:before,.screen-sidebar:after{content:"";position:absolute;left:14px;right:14px;height:12px;border-radius:999px;background:#c7d2fe}.screen-sidebar:before{top:18px}.screen-sidebar:after{top:42px}
.screen-main{left:142px;right:28px;top:30px;bottom:28px}
.screen-main span{display:block;height:14px;border-radius:999px;background:linear-gradient(90deg,rgba(91,92,246,.18),rgba(236,72,153,.16));margin-bottom:12px}.screen-main span:nth-child(1){width:54%}.screen-main span:nth-child(2){width:72%}.screen-main span:nth-child(3){width:46%;background:linear-gradient(90deg,rgba(56,189,248,.18),rgba(34,197,94,.14))}
.screen-chart{margin-top:20px;height:90px;border-radius:18px;background:linear-gradient(180deg,#eef2ff,#f7f9ff);position:relative;overflow:hidden}
.screen-chart:before{content:"";position:absolute;left:14px;right:14px;bottom:20px;height:3px;border-radius:999px;background:linear-gradient(90deg,#60a5fa,#8b5cf6 42%,#ec4899 76%,#22c55e)}
.screen-chart:after{content:"";position:absolute;left:22px;bottom:22px;width:70%;height:46px;border-left:3px solid transparent;border-bottom:3px solid transparent;background:linear-gradient(180deg,rgba(139,92,246,.22),rgba(139,92,246,0));clip-path:polygon(0 84%,14% 70%,28% 73%,42% 46%,56% 58%,70% 32%,84% 38%,100% 8%,100% 100%,0 100%)}
.guidance-benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.guidance-benefits-grid article{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start;padding:16px 18px;border-radius:22px;background:#fff;border:1px solid rgba(148,163,184,.18);box-shadow:0 16px 34px rgba(15,23,42,.06)}
.guidance-benefits-grid b{display:grid;place-items:center;width:36px;height:36px;border-radius:999px;background:linear-gradient(135deg,#5b5cf6,#7c3aed);color:#fff;font-size:18px}
.guidance-benefits-grid h3{margin:0 0 6px;font-size:17px;color:#111827}.guidance-benefits-grid p{margin:0;color:#64748b;line-height:1.6;font-size:14px}

@media(max-width:1240px){
  .why-upgrade-grid{grid-template-columns:1fr}
  .support-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .guidance-upgraded{grid-template-columns:1fr}
}
@media(max-width:860px){
  .feature-highlight{padding:22px;border-radius:26px}
  .feature-highlight h3{font-size:28px}
  .support-cards{grid-template-columns:1fr}
  .support-card h3{font-size:22px}
  .scene-browser{width:calc(100% - 70px)}
  .scene-note{right:96px}
  .guidance-upgraded{padding:24px;border-radius:26px}
  .guidance-left h2{font-size:34px}
  .guidance-benefits-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .upgraded-why .why-lead{font-size:16px}
  .feature-highlight{padding:18px}
  .feature-highlight h3{font-size:24px}
  .feature-copy{font-size:15px;line-height:1.7}
  .feature-scene{min-height:220px;padding:12px}
  .scene-browser{width:100%;height:162px;border-radius:20px}
  .scene-browser b{width:92px;height:72px;left:26px;top:50px}
  .scene-browser span:nth-of-type(1){width:92px;top:54px}.scene-browser span:nth-of-type(2){width:122px;top:80px}.scene-browser span.short{width:84px;top:104px}
  .scene-phone{position:absolute;width:86px;height:154px;right:8px;bottom:10px}
  .scene-phone em{left:15px;right:15px;top:30px;height:46px}.scene-phone b{left:15px;right:15px;top:88px}.scene-phone b.thin{top:108px;right:24px}
  .scene-note{position:relative;left:auto;right:auto;bottom:auto;margin-top:12px;padding:12px 14px}
  .feature-checks li,.team-strip{font-size:13px}
  .support-card{padding:18px;border-radius:22px}
  .support-head{flex-direction:column;align-items:flex-start}.support-head span{text-align:left}
  .support-visual{height:100px}
  .support-card h3{font-size:21px}
  .guidance-upgraded{padding:18px;gap:18px}
  .guidance-left h2{font-size:28px}
  .guidance-left p{font-size:16px;line-height:1.65}
  .guidance-steps-lane article{padding:14px}
  .workflow-board{min-height:250px;padding:16px;border-radius:24px}
  .floating-tag{font-size:11px;padding:9px 12px;max-width:132px}
  .tag-a{left:12px;top:12px}.tag-b{right:12px;top:28px}.tag-c{left:14px;bottom:14px}
  .board-screen{left:18px;right:18px;bottom:18px;top:82px}
  .screen-sidebar{width:68px;left:24px}.screen-main{left:108px;right:22px}
}


/* Update 010 - valósághű fotós illusztrációk a why és guidance szekciókban */
.feature-highlight-photo{background:linear-gradient(135deg,#091126 0%,#101936 42%,#241a5c 100%)}
.feature-photo-wrap{position:relative;margin-top:24px;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 26px 60px rgba(0,0,0,.24)}
.feature-photo-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,10,25,0) 30%,rgba(6,10,25,.42) 100%);pointer-events:none}
.feature-photo{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.scene-note-photo{left:18px;right:18px;bottom:18px;z-index:2;background:rgba(8,17,38,.62);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px)}
.support-cards-photo{align-items:stretch}
.support-card-photo{gap:16px}
.support-visual-photo{padding:0;height:auto;aspect-ratio:4/3;border-radius:24px;background:#eef2ff;overflow:hidden}
.support-visual-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.support-card-photo:hover .support-visual-photo img{transform:scale(1.03)}
.workflow-board-photo{padding:0;min-height:340px;border:1px solid rgba(255,255,255,.08)}
.workflow-board-photo:before,.workflow-board-photo:after{display:none}
.workflow-photo{display:block;width:100%;height:100%;min-height:340px;object-fit:cover;filter:saturate(1.02)}
.workflow-board-photo .floating-tag{box-shadow:0 14px 34px rgba(15,23,42,.26);background:rgba(8,17,38,.58);border-color:rgba(255,255,255,.16)}

@media(max-width:860px){
  .feature-photo-wrap{border-radius:24px}
  .support-visual-photo{border-radius:20px}
  .workflow-board-photo,.workflow-photo{min-height:280px}
}
@media(max-width:560px){
  .scene-note-photo{left:12px;right:12px;bottom:12px;padding:12px 13px;font-size:12px;line-height:1.6}
  .feature-photo{aspect-ratio:1.15/1}
  .support-visual-photo{aspect-ratio:1.18/1}
  .workflow-board-photo,.workflow-photo{min-height:220px}
}


/* Update 011 - erősebb elkülönülésű valósághű képek */
.support-visual-photo{box-shadow:0 18px 36px rgba(15,23,42,.10);background:#fff}
.support-visual-photo img{object-position:center center}
.support-card:nth-child(2) .support-visual-photo img{object-position:center 42%}
.support-card:nth-child(3) .support-visual-photo img{object-position:center 46%}
.support-card:nth-child(4) .support-visual-photo img{object-position:center 50%}
.feature-photo-wrap{box-shadow:0 28px 62px rgba(0,0,0,.28), 0 0 0 1px rgba(255,255,255,.06) inset}
.feature-photo{object-position:center center}
.workflow-board-photo{box-shadow:0 24px 54px rgba(15,23,42,.12);background:#fff}
.workflow-photo{object-position:center center}


/* Update 012 - guidance szekció arányok, olvashatóság, reszponzivitás */
.guidance-upgraded{
  grid-template-columns:minmax(360px,.95fr) minmax(520px,1.08fr);
  align-items:center;
  gap:34px;
  padding:36px;
  background:linear-gradient(135deg,#f7faff 0%,#eef4ff 54%,#f8f4ff 100%);
}
.guidance-left h2{
  max-width:12ch;
  letter-spacing:-.035em;
}
.guidance-left p{
  max-width:620px;
}
.guidance-steps-lane{
  gap:12px;
}
.guidance-steps-lane article{
  padding:14px 16px;
  border-radius:20px;
  box-shadow:0 14px 32px rgba(15,23,42,.055);
  border-left:4px solid rgba(99,102,241,.45);
}
.guidance-steps-lane b{
  width:42px;
  height:42px;
  border-radius:15px;
}
.guidance-steps-lane h3{
  font-size:17px;
}
.guidance-steps-lane p{
  font-size:13.5px;
  line-height:1.55;
}
.guidance-right{
  gap:14px;
}
.workflow-board-photo{
  min-height:unset;
  aspect-ratio:1.52 / 1;
  border-radius:30px;
  overflow:hidden;
  box-shadow:0 24px 56px rgba(15,23,42,.13), 0 0 0 1px rgba(255,255,255,.6) inset;
}
.workflow-photo{
  min-height:0;
  height:100%;
  object-fit:cover;
  object-position:center center;
}
.workflow-board-photo .floating-tag{
  font-size:11px;
  line-height:1.3;
  padding:9px 12px;
  border-radius:14px;
  background:rgba(8,17,38,.68);
}
.workflow-board-photo .tag-a{left:18px;top:18px;max-width:145px}
.workflow-board-photo .tag-b{right:18px;top:28px;max-width:160px}
.workflow-board-photo .tag-c{left:20px;bottom:20px;max-width:170px}
.guidance-benefits-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.guidance-benefits-grid article{
  grid-template-columns:32px 1fr;
  gap:10px;
  padding:14px;
  border-radius:20px;
  min-height:132px;
  align-content:start;
  background:linear-gradient(180deg,#ffffff,#fbfcff);
}
.guidance-benefits-grid b{
  width:32px;
  height:32px;
  font-size:15px;
}
.guidance-benefits-grid h3{
  font-size:16px;
  line-height:1.28;
  margin-bottom:6px;
}
.guidance-benefits-grid p{
  font-size:13px;
  line-height:1.48;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

@media(max-width:1240px){
  .guidance-upgraded{
    grid-template-columns:1fr;
  }
  .guidance-left h2{max-width:none}
  .workflow-board-photo{aspect-ratio:1.75 / 1}
  .guidance-benefits-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .guidance-upgraded{
    padding:22px;
    border-radius:26px;
  }
  .guidance-left h2{font-size:30px}
  .workflow-board-photo{aspect-ratio:1.25 / 1}
  .workflow-board-photo .floating-tag{font-size:10.5px;padding:8px 10px}
  .workflow-board-photo .tag-b{top:16px;right:14px}
  .workflow-board-photo .tag-a{top:14px;left:14px}
  .workflow-board-photo .tag-c{left:14px;bottom:14px}
  .guidance-benefits-grid{
    grid-template-columns:1fr;
  }
  .guidance-benefits-grid article{
    min-height:0;
    grid-template-columns:34px 1fr;
    padding:14px 16px;
  }
  .guidance-benefits-grid p{
    display:block;
    -webkit-line-clamp:unset;
    overflow:visible;
  }
}
@media(max-width:480px){
  .guidance-upgraded{padding:18px;border-radius:22px}
  .guidance-steps-lane article{grid-template-columns:38px 1fr;padding:12px}
  .guidance-steps-lane b{width:36px;height:36px;border-radius:13px}
  .workflow-board-photo{aspect-ratio:1 / .9;border-radius:20px}
  .workflow-board-photo .tag-b{display:none}
}


/* Update 013 - guidance szovegek vagas nelkul */
.guidance-benefits-grid{
  align-items:stretch;
  gap:14px;
}
.guidance-benefits-grid article{
  min-height:0;
  height:auto;
  padding:18px 18px 20px;
  align-content:start;
}
.guidance-benefits-grid h3{
  font-size:16px;
  line-height:1.32;
  margin:0 0 8px;
}
.guidance-benefits-grid p{
  display:block !important;
  -webkit-line-clamp:unset !important;
  -webkit-box-orient:unset !important;
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:normal !important;
  font-size:13.5px;
  line-height:1.62;
  margin:0;
}
@media(min-width:1241px){
  .guidance-benefits-grid article{
    min-height:196px;
  }
}
@media(max-width:1240px){
  .guidance-benefits-grid article{
    min-height:0;
  }
}
@media(max-width:760px){
  .guidance-benefits-grid{
    grid-template-columns:1fr;
  }
  .guidance-benefits-grid article{
    min-height:0;
    padding:16px 18px;
  }
  .guidance-benefits-grid p{
    font-size:14px;
    line-height:1.62;
  }
}


/* Update 014 - Szolgáltatások áttekintő oldal */
.services-hero{max-width:1360px;margin:0 auto;padding:76px 32px 54px;display:grid;grid-template-columns:minmax(420px,.9fr) minmax(480px,1.1fr);gap:46px;align-items:center;background:linear-gradient(135deg,#071123 0%,#0a1730 50%,#21165a 100%);color:#fff;border-radius:0 0 42px 42px;position:relative;overflow:hidden}.services-hero:before{content:"";position:absolute;right:-90px;top:-90px;width:360px;height:360px;border-radius:999px;background:radial-gradient(circle,rgba(124,58,237,.42),rgba(124,58,237,0) 70%)}.services-hero-copy{position:relative;z-index:1}.services-hero h1{font-size:clamp(42px,5vw,76px);line-height:1.03;margin:14px 0 18px;letter-spacing:-.055em}.services-hero p{font-size:19px;line-height:1.75;color:#dbe7ff;max-width:720px}.services-hero .btn-outline{color:#fff;border-color:rgba(255,255,255,.42)}.services-hero-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.services-hero-points span{display:inline-flex;align-items:center;padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:13px;font-weight:900}.services-hero-photo{position:relative;border-radius:34px;overflow:hidden;box-shadow:0 42px 110px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.10)}.services-hero-photo img{display:block;width:100%;height:auto;aspect-ratio:1.35/1;object-fit:cover}.photo-glass{position:absolute;left:22px;bottom:22px;padding:15px 18px;border-radius:18px;background:rgba(7,12,25,.66);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px)}.photo-glass strong,.photo-glass span{display:block}.photo-glass span{color:#cbd5e1;font-size:13px;margin-top:3px}.service-problem{max-width:1220px;margin:54px auto 0;padding:0 32px;display:grid;grid-template-columns:minmax(360px,1fr) minmax(420px,.95fr);gap:28px;align-items:center}.service-problem h2{font-size:42px;line-height:1.12;margin:10px 0 14px;color:#111827}.service-problem p{font-size:17px;line-height:1.8;color:#475569}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compare-grid article{border-radius:26px;padding:22px;border:1px solid rgba(148,163,184,.22);box-shadow:0 20px 44px rgba(15,23,42,.07);background:#fff}.compare-grid h3{margin:0 0 12px;font-size:20px}.compare-grid ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}.compare-grid li{font-weight:850;color:#475569}.compare-bad{background:linear-gradient(180deg,#fff,#fff7f7)}.compare-bad h3{color:#991b1b}.compare-good{background:linear-gradient(180deg,#fff,#f4fff8)}.compare-good h3{color:#166534}.services-list{padding-top:64px}.services-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:30px}.service-photo-card{overflow:hidden;border-radius:30px;background:#fff;border:1px solid rgba(148,163,184,.20);box-shadow:0 22px 52px rgba(15,23,42,.08);display:grid}.service-photo{height:230px;overflow:hidden;background:#e5e7eb}.service-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.service-photo-card:hover .service-photo img{transform:scale(1.035)}.service-card-body{padding:22px;display:grid;gap:14px}.service-card-body h3{margin:0;color:#111827;font-size:25px;line-height:1.2}.service-card-body p{margin:0;color:#475569;line-height:1.72}.service-tags{display:flex;flex-wrap:wrap;gap:8px}.service-tags span{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:#f8fafc;border:1px solid rgba(148,163,184,.18);font-size:12px;font-weight:900;color:#334155}.experts-section{max-width:1220px;margin:64px auto 0;padding:0 32px;display:grid;grid-template-columns:minmax(390px,.95fr) minmax(420px,1.05fr);gap:34px;align-items:center}.experts-photo{position:relative;border-radius:34px;overflow:hidden;box-shadow:0 28px 70px rgba(15,23,42,.14)}.experts-photo img{display:block;width:100%;aspect-ratio:1.35/1;object-fit:cover}.photo-label{position:absolute;left:18px;right:18px;bottom:18px;padding:16px 18px;border-radius:18px;background:rgba(7,12,25,.68);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(10px);color:#fff;font-weight:900;line-height:1.55}.experts-copy h2{font-size:42px;line-height:1.12;margin:10px 0 14px;color:#111827}.experts-copy p{font-size:17px;line-height:1.78;color:#475569}.expert-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.expert-chips span{padding:9px 12px;border-radius:999px;background:#fff;border:1px solid rgba(148,163,184,.22);box-shadow:0 12px 24px rgba(15,23,42,.05);font-size:13px;font-weight:900;color:#334155}.systems-section{max-width:1220px;margin:68px auto 0;padding:0 32px}.systems-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:26px}.systems-grid article{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:center;padding:18px;border-radius:20px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid rgba(148,163,184,.18);box-shadow:0 16px 32px rgba(15,23,42,.06)}.systems-grid b{display:grid;place-items:center;width:36px;height:36px;border-radius:999px;background:linear-gradient(135deg,#5b5cf6,#7c3aed);color:#fff}.systems-grid span{font-weight:900;color:#111827}.content-security-grid{max-width:1220px;margin:68px auto 0;padding:0 32px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.image-info-card{overflow:hidden;border-radius:34px;background:#fff;border:1px solid rgba(148,163,184,.20);box-shadow:0 24px 58px rgba(15,23,42,.08)}.image-info-card.dark{background:#0b1224;color:#fff}.image-info-card img{display:block;width:100%;height:260px;object-fit:cover}.image-info-card div{padding:24px}.image-info-card h2{font-size:32px;line-height:1.15;margin:0 0 12px;color:#111827}.image-info-card.dark h2{color:#fff}.image-info-card p{color:#475569;line-height:1.75}.image-info-card.dark p{color:#dbe4f5}.image-info-card ul{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px}.image-info-card li{font-weight:850;color:#334155}.image-info-card.dark li{color:#eef4ff}.services-final-cta{max-width:1120px;margin:72px auto 0;padding:44px 34px;border-radius:34px;background:linear-gradient(135deg,#081126,#20155a);color:#fff;text-align:center;box-shadow:0 30px 72px rgba(15,23,42,.18)}.services-final-cta h2{font-size:42px;line-height:1.12;margin:0 0 12px}.services-final-cta p{max-width:720px;margin:0 auto 24px;color:#dbe7ff;line-height:1.75}.services-final-cta .hero-actions{justify-content:center}.services-final-cta .btn-outline{color:#fff;border-color:rgba(255,255,255,.42)}
@media(max-width:1100px){.services-hero,.service-problem,.experts-section,.content-security-grid{grid-template-columns:1fr}.services-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.systems-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.services-hero{padding-top:54px}.services-hero-photo{max-width:760px}.compare-grid{max-width:760px}}
@media(max-width:700px){.services-hero{padding:42px 18px 36px;border-radius:0 0 28px 28px}.services-hero h1{font-size:38px}.services-hero p{font-size:16px}.services-hero-photo img{aspect-ratio:1/1}.photo-glass{left:12px;bottom:12px;right:12px}.service-problem,.experts-section,.systems-section,.content-security-grid{padding:0 18px;margin-top:44px}.service-problem h2,.experts-copy h2,.services-final-cta h2{font-size:30px}.compare-grid,.services-card-grid,.systems-grid,.content-security-grid{grid-template-columns:1fr}.service-photo{height:210px}.service-card-body h3{font-size:22px}.image-info-card img{height:220px}.services-final-cta{margin:54px 18px 0;padding:34px 22px}.expert-chips span,.services-hero-points span{font-size:12px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{text-align:center}}


/* Update 015 - link, slug, CTA audit + szolgáltatás aloldalak */
.clickable-card{padding:0;overflow:hidden}.support-card-link{display:grid;gap:16px;padding:22px;color:inherit;text-decoration:none;height:100%}.support-card-link:hover h3{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.service-card-body h3 a{color:inherit;text-decoration:none}.service-card-body h3 a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.service-photo{display:block}.quote-form select{width:100%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff;border-radius:12px;padding:13px;font:inherit}.quote-form select option{color:#0f172a;background:#fff}.service-select{appearance:auto}.service-detail-hero{max-width:1220px;margin:0 auto;padding:72px 24px 44px;display:grid;grid-template-columns:minmax(360px,.95fr) minmax(420px,1.05fr);gap:42px;align-items:center}.service-detail-hero h1{font-size:clamp(42px,5vw,72px);line-height:1.04;margin:14px 0 18px;letter-spacing:-.055em;color:#111827}.service-detail-hero p{font-size:19px;line-height:1.75;color:#475569}.mini-btn.back{margin-bottom:18px;background:#f8fafc;border:1px solid rgba(148,163,184,.24)}.service-detail-photo{border-radius:34px;overflow:hidden;box-shadow:0 28px 74px rgba(15,23,42,.16);background:#0b1220}.service-detail-photo img{display:block;width:100%;height:auto;aspect-ratio:1.25/1;object-fit:cover}.service-detail-hero .btn-outline{color:#111827;border-color:rgba(15,23,42,.18);background:#fff}.service-detail-grid{max-width:1220px;margin:0 auto;padding:16px 24px 0;display:grid;grid-template-columns:1fr 1fr;gap:24px}.service-detail-grid article{border-radius:30px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid rgba(148,163,184,.20);box-shadow:0 22px 52px rgba(15,23,42,.08);padding:28px}.service-detail-grid h2,.service-detail-process h2{font-size:32px;line-height:1.16;margin:0 0 18px;color:#111827}.service-detail-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}.service-detail-grid li{font-weight:800;color:#334155;line-height:1.62}.service-detail-process{max-width:1220px;margin:56px auto 0;padding:0 24px}.service-process-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.service-process-steps article{display:grid;gap:14px;padding:22px;border-radius:24px;background:#fff;border:1px solid rgba(148,163,184,.20);box-shadow:0 18px 38px rgba(15,23,42,.07)}.service-process-steps b{display:grid;place-items:center;width:44px;height:44px;border-radius:16px;background:linear-gradient(135deg,#5b5cf6,#7c3aed);color:#fff}.service-process-steps span{font-weight:850;color:#334155;line-height:1.55}.services-final-cta .btn-outline{background:rgba(255,255,255,.04)}
@media(max-width:980px){.service-detail-hero,.service-detail-grid{grid-template-columns:1fr}.service-detail-photo{max-width:760px}.service-process-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.service-detail-hero{padding:46px 18px 26px}.service-detail-hero h1{font-size:36px}.service-detail-hero p{font-size:16px}.service-detail-grid,.service-detail-process{padding-left:18px;padding-right:18px}.service-detail-grid{grid-template-columns:1fr}.service-process-steps{grid-template-columns:1fr}.service-detail-grid article{padding:22px;border-radius:24px}.service-detail-grid h2,.service-detail-process h2{font-size:26px}.support-card-link{padding:18px}}


/* Update 016 - Weboldal készítés részletes oldal */
.web-detail-hero{max-width:1240px;margin:0 auto;padding:72px 24px 44px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:34px;align-items:center}
.web-detail-copy h1{font-size:clamp(38px,5vw,68px);line-height:.98;margin:12px 0 18px;color:#101827;letter-spacing:-.04em}.web-detail-copy p{font-size:18px;line-height:1.78;color:#475569;max-width:690px}.web-detail-copy .back{margin-bottom:14px}
.web-detail-photo{position:relative;border-radius:32px;overflow:hidden;background:#0f172a;border:1px solid rgba(148,163,184,.22);box-shadow:0 28px 70px rgba(15,23,42,.14)}
.web-detail-photo img{display:block;width:100%;height:100%;object-fit:cover}.hero-photo{aspect-ratio:1.24/1}.hero-photo:after,.web-problem .web-detail-photo:after,.web-types .web-detail-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,0) 48%,rgba(15,23,42,.20));pointer-events:none}
.web-problem,.web-admin-block,.web-types{max-width:1180px;margin:34px auto;padding:34px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.95fr);gap:30px;align-items:center;border-radius:36px;background:linear-gradient(135deg,#f8fbff,#eef4ff);border:1px solid rgba(148,163,184,.18)}
.web-problem h2,.web-admin-block h2,.web-types h2,.web-flow h2{font-size:40px;line-height:1.1;margin:0 0 14px;color:#111827;letter-spacing:-.03em}.web-problem p,.web-admin-block p{font-size:17px;line-height:1.75;color:#475569;margin:0}.web-problem .web-detail-photo,.web-types .web-detail-photo{aspect-ratio:1.45/1}.problem-points,.type-cloud{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.problem-points span,.type-cloud span{display:inline-flex;align-items:center;min-height:38px;padding:9px 14px;border-radius:999px;background:#fff;border:1px solid rgba(148,163,184,.18);box-shadow:0 12px 26px rgba(15,23,42,.05);font-weight:900;color:#334155;font-size:13px}
.web-includes{max-width:1180px;margin:40px auto;padding:0 24px}.web-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}.web-feature-grid article{padding:22px;border-radius:24px;background:#fff;border:1px solid rgba(148,163,184,.20);box-shadow:0 20px 44px rgba(15,23,42,.07)}.web-feature-grid b{display:grid;place-items:center;width:42px;height:42px;border-radius:999px;background:linear-gradient(135deg,#5b5cf6,#7c3aed);color:#fff;margin-bottom:14px}.web-feature-grid h3{font-size:20px;line-height:1.25;margin:0 0 10px;color:#111827}.web-feature-grid p{font-size:15px;line-height:1.65;color:#64748b;margin:0}
.web-admin-block{grid-template-columns:minmax(360px,.95fr) minmax(0,1fr);background:linear-gradient(135deg,#111827,#172554 60%,#312e81);color:#fff}.web-admin-block h2{color:#fff}.web-admin-block p{color:#dbe6ff}.web-admin-block .web-detail-photo{aspect-ratio:1.35/1;box-shadow:0 28px 70px rgba(0,0,0,.28)}.web-admin-block ul,.web-seo-security ul{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}.web-admin-block li{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#f8fbff;font-weight:800}
.web-flow{max-width:1180px;margin:42px auto;padding:38px 34px;border-radius:36px;background:#fff;border:1px solid rgba(148,163,184,.18);box-shadow:0 22px 54px rgba(15,23,42,.07)}.web-flow-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:24px}.web-flow-grid article{padding:18px;border-radius:22px;background:linear-gradient(180deg,#f8fbff,#eef4ff);border:1px solid rgba(148,163,184,.18)}.web-flow-grid b{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:#6d4cff;color:#fff;margin-bottom:12px}.web-flow-grid h3{font-size:17px;line-height:1.25;margin:0 0 8px;color:#111827}.web-flow-grid p{font-size:13px;line-height:1.55;color:#64748b;margin:0}
.web-types{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr)}
.web-seo-security{max-width:1180px;margin:42px auto;padding:0 24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.web-seo-security article{overflow:hidden;border-radius:30px;background:#fff;border:1px solid rgba(148,163,184,.18);box-shadow:0 22px 54px rgba(15,23,42,.08)}.web-seo-security img{display:block;width:100%;height:270px;object-fit:cover}.web-seo-security div{padding:24px}.web-seo-security h2{font-size:30px;line-height:1.15;margin:0 0 12px;color:#111827}.web-seo-security p{font-size:16px;line-height:1.7;color:#475569;margin:0}.web-seo-security li{color:#475569;font-weight:800}
.web-final-cta{margin-top:46px}
@media(max-width:1050px){.web-detail-hero,.web-problem,.web-admin-block,.web-types{grid-template-columns:1fr}.web-detail-hero{padding-top:52px}.web-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.web-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.web-seo-security{grid-template-columns:1fr}.web-admin-block .web-detail-photo{order:2}}
@media(max-width:700px){.web-detail-hero{padding:38px 16px 26px}.web-detail-copy h1{font-size:36px}.web-detail-copy p{font-size:16px}.web-problem,.web-admin-block,.web-types,.web-flow{margin:24px 16px;padding:22px;border-radius:26px}.web-problem h2,.web-admin-block h2,.web-types h2,.web-flow h2{font-size:28px}.web-feature-grid,.web-flow-grid{grid-template-columns:1fr}.web-includes{padding:0 16px}.web-seo-security{padding:0 16px}.web-seo-security img{height:210px}.hero-photo,.web-problem .web-detail-photo,.web-types .web-detail-photo,.web-admin-block .web-detail-photo{aspect-ratio:1.15/1}}


/* Update 017 - Mobilapp fejlesztés részletes oldal */
.mobile-detail-hero{max-width:1240px;margin:0 auto;padding:72px 24px 44px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:34px;align-items:center}
.mobile-detail-copy h1{font-size:clamp(38px,5vw,66px);line-height:.98;margin:12px 0 18px;color:#101827;letter-spacing:-.04em}.mobile-detail-copy p{font-size:18px;line-height:1.78;color:#475569;max-width:700px}.mobile-detail-copy .back{margin-bottom:14px}
.mobile-detail-photo{position:relative;border-radius:32px;overflow:hidden;background:#0f172a;border:1px solid rgba(148,163,184,.22);box-shadow:0 28px 70px rgba(15,23,42,.14)}
.mobile-detail-photo img{display:block;width:100%;height:100%;object-fit:cover}.mobile-detail-hero .hero-photo{aspect-ratio:1.24/1}.mobile-detail-hero .hero-photo:after,.mobile-problem .mobile-detail-photo:after,.mobile-modules .mobile-detail-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,0) 48%,rgba(15,23,42,.22));pointer-events:none}
.mobile-problem,.mobile-admin-block,.mobile-modules{max-width:1180px;margin:34px auto;padding:34px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.95fr);gap:30px;align-items:center;border-radius:36px;background:linear-gradient(135deg,#f8fbff,#eef4ff);border:1px solid rgba(148,163,184,.18)}
.mobile-problem h2,.mobile-admin-block h2,.mobile-modules h2,.mobile-flow h2{font-size:40px;line-height:1.1;margin:0 0 14px;color:#111827;letter-spacing:-.03em}.mobile-problem p,.mobile-admin-block p{font-size:17px;line-height:1.75;color:#475569;margin:0}.mobile-problem .mobile-detail-photo,.mobile-modules .mobile-detail-photo{aspect-ratio:1.45/1}.mobile-points,.module-cloud{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.mobile-points span,.module-cloud span{display:inline-flex;align-items:center;min-height:38px;padding:9px 14px;border-radius:999px;background:#fff;border:1px solid rgba(148,163,184,.18);box-shadow:0 12px 26px rgba(15,23,42,.05);font-weight:900;color:#334155;font-size:13px}
.mobile-includes{max-width:1180px;margin:40px auto;padding:0 24px}.mobile-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}.mobile-feature-grid article{padding:22px;border-radius:24px;background:#fff;border:1px solid rgba(148,163,184,.20);box-shadow:0 20px 44px rgba(15,23,42,.07)}.mobile-feature-grid b{display:grid;place-items:center;width:42px;height:42px;border-radius:999px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;margin-bottom:14px}.mobile-feature-grid h3{font-size:20px;line-height:1.25;margin:0 0 10px;color:#111827}.mobile-feature-grid p{font-size:15px;line-height:1.65;color:#64748b;margin:0}
.mobile-admin-block{grid-template-columns:minmax(360px,.95fr) minmax(0,1fr);background:linear-gradient(135deg,#07111f,#102451 58%,#312e81);color:#fff}.mobile-admin-block h2{color:#fff}.mobile-admin-block p{color:#dbe6ff}.mobile-admin-block .mobile-detail-photo{aspect-ratio:1.35/1;box-shadow:0 28px 70px rgba(0,0,0,.28)}.mobile-admin-block ul,.mobile-store-trust ul{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}.mobile-admin-block li{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#f8fbff;font-weight:800}
.mobile-flow{max-width:1180px;margin:42px auto;padding:38px 34px;border-radius:36px;background:#fff;border:1px solid rgba(148,163,184,.18);box-shadow:0 22px 54px rgba(15,23,42,.07)}.mobile-flow-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:24px}.mobile-flow-grid article{padding:18px;border-radius:22px;background:linear-gradient(180deg,#f8fbff,#eef4ff);border:1px solid rgba(148,163,184,.18)}.mobile-flow-grid b{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:#6d4cff;color:#fff;margin-bottom:12px}.mobile-flow-grid h3{font-size:17px;line-height:1.25;margin:0 0 8px;color:#111827}.mobile-flow-grid p{font-size:13px;line-height:1.55;color:#64748b;margin:0}
.mobile-modules{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr)}
.mobile-store-trust{max-width:1180px;margin:42px auto;padding:0 24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.mobile-store-trust article{overflow:hidden;border-radius:30px;background:#fff;border:1px solid rgba(148,163,184,.18);box-shadow:0 22px 54px rgba(15,23,42,.08)}.mobile-store-trust img{display:block;width:100%;height:270px;object-fit:cover}.mobile-store-trust div{padding:24px}.mobile-store-trust h2{font-size:30px;line-height:1.15;margin:0 0 12px;color:#111827}.mobile-store-trust p{font-size:16px;line-height:1.7;color:#475569;margin:0}.mobile-store-trust li{color:#475569;font-weight:800}
.mobile-final-cta{margin-top:46px}
@media(max-width:1050px){.mobile-detail-hero,.mobile-problem,.mobile-admin-block,.mobile-modules{grid-template-columns:1fr}.mobile-detail-hero{padding-top:52px}.mobile-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-store-trust{grid-template-columns:1fr}.mobile-admin-block .mobile-detail-photo{order:2}}
@media(max-width:700px){.mobile-detail-hero{padding:38px 16px 26px}.mobile-detail-copy h1{font-size:36px}.mobile-detail-copy p{font-size:16px}.mobile-problem,.mobile-admin-block,.mobile-modules,.mobile-flow{margin:24px 16px;padding:22px;border-radius:26px}.mobile-problem h2,.mobile-admin-block h2,.mobile-modules h2,.mobile-flow h2{font-size:28px}.mobile-feature-grid,.mobile-flow-grid{grid-template-columns:1fr}.mobile-includes{padding:0 16px}.mobile-store-trust{padding:0 16px}.mobile-store-trust img{height:210px}.mobile-detail-hero .hero-photo,.mobile-problem .mobile-detail-photo,.mobile-modules .mobile-detail-photo,.mobile-admin-block .mobile-detail-photo{aspect-ratio:1.15/1}}


/* Update 018 - Egyedi szoftverfejlesztés részletes oldal */
.software-detail-hero{max-width:1240px;margin:0 auto;padding:72px 24px 44px;display:grid;grid-template-columns:minmax(0,.94fr) minmax(420px,1.06fr);gap:34px;align-items:center}
.software-detail-copy h1{font-size:clamp(38px,5vw,66px);line-height:.98;margin:12px 0 18px;color:#101827;letter-spacing:-.04em}.software-detail-copy p{font-size:18px;line-height:1.78;color:#475569;max-width:700px}.software-detail-copy .back{margin-bottom:14px}
.software-detail-photo{position:relative;border-radius:32px;overflow:hidden;background:#0f172a;border:1px solid rgba(148,163,184,.22);box-shadow:0 28px 70px rgba(15,23,42,.14)}
.software-detail-photo img{display:block;width:100%;height:100%;object-fit:cover}.software-detail-hero .hero-photo{aspect-ratio:1.24/1}.software-detail-hero .hero-photo:after,.software-problem .software-detail-photo:after,.software-modules .software-detail-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,0) 48%,rgba(15,23,42,.22));pointer-events:none}
.software-problem,.software-fit-block,.software-modules{max-width:1180px;margin:34px auto;padding:34px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.95fr);gap:30px;align-items:center;border-radius:36px;background:linear-gradient(135deg,#f8fbff,#eef4ff);border:1px solid rgba(148,163,184,.18)}
.software-problem h2,.software-fit-block h2,.software-modules h2,.software-flow h2{font-size:40px;line-height:1.1;margin:0 0 14px;color:#111827;letter-spacing:-.03em}.software-problem p,.software-fit-block p{font-size:17px;line-height:1.75;color:#475569;margin:0}.software-problem .software-detail-photo,.software-modules .software-detail-photo{aspect-ratio:1.45/1}
.software-points,.module-cloud{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.software-points span,.module-cloud span{display:inline-flex;align-items:center;min-height:38px;padding:9px 14px;border-radius:999px;background:#fff;border:1px solid rgba(148,163,184,.18);box-shadow:0 12px 26px rgba(15,23,42,.05);font-weight:900;color:#334155;font-size:13px}
.software-includes{max-width:1180px;margin:40px auto;padding:0 24px}.software-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}.software-feature-grid article{padding:22px;border-radius:24px;background:#fff;border:1px solid rgba(148,163,184,.20);box-shadow:0 20px 44px rgba(15,23,42,.07)}.software-feature-grid b{display:grid;place-items:center;width:42px;height:42px;border-radius:999px;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;margin-bottom:14px}.software-feature-grid h3{font-size:20px;line-height:1.25;margin:0 0 10px;color:#111827}.software-feature-grid p{font-size:15px;line-height:1.65;color:#64748b;margin:0}
.software-fit-block{grid-template-columns:minmax(360px,.95fr) minmax(0,1fr);background:linear-gradient(135deg,#07111f,#102451 58%,#312e81);color:#fff}.software-fit-block h2{color:#fff}.software-fit-block p{color:#dbe6ff}.software-fit-block .software-detail-photo{aspect-ratio:1.35/1;box-shadow:0 28px 70px rgba(0,0,0,.28)}.software-fit-block ul,.software-tech-trust ul{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}.software-fit-block li{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#f8fbff;font-weight:800}
.software-flow{max-width:1180px;margin:42px auto;padding:38px 34px;border-radius:36px;background:#fff;border:1px solid rgba(148,163,184,.18);box-shadow:0 22px 54px rgba(15,23,42,.07)}.software-flow-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:24px}.software-flow-grid article{padding:18px;border-radius:22px;background:linear-gradient(180deg,#f8fbff,#eef4ff);border:1px solid rgba(148,163,184,.18)}.software-flow-grid b{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:#6d4cff;color:#fff;margin-bottom:12px}.software-flow-grid h3{font-size:17px;line-height:1.25;margin:0 0 8px;color:#111827}.software-flow-grid p{font-size:13px;line-height:1.55;color:#64748b;margin:0}
.software-modules{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr)}
.software-tech-trust{max-width:1180px;margin:42px auto;padding:0 24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.software-tech-trust article{overflow:hidden;border-radius:30px;background:#fff;border:1px solid rgba(148,163,184,.18);box-shadow:0 22px 54px rgba(15,23,42,.08)}.software-tech-trust img{display:block;width:100%;height:270px;object-fit:cover}.software-tech-trust div{padding:24px}.software-tech-trust h2{font-size:30px;line-height:1.15;margin:0 0 12px;color:#111827}.software-tech-trust p{font-size:16px;line-height:1.7;color:#475569;margin:0}.software-tech-trust li{color:#475569;font-weight:800}.software-final-cta{margin-top:46px}
@media(max-width:1050px){.software-detail-hero,.software-problem,.software-fit-block,.software-modules{grid-template-columns:1fr}.software-detail-hero{padding-top:52px}.software-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.software-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.software-tech-trust{grid-template-columns:1fr}.software-fit-block .software-detail-photo{order:2}}
@media(max-width:700px){.software-detail-hero{padding:38px 16px 26px}.software-detail-copy h1{font-size:36px}.software-detail-copy p{font-size:16px}.software-problem,.software-fit-block,.software-modules,.software-flow{margin:24px 16px;padding:22px;border-radius:26px}.software-problem h2,.software-fit-block h2,.software-modules h2,.software-flow h2{font-size:28px}.software-feature-grid,.software-flow-grid{grid-template-columns:1fr}.software-includes{padding:0 16px}.software-tech-trust{padding:0 16px}.software-tech-trust img{height:210px}.software-detail-hero .hero-photo,.software-problem .software-detail-photo,.software-modules .software-detail-photo,.software-fit-block .software-detail-photo{aspect-ratio:1.15/1}}


/* Update 019 - Admin rendszerek részletes oldal */
.admin-detail-hero{max-width:1240px;margin:0 auto;padding:72px 24px 44px;display:grid;grid-template-columns:minmax(0,.94fr) minmax(420px,1.06fr);gap:34px;align-items:center}
.admin-detail-copy h1{font-size:clamp(38px,5vw,66px);line-height:.98;margin:12px 0 18px;color:#101827;letter-spacing:-.04em}.admin-detail-copy p{font-size:18px;line-height:1.78;color:#475569;max-width:700px}.admin-detail-copy .back{margin-bottom:14px}
.admin-detail-photo{position:relative;border-radius:32px;overflow:hidden;background:#0f172a;border:1px solid rgba(148,163,184,.22);box-shadow:0 28px 70px rgba(15,23,42,.14)}
.admin-detail-photo img{display:block;width:100%;height:100%;object-fit:cover}.admin-detail-hero .hero-photo{aspect-ratio:1.24/1}.admin-detail-hero .hero-photo:after,.admin-problem .admin-detail-photo:after,.admin-modules .admin-detail-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,0) 48%,rgba(15,23,42,.22));pointer-events:none}
.admin-problem,.admin-editor-block,.admin-modules{max-width:1180px;margin:34px auto;padding:34px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.95fr);gap:30px;align-items:center;border-radius:36px;background:linear-gradient(135deg,#f8fbff,#eef4ff);border:1px solid rgba(148,163,184,.18)}
.admin-problem h2,.admin-editor-block h2,.admin-modules h2,.admin-flow h2{font-size:40px;line-height:1.1;margin:0 0 14px;color:#111827;letter-spacing:-.03em}.admin-problem p,.admin-editor-block p{font-size:17px;line-height:1.75;color:#475569;margin:0}.admin-problem .admin-detail-photo,.admin-modules .admin-detail-photo{aspect-ratio:1.45/1}
.admin-points,.admin-module-cloud{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.admin-points span,.admin-module-cloud span{display:inline-flex;align-items:center;min-height:38px;padding:9px 14px;border-radius:999px;background:#fff;border:1px solid rgba(148,163,184,.18);box-shadow:0 12px 26px rgba(15,23,42,.05);font-weight:900;color:#334155;font-size:13px}
.admin-includes{max-width:1180px;margin:40px auto;padding:0 24px}.admin-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}.admin-feature-grid article{padding:22px;border-radius:24px;background:#fff;border:1px solid rgba(148,163,184,.20);box-shadow:0 20px 44px rgba(15,23,42,.07)}.admin-feature-grid b{display:grid;place-items:center;width:42px;height:42px;border-radius:999px;background:linear-gradient(135deg,#0ea5e9,#2563eb 58%,#7c3aed);color:#fff;margin-bottom:14px}.admin-feature-grid h3{font-size:20px;line-height:1.25;margin:0 0 10px;color:#111827}.admin-feature-grid p{font-size:15px;line-height:1.65;color:#64748b;margin:0}
.admin-editor-block{grid-template-columns:minmax(360px,.95fr) minmax(0,1fr);background:linear-gradient(135deg,#07111f,#123052 58%,#155e75);color:#fff}.admin-editor-block h2{color:#fff}.admin-editor-block p{color:#dbeafe}.admin-editor-block .admin-detail-photo{aspect-ratio:1.35/1;box-shadow:0 28px 70px rgba(0,0,0,.28)}.admin-editor-block ul,.admin-trust ul{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}.admin-editor-block li{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#f8fbff;font-weight:800}
.admin-flow{max-width:1180px;margin:42px auto;padding:38px 34px;border-radius:36px;background:#fff;border:1px solid rgba(148,163,184,.18);box-shadow:0 22px 54px rgba(15,23,42,.07)}.admin-flow-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:24px}.admin-flow-grid article{padding:18px;border-radius:22px;background:linear-gradient(180deg,#f8fbff,#eef4ff);border:1px solid rgba(148,163,184,.18)}.admin-flow-grid b{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:#2563eb;color:#fff;margin-bottom:12px}.admin-flow-grid h3{font-size:17px;line-height:1.25;margin:0 0 8px;color:#111827}.admin-flow-grid p{font-size:13px;line-height:1.55;color:#64748b;margin:0}
.admin-modules{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr)}
.admin-trust{max-width:1180px;margin:42px auto;padding:0 24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.admin-trust article{overflow:hidden;border-radius:30px;background:#fff;border:1px solid rgba(148,163,184,.18);box-shadow:0 22px 54px rgba(15,23,42,.08)}.admin-trust img{display:block;width:100%;height:270px;object-fit:cover}.admin-trust div{padding:24px}.admin-trust h2{font-size:30px;line-height:1.15;margin:0 0 12px;color:#111827}.admin-trust p{font-size:16px;line-height:1.7;color:#475569;margin:0}.admin-trust li{color:#475569;font-weight:800}.admin-final-cta{margin-top:46px}
@media(max-width:1050px){.admin-detail-hero,.admin-problem,.admin-editor-block,.admin-modules{grid-template-columns:1fr}.admin-detail-hero{padding-top:52px}.admin-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-trust{grid-template-columns:1fr}.admin-editor-block .admin-detail-photo{order:2}}
@media(max-width:700px){.admin-detail-hero{padding:38px 16px 26px}.admin-detail-copy h1{font-size:36px}.admin-detail-copy p{font-size:16px}.admin-problem,.admin-editor-block,.admin-modules,.admin-flow{margin:24px 16px;padding:22px;border-radius:26px}.admin-problem h2,.admin-editor-block h2,.admin-modules h2,.admin-flow h2{font-size:28px}.admin-feature-grid,.admin-flow-grid{grid-template-columns:1fr}.admin-includes{padding:0 16px}.admin-trust{padding:0 16px}.admin-trust img{height:210px}.admin-detail-hero .hero-photo,.admin-problem .admin-detail-photo,.admin-modules .admin-detail-photo,.admin-editor-block .admin-detail-photo{aspect-ratio:1.15/1}}


/* Update 020 - SEO + AI keresőbarát részletes szolgáltatásoldal */
.seo-detail-hero,.seo-problem,.seo-structure-block,.seo-modules{max-width:1180px;margin:0 auto;padding:72px 22px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.86fr);gap:34px;align-items:center}
.seo-detail-copy h1{font-size:clamp(36px,5vw,64px);line-height:1.02;margin:16px 0;color:#111827;letter-spacing:-.04em}.seo-detail-copy p,.seo-problem p,.seo-structure-block p{font-size:17px;line-height:1.78;color:#475569;margin:0 0 18px}
.seo-detail-photo{border-radius:32px;overflow:hidden;background:#0f172a;box-shadow:0 28px 70px rgba(15,23,42,.16)}.seo-detail-photo img{display:block;width:100%;height:100%;min-height:320px;object-fit:cover}.seo-detail-photo.hero-photo img{min-height:480px}
.seo-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.seo-points span{display:inline-flex;padding:9px 13px;border-radius:999px;background:#fff;border:1px solid rgba(148,163,184,.22);font-size:13px;font-weight:900;color:#334155;box-shadow:0 12px 26px rgba(15,23,42,.05)}
.seo-includes{max-width:1180px;margin:0 auto;padding:52px 22px}.seo-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}.seo-feature-grid article{background:#fff;border:1px solid rgba(148,163,184,.18);border-radius:24px;padding:22px;box-shadow:0 18px 38px rgba(15,23,42,.06)}.seo-feature-grid b{display:grid;place-items:center;width:38px;height:38px;border-radius:999px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;margin-bottom:14px}.seo-feature-grid h3{font-size:19px;line-height:1.28;margin:0 0 10px;color:#111827}.seo-feature-grid p{font-size:14px;line-height:1.65;color:#64748b;margin:0}
.seo-structure-block{background:linear-gradient(135deg,#f7faff,#eef4ff);border-radius:34px;margin-top:36px}.seo-structure-block ul{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.seo-structure-block li{padding:12px 14px;border-radius:16px;background:#fff;border:1px solid rgba(148,163,184,.18);font-weight:900;color:#334155}
.seo-flow{max-width:1180px;margin:0 auto;padding:64px 22px}.seo-flow h2{text-align:center;font-size:38px;margin:0 0 28px;color:#111827}.seo-flow-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.seo-flow-grid article{background:#fff;border:1px solid rgba(148,163,184,.18);border-radius:24px;padding:20px;box-shadow:0 18px 38px rgba(15,23,42,.06)}.seo-flow-grid b{display:grid;place-items:center;width:42px;height:42px;border-radius:16px;background:linear-gradient(135deg,#0ea5e9,#7c3aed);color:#fff;font-size:18px;margin-bottom:14px}.seo-flow-grid h3{margin:0 0 8px;font-size:17px;color:#111827}.seo-flow-grid p{margin:0;color:#64748b;font-size:14px;line-height:1.6}
.seo-modules{grid-template-columns:minmax(0,1.05fr) minmax(340px,.9fr)}.seo-module-cloud{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.seo-module-cloud span{padding:10px 14px;border-radius:999px;background:#fff;border:1px solid rgba(148,163,184,.18);font-weight:900;font-size:13px;color:#334155;box-shadow:0 12px 26px rgba(15,23,42,.05)}
.seo-content-trust{max-width:1180px;margin:0 auto;padding:56px 22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.seo-content-trust article{background:#fff;border:1px solid rgba(148,163,184,.18);border-radius:30px;overflow:hidden;box-shadow:0 22px 48px rgba(15,23,42,.08)}.seo-content-trust img{display:block;width:100%;height:260px;object-fit:cover}.seo-content-trust div{padding:24px}.seo-content-trust h2{font-size:28px;line-height:1.15;margin:0 0 12px;color:#111827}.seo-content-trust p,.seo-content-trust li{font-size:15px;line-height:1.7;color:#475569}.seo-content-trust ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.seo-final-cta{background:linear-gradient(135deg,#0f172a,#1e1b4b 48%,#312e81)}
@media(max-width:1050px){.seo-detail-hero,.seo-problem,.seo-structure-block,.seo-modules{grid-template-columns:1fr;padding:54px 20px}.seo-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-content-trust{grid-template-columns:1fr}}
@media(max-width:620px){.seo-detail-copy h1{font-size:34px}.seo-detail-photo img,.seo-detail-photo.hero-photo img{min-height:240px}.seo-feature-grid,.seo-flow-grid{grid-template-columns:1fr}.seo-structure-block ul{grid-template-columns:1fr}.seo-flow h2{font-size:30px}.seo-content-trust img{height:210px}}


/* Update 021 - Karbantartás és továbbfejlesztés részletes oldal */
.maintenance-hero{max-width:1180px;margin:0 auto;padding:72px 22px 42px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);gap:36px;align-items:center}
.maintenance-copy h1{font-size:clamp(38px,5vw,66px);line-height:1.02;margin:14px 0 18px;color:#111827;letter-spacing:-.04em}.maintenance-copy p{font-size:18px;line-height:1.78;color:#475569;max-width:720px}.maintenance-photo{position:relative;border-radius:30px;overflow:hidden;background:#eef2ff;box-shadow:0 26px 64px rgba(15,23,42,.13);border:1px solid rgba(148,163,184,.18)}.maintenance-photo img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}.maintenance-photo.hero-photo img{aspect-ratio:1.1/1}.maintenance-photo:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);pointer-events:none}.maintenance-problem{max-width:1180px;margin:26px auto;padding:34px;display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:28px;align-items:center;border-radius:34px;background:linear-gradient(135deg,#081126,#121b39 48%,#241759);color:#fff;box-shadow:0 30px 80px rgba(15,23,42,.16)}.maintenance-problem h2{font-size:clamp(30px,3.4vw,46px);line-height:1.12;margin:0 0 14px;color:#fff}.maintenance-problem p{color:#dbe5fb;line-height:1.78;font-size:16px}.maintenance-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.maintenance-points span{display:inline-flex;align-items:center;min-height:36px;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:12px;font-weight:900;color:#f8fbff}.maintenance-includes{max-width:1180px;margin:0 auto;padding:48px 22px}.maintenance-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}.maintenance-feature-grid article{padding:22px;border-radius:24px;background:#fff;border:1px solid rgba(148,163,184,.18);box-shadow:0 18px 38px rgba(15,23,42,.06)}.maintenance-feature-grid b{display:grid;place-items:center;width:38px;height:38px;border-radius:999px;background:linear-gradient(135deg,#5b5cf6,#7c3aed);color:#fff;margin-bottom:14px}.maintenance-feature-grid h3{margin:0 0 10px;font-size:20px;color:#111827;line-height:1.28}.maintenance-feature-grid p{margin:0;color:#64748b;line-height:1.68;font-size:14px}.maintenance-types{max-width:1180px;margin:10px auto;padding:34px;display:grid;grid-template-columns:430px minmax(0,1fr);gap:30px;align-items:center;border-radius:34px;background:linear-gradient(135deg,#f7faff,#eef4ff 46%,#faf6ff);border:1px solid rgba(148,163,184,.16);box-shadow:0 24px 54px rgba(15,23,42,.07)}.maintenance-types h2{font-size:clamp(30px,3.3vw,44px);line-height:1.12;margin:0 0 18px;color:#111827}.maintenance-type-cloud{display:flex;flex-wrap:wrap;gap:11px}.maintenance-type-cloud span{display:inline-flex;align-items:center;min-height:38px;padding:9px 14px;border-radius:999px;background:#fff;border:1px solid rgba(148,163,184,.18);box-shadow:0 10px 24px rgba(15,23,42,.05);font-size:13px;font-weight:900;color:#334155}.maintenance-flow{max-width:1180px;margin:0 auto;padding:52px 22px}.maintenance-flow h2{font-size:clamp(30px,3.3vw,46px);margin:0 0 24px;color:#111827}.maintenance-flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.maintenance-flow-grid article{position:relative;padding:24px;border-radius:24px;background:#fff;border:1px solid rgba(148,163,184,.18);box-shadow:0 18px 38px rgba(15,23,42,.06)}.maintenance-flow-grid article:before{content:"";display:block;width:42px;height:5px;border-radius:999px;background:linear-gradient(90deg,#5b5cf6,#8b5cf6,#ec4899);margin-bottom:18px}.maintenance-flow-grid h3{margin:0 0 10px;color:#111827;font-size:18px}.maintenance-flow-grid p{margin:0;color:#64748b;line-height:1.66;font-size:14px}.maintenance-photo.wide{margin-top:24px}.maintenance-photo.wide img{aspect-ratio:2.3/1}.maintenance-trust{max-width:1180px;margin:0 auto;padding:10px 22px 42px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.maintenance-trust article{overflow:hidden;border-radius:28px;background:#fff;border:1px solid rgba(148,163,184,.18);box-shadow:0 22px 48px rgba(15,23,42,.08)}.maintenance-trust img{display:block;width:100%;height:250px;object-fit:cover}.maintenance-trust div{padding:24px}.maintenance-trust h2{margin:0 0 12px;font-size:26px;line-height:1.2;color:#111827}.maintenance-trust p{margin:0;color:#64748b;line-height:1.72}.maintenance-trust ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}.maintenance-trust li{padding:10px 12px;border-radius:14px;background:#f8fafc;color:#334155;font-weight:800;font-size:14px}.maintenance-final-cta{margin-top:10px}
@media(max-width:1020px){.maintenance-hero,.maintenance-problem,.maintenance-types{grid-template-columns:1fr}.maintenance-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.maintenance-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.maintenance-trust{grid-template-columns:1fr}.maintenance-types{padding:26px}.maintenance-problem{padding:26px}.maintenance-photo.hero-photo img{aspect-ratio:16/10}}
@media(max-width:640px){.maintenance-hero{padding-top:44px}.maintenance-copy h1{font-size:34px}.maintenance-copy p{font-size:16px}.maintenance-problem,.maintenance-types{margin-left:14px;margin-right:14px;padding:20px;border-radius:24px}.maintenance-feature-grid,.maintenance-flow-grid{grid-template-columns:1fr}.maintenance-includes,.maintenance-flow,.maintenance-trust{padding-left:14px;padding-right:14px}.maintenance-photo{border-radius:22px}.maintenance-photo img,.maintenance-photo.hero-photo img{aspect-ratio:1.25/1}.maintenance-photo.wide img{aspect-ratio:1.35/1}.maintenance-trust img{height:210px}.maintenance-trust div{padding:18px}.maintenance-type-cloud span{width:100%;justify-content:center;text-align:center}}


/* Update 022 - Referenciák / portfólió oldal professzionális rendezése */
.portfolio-hero-new{max-width:1360px;margin:0 auto;padding:76px 32px 54px;display:grid;grid-template-columns:minmax(420px,.95fr) minmax(480px,1.05fr);gap:46px;align-items:center;background:linear-gradient(135deg,#061021 0%,#0b1a35 54%,#24165c 100%);color:#fff;border-radius:0 0 42px 42px;position:relative;overflow:hidden}.portfolio-hero-new:before{content:"";position:absolute;right:-110px;top:-120px;width:380px;height:380px;border-radius:999px;background:radial-gradient(circle,rgba(124,58,237,.42),rgba(124,58,237,0) 70%)}.portfolio-hero-copy{position:relative;z-index:1}.portfolio-hero-new h1{font-size:clamp(42px,5vw,74px);line-height:1.03;margin:14px 0 18px;letter-spacing:-.055em}.portfolio-hero-new p{font-size:19px;line-height:1.76;color:#dbe7ff;max-width:720px}.portfolio-hero-new .btn-outline{color:#fff;border-color:rgba(255,255,255,.42)}.portfolio-hero-photo{position:relative;border-radius:34px;overflow:hidden;background:#0f172a;box-shadow:0 34px 90px rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.12)}.portfolio-hero-photo img{display:block;width:100%;height:100%;min-height:480px;object-fit:cover}.portfolio-hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,15,32,0) 44%,rgba(8,15,32,.58));pointer-events:none}.portfolio-photo-label{position:absolute;left:20px;bottom:20px;z-index:2;padding:11px 15px;border-radius:999px;background:rgba(8,17,38,.70);color:#fff;font-weight:900;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px)}
.portfolio-stats-strip{max-width:1180px;margin:28px auto 0;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.portfolio-stats-strip article{display:flex;align-items:center;gap:10px;padding:16px 18px;border-radius:20px;background:#fff;border:1px solid rgba(148,163,184,.18);box-shadow:0 16px 34px rgba(15,23,42,.06)}.portfolio-stats-strip b{display:grid;place-items:center;width:32px;height:32px;border-radius:999px;background:linear-gradient(135deg,#5b5cf6,#7c3aed);color:#fff}.portfolio-stats-strip span{font-weight:900;color:#334155}
.portfolio-index-section .section-intro{font-size:17px;line-height:1.75;color:#64748b}.portfolio-filter-bar{max-width:1040px;margin:28px auto 0;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.portfolio-filter-bar span{font-size:13px;text-transform:uppercase;letter-spacing:.09em;font-weight:900;color:#64748b;margin-right:4px}.portfolio-filter-bar button{appearance:none;border:1px solid rgba(148,163,184,.28);background:#fff;color:#334155;border-radius:999px;padding:10px 14px;font-weight:850;cursor:pointer;box-shadow:0 10px 24px rgba(15,23,42,.05);transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease}.portfolio-filter-bar button:hover{transform:translateY(-1px);border-color:rgba(37,99,235,.35)}.portfolio-filter-bar button.active{background:#0f172a;color:#fff;border-color:#0f172a}.portfolio-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:30px}.portfolio-showcase-card{background:#fff;border:1px solid rgba(148,163,184,.20);border-radius:28px;overflow:hidden;box-shadow:0 24px 52px rgba(15,23,42,.08);display:flex;flex-direction:column}.portfolio-showcase-card.is-hidden{display:none}.portfolio-card-photo{display:block;aspect-ratio:1.45/1;background:#0f172a;overflow:hidden}.portfolio-card-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.portfolio-showcase-card:hover .portfolio-card-photo img{transform:scale(1.035)}.portfolio-card-body{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1}.portfolio-card-body h3{font-size:24px;line-height:1.22;margin:0}.portfolio-card-body h3 a{text-decoration:none}.portfolio-card-body p{margin:0;color:#475569;line-height:1.72}.portfolio-card-body .card-actions{margin-top:auto}.portfolio-empty{max-width:760px;margin:32px auto 0;padding:34px;border-radius:28px;background:linear-gradient(135deg,#f8fafc,#eef4ff);border:1px solid rgba(148,163,184,.20);text-align:center}.portfolio-empty h3{margin:0 0 10px;font-size:28px}.portfolio-empty p{color:#64748b;font-size:17px;line-height:1.72}.portfolio-explainer-block{max-width:1120px;margin:6px auto 54px;padding:26px;border-radius:30px;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.95fr);gap:24px;align-items:center;background:linear-gradient(135deg,#f8fafc,#eef5ff);border:1px solid rgba(148,163,184,.22);box-shadow:0 22px 50px rgba(15,23,42,.07)}.portfolio-explainer-block h2{font-size:34px;line-height:1.12;margin:8px 0 10px;color:#0f172a}.portfolio-explainer-block p{color:#475569;font-size:16px;line-height:1.72;margin:0}.portfolio-explainer-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.portfolio-explainer-list span{padding:12px 13px;border-radius:15px;background:#fff;border:1px solid rgba(148,163,184,.20);font-weight:850;color:#1e293b;box-shadow:0 10px 22px rgba(15,23,42,.05)}
.portfolio-detail-hero{max-width:1240px;margin:0 auto;padding:72px 24px 44px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);gap:34px;align-items:center}.portfolio-detail-copy h1{font-size:clamp(38px,5vw,66px);line-height:1;margin:12px 0 18px;letter-spacing:-.04em;color:#111827}.portfolio-detail-copy p{font-size:18px;line-height:1.76;color:#475569;max-width:700px}.portfolio-detail-photo{border-radius:34px;overflow:hidden;background:#0f172a;box-shadow:0 28px 70px rgba(15,23,42,.15);border:1px solid rgba(148,163,184,.22)}.portfolio-detail-photo img{display:block;width:100%;height:100%;min-height:440px;object-fit:cover}.portfolio-detail-content{max-width:1180px;margin:0 auto 34px;padding:24px;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px}.portfolio-rich-card,.portfolio-side-card{background:#fff;border:1px solid rgba(148,163,184,.20);border-radius:28px;box-shadow:0 18px 44px rgba(15,23,42,.07);padding:28px}.portfolio-side-card{align-self:start;position:sticky;top:96px}.portfolio-side-card h2{margin:0 0 14px}.portfolio-side-note{margin-top:18px;padding:18px;border-radius:20px;background:linear-gradient(135deg,#f8fafc,#eef4ff);border:1px solid rgba(148,163,184,.18)}.portfolio-side-note h3{margin:0 0 8px}.portfolio-side-note p{color:#64748b;line-height:1.65}.portfolio-rich-card .rich{font-size:17px;line-height:1.82;color:#334155}.portfolio-rich-card .rich h2{font-size:30px;color:#111827}.portfolio-rich-card .rich p{margin-bottom:16px}
@media(max-width:1050px){.portfolio-hero-new,.portfolio-detail-hero,.portfolio-explainer-block,.portfolio-inventory-block,.portfolio-detail-content{grid-template-columns:1fr}.portfolio-hero-new{padding-top:52px}.portfolio-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-stats-strip{grid-template-columns:repeat(2,1fr)}.portfolio-side-card{position:static}.portfolio-hero-photo img,.portfolio-detail-photo img{min-height:320px}}
@media(max-width:700px){.portfolio-hero-new{padding:38px 16px 28px;border-radius:0 0 28px 28px}.portfolio-hero-new h1{font-size:36px}.portfolio-hero-new p{font-size:16px}.portfolio-hero-photo img{min-height:250px}.portfolio-stats-strip,.portfolio-showcase-grid,.portfolio-explainer-list,.portfolio-inventory-list{grid-template-columns:1fr}.portfolio-index-section{padding:42px 16px}.portfolio-filter-bar{justify-content:flex-start}.portfolio-explainer-block,.portfolio-inventory-block{margin:0 16px 36px;padding:22px;border-radius:26px}.portfolio-explainer-block h2,.portfolio-inventory-block h2{font-size:28px}.portfolio-detail-hero{padding:38px 16px 26px}.portfolio-detail-copy h1{font-size:36px}.portfolio-detail-photo img{min-height:260px}.portfolio-detail-content{padding:16px;grid-template-columns:1fr}.portfolio-rich-card,.portfolio-side-card{padding:20px;border-radius:22px}.portfolio-showcase-card{border-radius:22px}.portfolio-card-body h3{font-size:21px}}


/* Update 023 - Alkalmazásaink és app adatlapok rendbetétele */
.home-apps-showcase{max-width:1180px;margin:40px auto;padding:34px;border-radius:36px;background:linear-gradient(135deg,#081126,#111b38 54%,#24175a);color:#fff;display:grid;grid-template-columns:minmax(280px,.85fr) minmax(320px,1fr);gap:26px;align-items:center;box-shadow:0 32px 80px rgba(15,23,42,.18);overflow:hidden;position:relative}.home-apps-showcase:before{content:"";position:absolute;right:-70px;top:-70px;width:260px;height:260px;border-radius:999px;background:radial-gradient(circle,rgba(139,92,246,.24),rgba(139,92,246,0) 70%)}.home-apps-copy{position:relative;z-index:1}.home-apps-copy h2{font-size:38px;line-height:1.1;margin:10px 0 12px;color:#fff}.home-apps-copy p{color:#d7dff4;line-height:1.75;margin:0 0 18px}.home-apps-visual{position:relative;z-index:1;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 28px 62px rgba(0,0,0,.26)}.home-apps-visual img{display:block;width:100%;height:100%;aspect-ratio:16/10;object-fit:cover}.home-apps-row{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;position:relative;z-index:1}.home-mini-app{display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:center;text-decoration:none;color:#fff;padding:14px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.mini-app-icon{width:54px;height:54px;border-radius:16px;object-fit:cover;box-shadow:0 12px 24px rgba(0,0,0,.2)}.home-mini-app strong,.home-mini-app small{display:block}.home-mini-app strong{font-size:14px}.home-mini-app small{margin-top:4px;color:#cbd7f1;font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.apps-hero-rich{max-width:1180px;margin:0 auto;padding:64px 24px 34px;display:grid;grid-template-columns:minmax(320px,1fr) minmax(380px,.95fr);gap:36px;align-items:center}.apps-hero-copy h1{font-size:54px;line-height:1.04;margin:12px 0 16px;color:#111827}.apps-hero-copy p{font-size:18px;line-height:1.75;color:#475569}.apps-hero-photo{border-radius:34px;overflow:hidden;box-shadow:0 30px 70px rgba(15,23,42,.14);border:1px solid rgba(148,163,184,.18)}.apps-hero-photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.apps-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.apps-stats span{padding:14px;border-radius:18px;background:#fff;border:1px solid rgba(148,163,184,.18);box-shadow:0 12px 26px rgba(15,23,42,.05)}.apps-stats strong,.apps-stats small{display:block}.apps-stats strong{font-size:24px;color:#111827}.apps-stats small{margin-top:4px;color:#64748b;font-weight:800;font-size:12px}.apps-intro-panel{max-width:1180px;margin:20px auto;padding:32px;border-radius:32px;background:linear-gradient(135deg,#f8fbff,#eef4ff);border:1px solid rgba(148,163,184,.18);display:grid;grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr);gap:26px}.apps-intro-panel h2{font-size:34px;line-height:1.14;margin:0 0 12px}.apps-intro-panel p{color:#475569;line-height:1.75}.apps-intro-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.apps-intro-cards article{background:#fff;border:1px solid rgba(148,163,184,.18);border-radius:22px;padding:18px;box-shadow:0 14px 30px rgba(15,23,42,.05)}.apps-intro-cards b{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:linear-gradient(135deg,#5b5cf6,#7c3aed);color:#fff}.apps-intro-cards h3{font-size:17px;margin:12px 0 8px}.apps-intro-cards p{font-size:14px;line-height:1.6;margin:0}.apps-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:26px}.app-showcase-card{background:#fff;border:1px solid rgba(148,163,184,.18);border-radius:28px;padding:22px;box-shadow:0 20px 44px rgba(15,23,42,.07);display:grid;gap:16px}.app-showcase-head{display:grid;grid-template-columns:74px 1fr;gap:14px;align-items:center}.app-showcase-icon{width:74px;height:74px;border-radius:20px;object-fit:cover;box-shadow:0 14px 28px rgba(15,23,42,.12)}.app-icon-fallback{display:grid;place-items:center;background:linear-gradient(135deg,#5b5cf6,#7c3aed);color:#fff;font-weight:900}.app-showcase-card h3{font-size:22px;line-height:1.25;margin:8px 0 0}.app-showcase-card h3 a{text-decoration:none;color:#111827}.app-showcase-card p{color:#475569;line-height:1.7;margin:0}.app-tags{gap:7px}.app-tags span{font-size:11px}.app-card-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:auto}.app-card-actions span{font-size:12px;font-weight:900;color:#64748b}.apps-inventory-block{max-width:1180px;margin:34px auto;display:grid;grid-template-columns:minmax(300px,.8fr) minmax(360px,1.2fr);gap:28px;align-items:center;padding:30px;border-radius:34px;background:#fff;border:1px solid rgba(148,163,184,.18);box-shadow:0 22px 52px rgba(15,23,42,.07)}.apps-inventory-block img{display:block;width:100%;border-radius:26px;aspect-ratio:4/3;object-fit:cover}.apps-inventory-block h2{font-size:34px;line-height:1.14;margin:10px 0 12px}.apps-inventory-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.apps-inventory-list span{display:inline-flex;align-items:center;min-height:36px;padding:8px 12px;border-radius:999px;background:#f8fafc;border:1px solid rgba(148,163,184,.18);font-size:12px;font-weight:900;color:#334155}
.app-detail-hero-rich{max-width:1180px;margin:0 auto;padding:64px 24px 34px;display:grid;grid-template-columns:minmax(320px,1fr) minmax(360px,.92fr);gap:36px;align-items:center}.app-detail-titleline{display:grid;grid-template-columns:96px 1fr;gap:18px;align-items:center;margin:18px 0}.app-detail-icon-rich{width:96px;height:96px;border-radius:26px;object-fit:cover;box-shadow:0 20px 38px rgba(15,23,42,.14)}.app-detail-copy h1{font-size:52px;line-height:1.05;margin:8px 0;color:#111827}.app-detail-copy>p{font-size:18px;line-height:1.75;color:#475569}.app-detail-photo{border-radius:34px;overflow:hidden;box-shadow:0 30px 70px rgba(15,23,42,.14);border:1px solid rgba(148,163,184,.18)}.app-detail-photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.app-detail-layout{max-width:1180px;margin:28px auto;padding:0 24px;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px}.app-rich-card,.app-side-card,.app-support-panel{background:#fff;border:1px solid rgba(148,163,184,.18);border-radius:28px;padding:26px;box-shadow:0 18px 44px rgba(15,23,42,.06)}.app-rich-card h2,.app-side-card h2,.app-support-panel h2{font-size:28px;line-height:1.15;margin:18px 0 12px}.app-feature-list{margin-top:14px}.app-store-button-list{display:grid;gap:10px}.app-store-button-list .mini-btn{justify-content:center}.app-side-photo{margin:18px 0;border-radius:22px;overflow:hidden}.app-side-photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.app-side-note{padding:18px;border-radius:22px;background:linear-gradient(135deg,#f8fbff,#eef4ff);border:1px solid rgba(148,163,184,.16)}.app-side-note h3{margin:0 0 8px}.app-side-note p{color:#475569;line-height:1.65}.app-support-panel{max-width:1180px;margin:28px auto;display:grid;grid-template-columns:minmax(300px,.8fr) minmax(360px,1.2fr);gap:28px;align-items:center}.app-support-panel img{display:block;width:100%;border-radius:24px;aspect-ratio:4/3;object-fit:cover}
@media(max-width:1100px){.home-apps-showcase,.apps-hero-rich,.apps-intro-panel,.apps-inventory-block,.app-detail-hero-rich,.app-detail-layout,.app-support-panel{grid-template-columns:1fr}.home-apps-row{grid-template-columns:repeat(2,minmax(0,1fr))}.apps-showcase-grid,.apps-intro-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.app-detail-layout{padding:0 18px}.app-side-card{max-width:none}}
@media(max-width:640px){.home-apps-showcase{margin:24px 18px;padding:22px;border-radius:26px}.home-apps-copy h2,.apps-hero-copy h1,.app-detail-copy h1{font-size:32px}.home-apps-row,.apps-showcase-grid,.apps-intro-cards{grid-template-columns:1fr}.apps-hero-rich,.app-detail-hero-rich{padding:44px 18px 24px}.apps-stats{grid-template-columns:1fr}.apps-intro-panel,.apps-inventory-block,.app-support-panel{margin-left:18px;margin-right:18px;padding:20px;border-radius:24px}.app-showcase-head{grid-template-columns:64px 1fr}.app-showcase-icon{width:64px;height:64px}.app-detail-titleline{grid-template-columns:72px 1fr}.app-detail-icon-rich{width:72px;height:72px;border-radius:20px}.app-detail-layout{gap:18px}.app-rich-card,.app-side-card,.app-support-panel{padding:20px;border-radius:24px}}


/* Update 024 - kapcsolat és cégadatok */
.cta-box-contact{grid-template-columns:minmax(320px,.95fr) minmax(340px,1.05fr);align-items:start}
.contact-intro h2{margin:10px 0 12px;font-size:clamp(30px,4vw,46px);line-height:1.08;color:#fff}
.contact-intro p{color:#d8e2fb;font-size:17px;line-height:1.7;max-width:620px}
.contact-info-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}
.contact-info-card{display:grid;grid-template-columns:38px 1fr;gap:8px 12px;align-items:start;padding:14px;border-radius:18px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.12);color:#fff;text-decoration:none;min-height:104px}
.contact-info-card b{grid-row:1 / span 2;display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--primary2));box-shadow:0 12px 26px rgba(91,92,246,.24)}
.contact-info-card span{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#aeb8d8}
.contact-info-card strong{font-size:15px;line-height:1.4;color:#fff;word-break:break-word}
.contact-info-card small{grid-column:2;font-size:13px;line-height:1.5;color:#c7d2ea}
.company-card{grid-column:1 / -1;min-height:auto}
.footer-rich{padding:34px 24px}.footer-grid-rich{grid-template-columns:1.05fr .72fr .86fr 1.18fr 1fr .72fr;align-items:start}.footer-contact,.footer-company{display:grid;gap:4px}.footer-contact strong,.footer-company strong{font-size:12px;text-transform:uppercase;letter-spacing:.055em;color:#e2e8f0}.footer-contact a,.footer-contact span,.footer-company span{color:#b8c3d9;text-decoration:none;font-size:14px;line-height:1.55}.footer-contact a:hover,.legal a:hover{color:#fff}.footer-company{min-width:190px}.footer-company span{display:block}.footer-grid-rich .legal{justify-content:flex-end;align-items:flex-start;flex-wrap:wrap}
@media(max-width:1180px){.footer-grid-rich{grid-template-columns:1fr 1fr 1fr}.footer-grid-rich .legal{justify-content:flex-start}.cta-box-contact{grid-template-columns:1fr}}
@media(max-width:760px){.contact-info-cards{grid-template-columns:1fr}.footer-grid-rich{grid-template-columns:1fr}.footer-rich{padding:30px 20px}.cta-box-contact{padding:26px}.contact-info-card{min-height:auto}}


/* Update 026 - ajánlatkérő űrlap finomítás */
.hp-field{display:none!important;visibility:hidden!important;height:0!important;overflow:hidden!important}
.enhanced-quote-form .form-privacy-note{margin:2px 0 12px;color:#64748b;font-size:13px;line-height:1.55}
.enhanced-success{border:1px solid rgba(34,197,94,.24);background:linear-gradient(135deg,#ecfdf5,#f0fdf4);color:#166534;border-radius:16px;padding:14px 16px;line-height:1.55}
.enhanced-quote-form input:focus,.enhanced-quote-form textarea:focus,.enhanced-quote-form select:focus{outline:3px solid rgba(91,92,246,.18);border-color:#5b5cf6}


/* Update 027 - jogi oldalak, support és store-kompatibilis tájékoztatók */
.legal-hero{max-width:1220px;margin:0 auto;padding:76px 22px 40px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.58fr);gap:34px;align-items:stretch}
.legal-hero h1{font-size:56px;line-height:1.02;margin:10px 0 16px;color:#0f172a;letter-spacing:-.04em}.legal-hero p{font-size:19px;line-height:1.75;color:#475569;max-width:820px}.legal-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.legal-tabs a{display:inline-flex;align-items:center;min-height:42px;padding:10px 16px;border-radius:999px;background:#fff;border:1px solid rgba(148,163,184,.22);box-shadow:0 12px 26px rgba(15,23,42,.05);text-decoration:none;font-weight:900;color:#334155}.legal-tabs a.active,.legal-tabs a:hover{background:linear-gradient(135deg,#5b5cf6,#7c3aed);color:#fff;border-color:transparent}
.legal-company-card{border-radius:30px;padding:24px;background:linear-gradient(135deg,#081126,#111b38 55%,#241a5c);color:#fff;box-shadow:0 26px 70px rgba(15,23,42,.18);display:grid;gap:9px;align-content:start}.legal-company-card strong{font-size:18px}.legal-company-card span{font-size:20px;font-weight:950}.legal-company-card small{color:#dbe6ff;font-size:13px;line-height:1.5}.legal-company-card a{color:#fff;text-decoration:none;font-weight:900}.legal-company-card em{margin-top:8px;color:#cbd7f7;font-style:normal;font-size:12px}
.legal-summary-grid{max-width:1220px;margin:0 auto 28px;padding:0 22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.legal-summary-grid article{padding:22px;border-radius:26px;background:#fff;border:1px solid rgba(148,163,184,.18);box-shadow:0 18px 40px rgba(15,23,42,.07)}.legal-summary-grid b{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,#5b5cf6,#7c3aed);color:#fff;margin-bottom:12px}.legal-summary-grid h2{font-size:20px;margin:0 0 8px;color:#111827}.legal-summary-grid p{margin:0;color:#64748b;line-height:1.65}
.legal-content{max-width:980px;margin:0 auto 58px;padding:0 22px}.legal-note{padding:18px 20px;border-radius:22px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-weight:800;line-height:1.65;margin-bottom:22px}.legal-section{padding:26px 0;border-bottom:1px solid rgba(148,163,184,.22)}.legal-section h2{margin:0 0 14px;font-size:28px;line-height:1.2;color:#111827}.legal-section ul{margin:0;padding-left:22px;color:#475569}.legal-section li{margin:9px 0;line-height:1.72}
@media(max-width:900px){.legal-hero{grid-template-columns:1fr;padding-top:48px}.legal-hero h1{font-size:42px}.legal-summary-grid{grid-template-columns:1fr}.legal-company-card{border-radius:24px}.legal-section h2{font-size:24px}}
@media(max-width:560px){.legal-hero{padding:36px 18px 28px}.legal-hero h1{font-size:34px}.legal-hero p{font-size:16px}.legal-tabs a{width:100%;justify-content:center}.legal-summary-grid,.legal-content{padding-left:18px;padding-right:18px}.legal-section{padding:22px 0}}


/* Update 028 - SEO technikai alapokhoz tartozó 404 felület */
.notfound-page{max-width:980px;margin:0 auto;padding:110px 24px 130px;text-align:center}
.notfound-page h1{font-size:clamp(38px,6vw,72px);line-height:1.04;margin:12px 0;color:#111827}
.notfound-page p{max-width:680px;margin:0 auto 24px;color:#64748b;font-size:18px;line-height:1.75}
.notfound-page .hero-actions{justify-content:center}

/* Update 030 - mobil/tablet/reszponziv vegigaudit es javitas */
html,body{max-width:100%;overflow-x:hidden}
img,svg,video,canvas{max-width:100%;height:auto}
main{min-width:0}.section,.text-page,.detail,.app-detail,.cta-section{width:100%}
.btn,.mini-btn{white-space:normal;text-align:center;line-height:1.25}
.hero-actions,.card-actions,.app-card-actions,.feature-badges,.service-tags,.tags,.expert-chips,.legal-tabs,.pills{min-width:0}
.hero-actions .btn{min-width:0}.rich table{display:block;width:100%;overflow-x:auto;border-collapse:collapse}.rich pre,pre{max-width:100%;overflow:auto}
.quote-form select,.quote-form input,.quote-form textarea,.enhanced-quote-form select{font-size:16px}
.site-header{z-index:1000}.nav-wrap{position:relative}.mobile-menu{border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.08);color:#fff;padding:10px 12px;font-size:20px;line-height:1;cursor:pointer}
.mobile-menu[aria-expanded="true"]{background:linear-gradient(135deg,var(--primary),var(--primary2));border-color:transparent}.mobile-menu:focus-visible,.main-nav a:focus-visible,.btn:focus-visible,.mini-btn:focus-visible{outline:3px solid rgba(91,92,246,.35);outline-offset:3px}
.service-photo-card,.support-card,.project-card,.app-card,.app-showcase-card,.portfolio-showcase-card,.image-info-card,.app-rich-card,.app-side-card,.legal-summary-grid article,.systems-grid article{min-width:0}
.service-card-body h3,.support-card h3,.app-showcase-card h3,.portfolio-showcase-card h3,.project-card h3{overflow-wrap:anywhere}

@media(max-width:1180px){
  .nav-wrap{gap:14px}.brand{min-width:0;flex:1}.brand span:last-child{min-width:0}.brand strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .main-nav{display:none;position:absolute;left:16px;right:16px;top:calc(100% + 10px);margin:0;padding:12px;border-radius:18px;background:rgba(6,16,33,.98);border:1px solid rgba(255,255,255,.12);box-shadow:0 26px 70px rgba(0,0,0,.35);backdrop-filter:blur(18px)}
  .main-nav.open{display:grid;gap:4px}.main-nav a{display:block;padding:13px 14px;border-radius:12px;font-size:15px}.main-nav a:hover,.main-nav a.active{background:rgba(255,255,255,.08)}
  .mobile-menu{display:block;margin-left:auto}.nav-wrap>.btn.small{display:none}.langs{margin-left:0;flex-shrink:0}
}
@media(max-width:1050px){
  .hero{grid-template-columns:1fr;min-height:auto;padding-top:58px;padding-bottom:48px;gap:28px}.hero h1{font-size:clamp(34px,9vw,54px)}.hero p{font-size:17px}.hero-visual,.hero-dynamic-visual{display:block;min-height:360px;width:100%;max-width:700px;margin:0 auto}.hero-photo-visual{min-height:380px}.hero-visual-premium{display:block;min-height:380px}
  .services-hero,.apps-hero-rich,.portfolio-hero-new,.web-detail-hero,.mobile-detail-hero,.software-detail-hero,.admin-detail-hero,.seo-detail-hero,.maintenance-hero,.legal-hero,.contact-info-cards,.cta-box,.cta-box-contact{grid-template-columns:1fr}
  .detail,.app-detail,.app-detail-layout,.portfolio-detail-hero,.app-detail-hero-rich{grid-template-columns:1fr}.app-side-card{position:static!important}.footer-grid,.footer-grid-rich{grid-template-columns:1fr 1fr}.legal{justify-content:flex-start}
}
@media(max-width:900px){
  .value-grid,.portfolio-grid,.apps-row,.steps,.content-help,.plain,.apps-grid,.services-card-grid,.systems-grid,.content-security-grid,.web-feature-grid,.web-flow-grid,.mobile-feature-grid,.mobile-flow-grid,.software-feature-grid,.software-flow-grid,.admin-feature-grid,.admin-flow-grid,.seo-feature-grid,.seo-flow-grid,.maintenance-feature-grid,.maintenance-flow-grid,.guidance-benefits-grid,.home-apps-row,.apps-showcase-grid,.portfolio-showcase-grid{grid-template-columns:1fr!important}
  .plain,.guidance-upgraded,.home-apps-showcase,.apps-intro-panel,.apps-inventory-block,.app-support-panel{margin-left:18px;margin-right:18px}.content-help{padding-top:44px;padding-bottom:44px}.magnifier,.talk-illus{min-height:120px;height:auto}.service-problem,.experts-section,.systems-section,.content-security-grid,.web-problem,.mobile-problem,.software-problem,.admin-problem,.seo-problem,.maintenance-problem{grid-template-columns:1fr!important}
  .compare-grid{grid-template-columns:1fr}.service-detail-grid{grid-template-columns:1fr!important}.app-support-panel{grid-template-columns:1fr!important}
}
@media(max-width:720px){
  .nav-wrap{padding:11px 14px}.brand-mark{width:34px;height:34px;border-radius:11px;font-size:20px}.brand strong{font-size:14px}.brand small{font-size:11px}.langs{font-size:12px;gap:4px}.langs span{display:none}
  .hero,.services-hero,.page-hero,.legal-hero{padding-left:18px!important;padding-right:18px!important}.hero-actions{display:grid;grid-template-columns:1fr;gap:10px}.pills,.services-hero-points{gap:8px}.pills span,.services-hero-points span{font-size:12px;padding:8px 11px}
  .section{padding:42px 18px}.section h2,.service-problem h2,.experts-copy h2,.content-help h2,.web-detail-copy h1,.mobile-detail-copy h1,.software-detail-copy h1,.admin-detail-copy h1,.seo-detail-copy h1,.maintenance-copy h1,.portfolio-hero-copy h1,.apps-hero-copy h1{font-size:clamp(28px,8vw,38px)!important;line-height:1.1!important}
  .service-photo,.thumb{height:auto;aspect-ratio:1.18/1}.service-photo img,.thumb img{height:100%}.services-hero-photo img,.web-detail-photo img,.mobile-detail-photo img,.software-detail-photo img,.admin-detail-photo img,.seo-detail-photo img,.maintenance-photo img,.apps-hero-photo img,.portfolio-hero-photo img,.app-detail-photo img{aspect-ratio:1.08/1;object-fit:cover}
  .photo-glass,.photo-label,.portfolio-photo-label{position:static;margin:0;border-radius:0;background:#0f172a}.service-photo-card,.image-info-card,.portfolio-showcase-card,.app-showcase-card,.project-card{border-radius:24px}.service-card-body,.portfolio-card-body,.card-body,.app-showcase-card,.app-rich-card,.app-side-card{padding:18px}
  .form-row{grid-template-columns:1fr}.cta-box,.cta-box-contact{padding:24px 18px;border-radius:24px}.contact-info-cards{grid-template-columns:1fr}.contact-info-card{min-height:0}.footer-grid,.footer-grid-rich{grid-template-columns:1fr}.footer-contact,.footer-company{border-top:1px solid rgba(255,255,255,.08);padding-top:14px}.legal{display:flex;flex-wrap:wrap;gap:10px}.legal a{padding:8px 0}
  .notfound-page{padding:70px 18px 90px}.legal-tabs a{width:100%;justify-content:center}.legal-summary-grid{grid-template-columns:1fr}.legal-company-card{padding:20px}.table-lines,.ui-list{display:none!important}
}
@media(max-width:460px){
  .nav-wrap{gap:9px}.mobile-menu{padding:9px 10px}.brand small{display:none}.langs a{padding:6px 3px}.hero h1{font-size:32px}.hero p,.services-hero p,.legal-hero p{font-size:16px;line-height:1.65}.eyebrow{font-size:11px;letter-spacing:.04em}.section{padding-left:16px;padding-right:16px}
  .mini-btn,.btn{width:100%;justify-content:center}.card-actions{display:grid;gap:8px}.mini-btn{margin:0}.service-tags span,.tags span,.expert-chips span,.feature-badges span{font-size:11px}.systems-grid article{grid-template-columns:32px 1fr;padding:14px}.systems-grid b{width:32px;height:32px}.quote-form textarea{min-height:120px}.footer{padding-left:18px;padding-right:18px}
  .dynamic-caption,.floating-tag.tag-b{display:none!important}.workflow-board-photo,.workflow-photo{min-height:210px}.feature-photo{aspect-ratio:1/1}.support-visual-photo{aspect-ratio:1.15/1}.home-mini-app{min-width:0}
}


/* Update 031 - kattintási / nyelvi / slug / 404 audit javítás */
.notfound-rich{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:28px;align-items:center;max-width:1160px;margin:0 auto;padding:92px 22px 58px}.notfound-copy h1{font-size:clamp(38px,6vw,78px);line-height:1.02;margin:10px 0 16px}.notfound-copy p{max-width:680px;color:#475569;font-size:18px;line-height:1.75}.missing-route{margin:22px 0;padding:14px 16px;border-radius:18px;background:#f8fafc;border:1px solid rgba(148,163,184,.24);display:grid;gap:6px;max-width:720px}.missing-route small{font-weight:900;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.missing-route code{font-size:14px;overflow-wrap:anywhere;color:#3730a3;background:#eef2ff;border-radius:10px;padding:8px 10px}.notfound-route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.notfound-route-grid a{text-decoration:none;color:#0f172a;background:#fff;border:1px solid rgba(148,163,184,.22);border-radius:20px;padding:18px;box-shadow:0 16px 34px rgba(15,23,42,.07);display:grid;gap:10px;min-height:116px}.notfound-route-grid b{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#5b5cf6,#7c3aed);color:#fff}.notfound-route-grid span{font-weight:950}.notfound-route-grid a:hover{transform:translateY(-2px);box-shadow:0 22px 44px rgba(15,23,42,.10)}
@media(max-width:860px){.notfound-rich{grid-template-columns:1fr;padding-top:54px}.notfound-route-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.notfound-route-grid{grid-template-columns:1fr}.notfound-copy .hero-actions{display:grid}.notfound-copy .hero-actions a{width:100%;justify-content:center}}


/* Update 032 - végső apró optimalizálások */
img{max-width:100%;height:auto}.btn,.mini-btn,.primary{touch-action:manipulation}.quote-form input,.quote-form select,.quote-form textarea{font-size:16px}@media(max-width:560px){.hero-actions,.card-actions{gap:10px}.hero-actions .btn,.card-actions .mini-btn,.quote-form .btn{width:100%;justify-content:center;text-align:center}.footer a{word-break:break-word}}

/* 035 security/brand foundation */
.brand-with-logo{gap:12px;min-width:225px}
.brand-logo{width:42px;height:42px;object-fit:contain;border-radius:10px;display:block;filter:drop-shadow(0 10px 20px rgba(0,150,255,.26))}
.brand-with-logo .brand-mark{display:none}
.linklike{background:none;border:0;padding:0;margin:0;color:#b91c1c;text-decoration:underline;font:inherit;font-weight:800;cursor:pointer}
.linklike:hover{color:#7f1d1d}
@media(max-width:640px){.brand-with-logo{min-width:0}.brand-logo{width:34px;height:34px}.brand-with-logo strong{font-size:14px}.brand-with-logo small{font-size:11px}}

/* 042 SEO/QA refinement: predictable media ratios and mobile overflow protection */
img { max-width: 100%; height: auto; }
.portfolio-card-photo img,
.portfolio-detail-photo img,
.app-detail-photo img,
.apps-hero-photo img,
.portfolio-hero-photo img { object-fit: cover; }
.portfolio-card-photo,
.portfolio-detail-photo,
.app-detail-photo,
.apps-hero-photo,
.portfolio-hero-photo { overflow: hidden; }
.main-nav a:focus-visible,
.btn:focus-visible,
.mini-btn:focus-visible,
.langs a:focus-visible,
.portfolio-filter-bar button:focus-visible { outline: 3px solid rgba(43, 162, 255, .75); outline-offset: 3px; }
@media (max-width: 760px) {
  body { overflow-x: hidden; }
  .portfolio-detail-content,
  .app-detail-layout,
  .content-security-grid,
  .experts-section { grid-template-columns: 1fr; }
  .portfolio-filter-bar { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .portfolio-filter-bar button { white-space: nowrap; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}


/* Update 048 - CTA, mobile and regression polish */
#contact,
.cta-section { scroll-margin-top: 104px; }
.main-nav a.active {
  background: rgba(255,255,255,.10);
  color: #fff;
  border-radius: 11px;
  padding-left: 10px;
  padding-right: 10px;
}
.header-quote-btn { flex-shrink: 0; }
.hero-actions .btn,
.card-actions .mini-btn,
.quote-form .btn { min-height: 46px; }
.form-error,
.enhanced-error {
  background: #fee2e2;
  color: #7f1d1d;
  border: 1px solid rgba(185,28,28,.25);
  border-radius: 14px;
  padding: 12px 14px;
}
.enhanced-error ul { margin: 8px 0 0; padding-left: 18px; }
.contact-info-card { overflow-wrap: anywhere; }
.service-photo-card,
.project-card,
.portfolio-showcase-card,
.app-showcase-card,
.app-rich-card,
.value-grid article { transition: transform .18s ease, box-shadow .18s ease; }
@media (hover:hover) {
  .service-photo-card:hover,
  .project-card:hover,
  .portfolio-showcase-card:hover,
  .app-showcase-card:hover,
  .app-rich-card:hover,
  .value-grid article:hover { transform: translateY(-2px); }
}
@media(max-width:1180px){
  .site-header{overflow:visible}
  .main-nav.open{max-height:calc(100vh - 104px);overflow:auto;-webkit-overflow-scrolling:touch}
  .main-nav a.active{padding-left:14px;padding-right:14px}
}
@media(max-width:720px){
  .nav-wrap{min-height:62px}
  .mobile-menu{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);color:#fff;border-radius:12px;font-size:18px;line-height:1;min-width:42px;min-height:42px;cursor:pointer}
  .mobile-menu:focus-visible{outline:3px solid rgba(43,162,255,.75);outline-offset:3px}
  .main-nav{left:10px;right:10px;top:calc(100% + 8px)}
  .langs{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:5px 7px}
  .langs a{display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:28px;border-radius:999px}
  .langs a:hover{background:rgba(255,255,255,.10)}
  .hero-actions .btn,
  .card-actions .mini-btn,
  .quote-form .btn{min-height:48px}
  .cta-section{padding-left:16px;padding-right:16px}
  .contact-info-cards{gap:10px}
  .contact-info-card{padding:14px;min-height:86px}
  .notfound-route-grid a{min-height:96px}
}
@media(max-width:460px){
  .brand-with-logo .brand-logo{width:32px;height:32px}
  .nav-wrap{padding-left:10px;padding-right:10px}
  .main-nav{left:8px;right:8px}
  .langs{padding:3px 5px}
  .langs a{min-width:25px;font-size:11px}
  .mobile-menu{min-width:40px;min-height:40px}
  .contact-info-card strong{font-size:14px}
}


/* Update 049: final route/content regression polish */
.home-featured-portfolio .compact-empty{max-width:820px;margin:24px auto 0;text-align:center}.compact-empty .hero-actions,.center-actions{justify-content:center}.light-outline{border-color:#cbd5e1;color:#0f172a;background:#fff}.empty-mini-app{min-height:96px;align-items:center}.empty-mini-app span{display:block}.empty-mini-app small{display:block;color:var(--muted);line-height:1.45}.link-audit-table td code,.route-grid code{white-space:normal}.audit-hero .admin-kicker{display:inline-block;margin-bottom:6px;color:#818cf8;font-weight:900;text-transform:uppercase;letter-spacing:.06em;font-size:12px}@media(max-width:720px){.home-featured-portfolio .hero-actions{flex-direction:column}.empty-mini-app{grid-column:1/-1}.link-audit-table{font-size:12px}}


/* Update 050 - How we work page layout hotfix */
.process-rich-hero{
  max-width:1360px;
  margin:0 auto;
  padding:78px 32px 58px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(420px,.82fr);
  gap:42px;
  align-items:center;
  background:linear-gradient(135deg,#071123 0%,#0b1832 55%,#24176b 100%);
  color:#fff;
  border-radius:0 0 42px 42px;
  overflow:hidden;
  position:relative;
}
.process-rich-hero:before{
  content:"";
  position:absolute;
  right:-120px;
  top:-120px;
  width:420px;
  height:420px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(91,92,246,.44),rgba(124,58,237,0) 70%);
}
.process-rich-copy,.process-rich-visual{position:relative;z-index:1}
.process-rich-copy h1{
  font-size:clamp(40px,5vw,72px);
  line-height:1.03;
  letter-spacing:-.055em;
  margin:14px 0 18px;
}
.process-rich-copy p{
  max-width:760px;
  color:#dbe7ff;
  font-size:19px;
  line-height:1.75;
}
.process-rich-hero .btn-outline{color:#fff;border-color:rgba(255,255,255,.42)}
.process-rich-visual{
  border-radius:34px;
  overflow:hidden;
  min-height:360px;
  box-shadow:0 42px 110px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.10);
}
.process-rich-visual img{display:block;width:100%;height:100%;min-height:360px;object-fit:cover}
.process-visual-note{
  position:absolute;
  left:20px;
  right:20px;
  bottom:20px;
  padding:16px 18px;
  border-radius:18px;
  background:rgba(7,12,25,.70);
  color:#fff;
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(12px);
}
.process-visual-note strong,.process-visual-note span{display:block}.process-visual-note span{color:#dbe7ff;font-size:13px;margin-top:4px}
.process-timeline-section{max-width:1220px;margin:64px auto 0;padding:0 32px}
.section-head{max-width:780px;margin-bottom:26px}.section-head h2{font-size:clamp(32px,4vw,48px);line-height:1.1;margin:10px 0;color:#111827;letter-spacing:-.035em}
.process-timeline{display:grid;gap:16px;position:relative}
.process-timeline article{
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  gap:18px;
  align-items:start;
  padding:22px;
  border-radius:26px;
  background:linear-gradient(180deg,#fff,#f8fbff);
  border:1px solid rgba(148,163,184,.22);
  box-shadow:0 18px 40px rgba(15,23,42,.07);
}
.process-timeline b{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:16px;
  background:linear-gradient(135deg,#5b5cf6,#7c3aed);
  color:#fff;
  box-shadow:0 14px 30px rgba(91,92,246,.26);
}
.process-timeline h3{margin:0 0 6px;color:#111827;font-size:23px;line-height:1.2}.process-timeline p{margin:0;color:#475569;line-height:1.72}
.process-proof-panel{
  max-width:1220px;
  margin:62px auto 0;
  padding:34px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,.42fr);
  gap:28px;
  align-items:center;
  border-radius:34px;
  background:linear-gradient(135deg,#eef4ff,#fff 64%);
  border:1px solid rgba(148,163,184,.22);
  box-shadow:0 24px 58px rgba(15,23,42,.08);
}
.process-proof-panel h2{font-size:clamp(30px,4vw,44px);line-height:1.12;margin:10px 0 18px;color:#111827;letter-spacing:-.035em}
.process-proof-panel ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.process-proof-panel li{display:flex;gap:10px;align-items:flex-start;padding:13px 14px;border-radius:16px;background:#fff;border:1px solid rgba(148,163,184,.20);font-weight:850;color:#334155}
.process-proof-panel li span{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:999px;background:#dcfce7;color:#166534;font-size:13px}
.process-proof-panel aside{padding:26px;border-radius:26px;background:linear-gradient(135deg,#081126,#24176b);color:#fff;box-shadow:0 22px 52px rgba(15,23,42,.18)}
.process-proof-panel aside strong{display:block;font-size:24px;line-height:1.2;margin-bottom:10px}.process-proof-panel aside p{color:#dbe7ff;line-height:1.65}.process-proof-panel aside .btn{margin-top:8px;width:100%}
@media(max-width:980px){
  .process-rich-hero,.process-proof-panel{grid-template-columns:1fr}.process-rich-visual{min-height:300px}.process-rich-visual img{min-height:300px}.process-proof-panel ul{grid-template-columns:1fr}
}
@media(max-width:700px){
  .process-rich-hero{padding:44px 18px 38px;border-radius:0 0 28px 28px}.process-rich-copy h1{font-size:38px}.process-rich-copy p{font-size:16px}.process-rich-visual{min-height:240px;border-radius:24px}.process-rich-visual img{min-height:240px;aspect-ratio:1.12/1}.process-visual-note{position:static;border-radius:0;background:#0f172a}
  .process-timeline-section{padding:0 18px;margin-top:44px}.process-timeline article{grid-template-columns:44px minmax(0,1fr);padding:18px;border-radius:22px}.process-timeline b{width:38px;height:38px;border-radius:13px}.process-timeline h3{font-size:20px}
  .process-proof-panel{margin:46px 18px 0;padding:22px;border-radius:26px}.process-proof-panel li{font-size:14px}.process-proof-panel aside{padding:22px;border-radius:22px}.process-proof-panel aside strong{font-size:21px}
}


/* 051 - Contact and quote request split */
.center-actions{justify-content:center}.dark-outline{border-color:#cbd5e1;color:#0f172a;background:#fff}.contact-directory{display:grid;grid-template-columns:.9fr 1.3fr;gap:28px;align-items:start}.contact-directory-copy h2{font-size:clamp(28px,3vw,44px);margin:8px 0 12px}.contact-directory-copy p{color:#475569;font-size:18px}.contact-directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.contact-public-card{display:grid;grid-template-columns:46px 1fr;gap:8px 14px;padding:20px;border:1px solid var(--line);border-radius:22px;background:#fff;text-decoration:none;box-shadow:0 16px 36px rgba(15,23,42,.06);min-height:150px}.contact-public-card b{grid-row:1 / span 3;width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;display:grid;place-items:center}.contact-public-card span{font-size:12px;font-weight:900;color:#64748b;text-transform:uppercase;letter-spacing:.06em}.contact-public-card strong{font-size:17px;line-height:1.35;overflow-wrap:anywhere}.contact-public-card small{font-size:14px;color:#64748b;line-height:1.5}.contact-split-cta{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-split-cta article{border-radius:26px;padding:30px;border:1px solid var(--line);background:linear-gradient(135deg,#f8fafc,#fff);box-shadow:0 16px 38px rgba(15,23,42,.06)}.contact-split-cta article:first-child{background:linear-gradient(135deg,#061021,#111c47);color:#fff}.contact-split-cta article:first-child p{color:#dbe4ff}.contact-split-cta p{color:#475569}.quote-page-hero{background:radial-gradient(circle at 80% 18%,rgba(124,58,237,.28),transparent 34%),linear-gradient(135deg,#061021,#0e1d3a);color:#fff;padding:76px max(24px,calc((100vw - 1220px)/2));display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center}.quote-page-hero h1{font-size:clamp(38px,5vw,64px);line-height:1.05;margin:12px 0}.quote-page-hero p{font-size:18px;color:#d5ddf6;max-width:720px}.quote-hero-points{display:grid;gap:10px;margin:26px 0 0;padding:0;list-style:none}.quote-hero-points li{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px 14px;font-weight:800}.quote-steps-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:28px;padding:28px;box-shadow:0 24px 60px rgba(0,0,0,.22)}.quote-steps-card h2{margin-top:0}.quote-steps-card ol{display:grid;gap:14px;margin:0;padding-left:22px;color:#dbe4ff}.quote-steps-card li{padding-left:6px}.quote-page-hero + .cta-section{padding-top:46px}
@media(max-width:900px){.contact-directory,.contact-split-cta,.quote-page-hero{grid-template-columns:1fr}.contact-directory-grid{grid-template-columns:1fr}.quote-page-hero{padding-left:20px;padding-right:20px}.contact-split-cta{padding-top:24px}}


/* 052 - Contact/company data polish */
.duns-line,
.contact-duns-line {
  display: block;
  max-width: 100%;
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: keep-all;
}
.duns-label,
.duns-value {
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: keep-all;
}
.contact-public-card small.contact-duns-line {
  line-height: 1.45;
}
.contact-public-card strong,
.footer-contact a,
.legal-company-card a {
  word-break: normal;
  overflow-wrap: anywhere;
}
@media(max-width:520px){
  .contact-duns-line,
  .duns-line {
    white-space: normal;
  }
  .duns-label,
  .duns-value {
    white-space: nowrap;
  }
}


/* 053 - Contact/company cards visual polish */
.contact-directory-grid{
  align-items:stretch;
}
.contact-public-card{
  min-width:0;
  align-content:start;
}
.contact-public-card.company-public-card,
.contact-info-card.company-card{
  grid-template-columns:46px minmax(0,1fr);
}
.contact-info-card.company-card{
  align-content:start;
}
.company-detail-list{
  grid-column:2;
  display:grid;
  gap:8px;
  width:100%;
  min-width:0;
  margin-top:2px;
}
.company-detail-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
  min-width:0;
  padding:9px 10px;
  border-radius:13px;
  background:#f8fafc;
  border:1px solid rgba(148,163,184,.22);
}
.company-detail-row span{
  min-width:0;
  font-size:11px!important;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.055em;
  text-transform:uppercase;
  color:#64748b!important;
  white-space:normal;
  overflow-wrap:normal;
  word-break:normal;
}
.company-detail-row strong{
  flex:0 0 auto;
  font-size:14px!important;
  line-height:1.2!important;
  color:#0f172a!important;
  text-align:right;
  white-space:nowrap;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.company-detail-row.duns-row span,
.company-detail-row.duns-row strong{
  white-space:nowrap;
}
.dark-company-detail-list .company-detail-row{
  background:rgba(255,255,255,.075);
  border-color:rgba(255,255,255,.14);
}
.dark-company-detail-list .company-detail-row span{
  color:#aeb8d8!important;
}
.dark-company-detail-list .company-detail-row strong{
  color:#fff!important;
}
.contact-public-card > strong,
.contact-public-card > small,
.contact-info-card > strong,
.contact-info-card > small{
  min-width:0;
}
@media(max-width:600px){
  .company-detail-row{
    align-items:flex-start;
    flex-direction:column;
    gap:4px;
  }
  .company-detail-row strong{
    text-align:left;
  }
  .company-detail-row.duns-row strong{
    white-space:nowrap;
  }
}


/* 054 - Company card overlap hotfix
   A 053-as soros kartyaban a hosszu cegjegyzekszam label es az ertek egymasra csuszhatott.
   A cegadat sorok ezentul stabil, ket soros elrendezest kapnak minden nezetben. */
.company-detail-row{
  display:grid!important;
  grid-template-columns:1fr!important;
  align-items:start!important;
  justify-content:start!important;
  gap:5px!important;
  min-width:0!important;
  overflow:hidden!important;
}
.company-detail-row span{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  line-height:1.15!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  hyphens:auto;
}
.company-detail-row strong{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  flex:initial!important;
  text-align:left!important;
  line-height:1.25!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.company-detail-row.duns-row span,
.company-detail-row.duns-row strong{
  white-space:normal!important;
}
.company-detail-row.duns-row strong{
  letter-spacing:.01em;
}
.contact-public-card.company-public-card,
.contact-info-card.company-card{
  grid-template-columns:46px minmax(0,1fr)!important;
  overflow:hidden;
}
.company-detail-list{
  min-width:0!important;
  max-width:100%!important;
}
@media(min-width:900px){
  .contact-directory-grid .company-detail-row{
    padding:10px 11px;
  }
}

/* Update 057 - mobile header and language selector audit */
.mobile-nav-quote{display:none}
.langs a.active,
.langs a[aria-current="page"]{
  background:rgba(255,255,255,.16);
  color:#fff;
}
.lang-separator{opacity:.75}
@media(max-width:1180px){
  .site-header{z-index:2000;overflow:visible}
  .nav-wrap{position:relative;max-width:100%;}
  .brand-with-logo{min-width:0;}
  .main-nav{z-index:2100;}
  .main-nav .mobile-nav-quote{
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:6px;
    padding:13px 14px;
    border-radius:14px;
    background:linear-gradient(135deg,var(--primary),var(--primary2));
    color:#fff;
    font-weight:900;
    text-decoration:none;
    box-shadow:0 16px 34px rgba(91,92,246,.28);
  }
  .langs{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    align-items:center;
    justify-content:center;
    white-space:nowrap;
  }
  .langs a{
    text-decoration:none;
    color:#fff;
  }
}
@media(max-width:720px){
  html,body{max-width:100%;overflow-x:hidden;}
  .site-header{position:sticky;top:0;}
  .nav-wrap{
    flex-wrap:wrap;
    gap:8px 10px;
    padding:10px 14px 9px;
  }
  .brand-with-logo{
    order:1;
    flex:1 1 calc(100% - 56px);
    max-width:calc(100% - 56px);
  }
  .brand-with-logo .brand-logo{
    flex:0 0 auto;
  }
  .brand-with-logo span{
    min-width:0;
  }
  .mobile-menu{
    order:2;
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    margin-left:0;
    flex:0 0 auto;
  }
  .langs{
    order:3;
    flex:0 0 100%;
    width:100%;
    margin:0;
    padding:5px 7px;
    gap:7px;
    background:rgba(255,255,255,.075);
    border:1px solid rgba(255,255,255,.12);
    border-radius:999px;
  }
  .langs a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:34px;
    min-height:30px;
    border-radius:999px;
    font-size:12px;
    letter-spacing:.03em;
  }
  .langs .lang-separator{display:inline!important;color:rgba(255,255,255,.55)}
  .main-nav{
    left:10px;
    right:10px;
    top:calc(100% + 8px);
    width:auto;
    max-height:calc(100vh - 128px);
    overflow:auto;
    -webkit-overflow-scrolling:touch;
  }
  .main-nav.open{display:grid;gap:6px;}
  .main-nav a{
    min-height:44px;
    display:flex;
    align-items:center;
  }
  .header-quote-btn{display:none!important;}
}
@media(max-width:460px){
  .nav-wrap{padding-left:10px;padding-right:10px;}
  .brand-with-logo{max-width:calc(100% - 50px);}
  .brand-with-logo .brand-logo{width:30px;height:30px;}
  .brand strong{font-size:13px;}
  .brand small{display:block;font-size:10px;}
  .mobile-menu{min-width:40px;min-height:40px;}
  .langs{gap:5px;padding:4px 6px;}
  .langs a{min-width:31px;min-height:28px;font-size:11px;padding:4px 5px;}
  .main-nav{left:8px;right:8px;max-height:calc(100vh - 124px);}
}
@media(max-width:360px){
  .brand small{display:none;}
  .brand-with-logo .brand-logo{width:28px;height:28px;}
  .langs a{min-width:29px;}
}


/* Update 058 - mobile page layout regression sweep
   Cel: a fo publikus oldalak mobilos hasznalhatosaga: kartyak, hero blokkok,
   CTA-k, urlapok, kepblokkok es grid rendszerek ne csusszanak ki es ne torjenek rosszul. */
@media(max-width:900px){
  main,
  main > section,
  .section,
  .text-page,
  .page-hero,
  .legal-content,
  .rich,
  .card-body,
  .service-card-body,
  .portfolio-card-body,
  .app-showcase-card,
  .app-rich-card,
  .app-side-card,
  .contact-public-card,
  .contact-info-card,
  .quote-form{
    min-width:0!important;
  }

  .hero,
  .services-hero,
  .quote-page-hero,
  .process-rich-hero,
  .contact-page-hero,
  .portfolio-hero-new,
  .apps-hero-rich,
  .web-detail-hero,
  .mobile-detail-hero,
  .software-detail-hero,
  .admin-detail-hero,
  .seo-detail-hero,
  .maintenance-hero,
  .app-detail-hero-rich,
  .portfolio-detail-hero,
  .legal-hero{
    grid-template-columns:1fr!important;
    max-width:100%!important;
    overflow:hidden;
  }

  .service-problem,
  .experts-section,
  .systems-section,
  .content-security-grid,
  .portfolio-index-section,
  .apps-section,
  .contact-directory,
  .process-timeline-section,
  .app-detail-layout,
  .portfolio-detail-content,
  .app-support-panel,
  .apps-inventory-block,
  .apps-intro-panel,
  .home-apps-showcase{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box;
  }

  .portfolio-showcase-grid,
  .apps-showcase-grid,
  .services-card-grid,
  .systems-grid,
  .content-security-grid,
  .contact-directory,
  .contact-directory-grid,
  .contact-split-cta,
  .quote-page-hero,
  .apps-intro-panel,
  .apps-intro-cards,
  .apps-inventory-block,
  .app-support-panel,
  .app-detail-layout,
  .portfolio-detail-content,
  .home-apps-showcase,
  .home-apps-row,
  .process-proof-panel,
  .legal-summary-grid,
  .notfound-rich,
  .notfound-route-grid{
    grid-template-columns:1fr!important;
  }

  .section-intro,
  .section-head,
  .contact-directory-copy,
  .portfolio-hero-copy,
  .apps-hero-copy,
  .services-hero-copy,
  .quote-hero-copy,
  .process-rich-copy{
    max-width:100%!important;
  }

  .portfolio-filter-bar{
    display:flex!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch;
    padding:4px 18px 10px!important;
    margin-left:-18px!important;
    margin-right:-18px!important;
    scroll-snap-type:x proximity;
  }
  .portfolio-filter-bar button,
  .portfolio-filter-bar a{
    flex:0 0 auto!important;
    white-space:nowrap!important;
    scroll-snap-align:start;
  }

  .app-card-actions,
  .card-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .app-card-actions .mini-btn,
  .card-actions .mini-btn{
    width:100%;
    justify-content:center;
  }

  .quote-form input,
  .quote-form textarea,
  .quote-form select,
  .service-select{
    max-width:100%!important;
    min-width:0!important;
    font-size:16px!important;
  }
}

@media(max-width:700px){
  #contact,
  .cta-section{
    scroll-margin-top:150px!important;
  }

  .hero,
  .services-hero,
  .quote-page-hero,
  .process-rich-hero,
  .contact-page-hero,
  .portfolio-hero-new,
  .apps-hero-rich,
  .web-detail-hero,
  .mobile-detail-hero,
  .software-detail-hero,
  .admin-detail-hero,
  .seo-detail-hero,
  .maintenance-hero,
  .app-detail-hero-rich,
  .portfolio-detail-hero,
  .legal-hero{
    padding:38px 16px 30px!important;
    gap:22px!important;
    border-radius:0 0 26px 26px!important;
  }

  .section,
  .text-page,
  .service-problem,
  .experts-section,
  .systems-section,
  .content-security-grid,
  .portfolio-index-section,
  .apps-section,
  .contact-directory,
  .process-timeline-section,
  .legal-content{
    padding-left:16px!important;
    padding-right:16px!important;
  }

  .hero h1,
  .services-hero h1,
  .portfolio-hero-copy h1,
  .apps-hero-copy h1,
  .quote-page-hero h1,
  .contact-page-hero h1,
  .process-rich-copy h1,
  .web-detail-copy h1,
  .mobile-detail-copy h1,
  .software-detail-copy h1,
  .admin-detail-copy h1,
  .seo-detail-copy h1,
  .maintenance-copy h1,
  .app-detail-copy h1,
  .portfolio-detail-copy h1,
  .legal-hero h1,
  .notfound-copy h1{
    font-size:clamp(31px,9vw,42px)!important;
    line-height:1.08!important;
    letter-spacing:-.035em!important;
    overflow-wrap:anywhere;
  }

  .section h2,
  .services-final-cta h2,
  .process-proof-panel h2,
  .apps-inventory-block h2,
  .app-support-panel h2,
  .portfolio-explainer-block h2,
  .contact-directory-copy h2,
  .contact-split-cta h2{
    font-size:clamp(25px,7.5vw,34px)!important;
    line-height:1.13!important;
    overflow-wrap:anywhere;
  }

  .hero p,
  .services-hero p,
  .portfolio-hero-copy p,
  .apps-hero-copy p,
  .quote-page-hero p,
  .contact-page-hero p,
  .process-rich-copy p,
  .lead,
  .rich{
    font-size:16px!important;
    line-height:1.68!important;
  }

  .hero-actions,
  .center-actions,
  .services-final-cta .hero-actions,
  .notfound-copy .hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%;
  }
  .hero-actions .btn,
  .center-actions .btn,
  .quote-form .btn,
  .services-final-cta .btn{
    width:100%;
    justify-content:center;
  }

  .hero-dynamic-visual{
    min-height:268px!important;
    max-height:310px!important;
    overflow:hidden!important;
    margin-top:6px!important;
  }
  .dynamic-laptop{
    width:102%!important;
    height:198px!important;
    right:-18%!important;
    top:8px!important;
  }
  .dynamic-phone{
    width:102px!important;
    height:206px!important;
    left:0!important;
    bottom:18px!important;
  }
  .dynamic-tablet{
    display:none!important;
  }
  .dynamic-floor,
  .dynamic-glow{
    transform:scale(.82);
  }

  .services-hero-photo,
  .portfolio-hero-photo,
  .apps-hero-photo,
  .process-rich-visual,
  .app-detail-photo,
  .portfolio-detail-photo,
  .web-detail-photo,
  .mobile-detail-photo,
  .software-detail-photo,
  .admin-detail-photo,
  .seo-detail-photo,
  .maintenance-photo,
  .experts-photo,
  .image-info-card,
  .service-photo-card,
  .portfolio-showcase-card,
  .app-showcase-card,
  .project-card,
  .app-rich-card,
  .app-side-card,
  .portfolio-rich-card,
  .portfolio-side-card,
  .contact-public-card,
  .contact-info-card{
    border-radius:22px!important;
  }

  .services-hero-photo img,
  .portfolio-hero-photo img,
  .apps-hero-photo img,
  .process-rich-visual img,
  .app-detail-photo img,
  .portfolio-detail-photo img,
  .web-detail-photo img,
  .mobile-detail-photo img,
  .software-detail-photo img,
  .admin-detail-photo img,
  .seo-detail-photo img,
  .maintenance-photo img,
  .experts-photo img,
  .image-info-card img{
    aspect-ratio:1.08/1!important;
    min-height:0!important;
    height:auto!important;
    object-fit:cover!important;
  }

  .apps-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .apps-stats span{
    min-width:0!important;
  }

  .app-showcase-head,
  .app-detail-titleline{
    grid-template-columns:62px minmax(0,1fr)!important;
    gap:12px!important;
  }
  .app-showcase-icon,
  .app-detail-icon-rich{
    width:62px!important;
    height:62px!important;
    border-radius:18px!important;
  }

  .contact-public-card,
  .contact-info-card{
    grid-template-columns:42px minmax(0,1fr)!important;
    gap:8px 12px!important;
    padding:16px!important;
    min-height:0!important;
  }
  .contact-public-card b,
  .contact-info-card b{
    width:42px!important;
    height:42px!important;
    border-radius:14px!important;
  }
  .contact-public-card strong,
  .contact-info-card strong{
    font-size:15px!important;
    line-height:1.32!important;
    overflow-wrap:anywhere!important;
  }
  .contact-public-card small,
  .contact-info-card small{
    font-size:13px!important;
  }

  .cta-section{
    padding:26px 16px 48px!important;
  }
  .cta-box,
  .cta-box-contact{
    padding:22px 16px!important;
    border-radius:24px!important;
    gap:22px!important;
  }
  .form-row{
    grid-template-columns:1fr!important;
  }
  .form-privacy-note{
    font-size:13px!important;
    line-height:1.55!important;
  }

  .footer-grid,
  .footer-grid-rich{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  .footer .legal{
    justify-content:flex-start!important;
  }
}

@media(max-width:420px){
  .hero,
  .services-hero,
  .quote-page-hero,
  .process-rich-hero,
  .contact-page-hero,
  .portfolio-hero-new,
  .apps-hero-rich,
  .web-detail-hero,
  .mobile-detail-hero,
  .software-detail-hero,
  .admin-detail-hero,
  .seo-detail-hero,
  .maintenance-hero,
  .app-detail-hero-rich,
  .portfolio-detail-hero,
  .legal-hero{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .section,
  .text-page,
  .service-problem,
  .experts-section,
  .systems-section,
  .content-security-grid,
  .portfolio-index-section,
  .apps-section,
  .contact-directory,
  .process-timeline-section,
  .legal-content{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .hero h1,
  .services-hero h1,
  .portfolio-hero-copy h1,
  .apps-hero-copy h1,
  .quote-page-hero h1,
  .contact-page-hero h1,
  .process-rich-copy h1,
  .web-detail-copy h1,
  .mobile-detail-copy h1,
  .software-detail-copy h1,
  .admin-detail-copy h1,
  .seo-detail-copy h1,
  .maintenance-copy h1,
  .app-detail-copy h1,
  .portfolio-detail-copy h1,
  .legal-hero h1{
    font-size:30px!important;
  }
  .apps-stats{
    grid-template-columns:1fr!important;
  }
  .portfolio-filter-bar{
    padding-left:14px!important;
    padding-right:14px!important;
    margin-left:-14px!important;
    margin-right:-14px!important;
  }
  .company-detail-row strong,
  .missing-route code{
    font-size:13px!important;
  }
  .quote-steps-card,
  .process-proof-panel aside,
  .contact-split-cta article,
  .apps-intro-panel,
  .apps-inventory-block,
  .app-support-panel,
  .portfolio-explainer-block{
    padding:18px!important;
    border-radius:22px!important;
  }
}


/* Update 059 - mobile content spacing polish
   Cel: a 058-as mobilos torteles utan a tul nagy ures terek, tul magas kartyak,
   szoros vagy tul laza CTA-k, hosszu szovegek es footer blokkok finomhangolasa. */
@media(max-width:900px){
  .section + .section,
  .portfolio-index-section + .cta-section,
  .apps-section + .cta-section,
  .contact-directory + .cta-section,
  .process-timeline-section + .cta-section{
    margin-top:0!important;
  }

  .service-card,
  .portfolio-showcase-card,
  .app-showcase-card,
  .project-card,
  .app-card,
  .app-list-card,
  .portfolio-rich-card,
  .app-rich-card,
  .contact-public-card,
  .contact-info-card,
  .quote-steps-card,
  .image-info-card{
    box-shadow:0 10px 28px rgba(15,23,42,.07)!important;
  }

  .card-body,
  .service-card-body,
  .portfolio-card-body,
  .app-showcase-body,
  .app-rich-card,
  .portfolio-rich-card{
    display:grid!important;
    gap:10px!important;
  }

  .tags,
  .feature-list,
  .pills{
    gap:7px!important;
  }
  .tags span,
  .feature-list span,
  .pills span{
    line-height:1.25!important;
  }
}

@media(max-width:700px){
  body{
    text-rendering:optimizeLegibility;
  }

  .section,
  .text-page,
  .portfolio-index-section,
  .apps-section,
  .contact-directory,
  .process-timeline-section,
  .legal-content{
    padding-top:38px!important;
    padding-bottom:38px!important;
  }

  .section-head,
  .section-intro,
  .contact-directory-copy,
  .portfolio-hero-copy,
  .apps-hero-copy,
  .services-hero-copy,
  .quote-hero-copy,
  .process-rich-copy{
    margin-bottom:18px!important;
  }

  .hero,
  .services-hero,
  .quote-page-hero,
  .process-rich-hero,
  .contact-page-hero,
  .portfolio-hero-new,
  .apps-hero-rich,
  .web-detail-hero,
  .mobile-detail-hero,
  .software-detail-hero,
  .admin-detail-hero,
  .seo-detail-hero,
  .maintenance-hero,
  .app-detail-hero-rich,
  .portfolio-detail-hero,
  .legal-hero{
    min-height:0!important;
    margin-bottom:0!important;
  }

  .hero-actions,
  .center-actions{
    margin-top:18px!important;
  }

  .pills{
    margin-top:18px!important;
  }
  .pills span{
    padding:7px 10px!important;
    font-size:12px!important;
  }

  .services-card-grid,
  .portfolio-showcase-grid,
  .apps-showcase-grid,
  .systems-grid,
  .content-security-grid,
  .apps-intro-cards,
  .home-apps-row,
  .contact-directory-grid,
  .value-grid,
  .portfolio-grid,
  .apps-grid,
  .apps-row{
    gap:14px!important;
  }

  .value-grid article,
  .service-card,
  .portfolio-showcase-card,
  .app-showcase-card,
  .project-card,
  .app-card,
  .app-list-card,
  .portfolio-rich-card,
  .app-rich-card,
  .app-side-card,
  .portfolio-side-card,
  .quote-steps-card,
  .contact-public-card,
  .contact-info-card,
  .apps-intro-panel,
  .apps-inventory-block,
  .app-support-panel,
  .portfolio-explainer-block,
  .process-proof-panel,
  .legal-summary-card,
  .notfound-route-card{
    padding:16px!important;
    border-radius:20px!important;
  }

  .service-photo,
  .thumb,
  .detail-image{
    margin-bottom:12px!important;
  }

  .service-photo,
  .thumb,
  .detail-image,
  .services-hero-photo,
  .portfolio-hero-photo,
  .apps-hero-photo,
  .process-rich-visual,
  .app-detail-photo,
  .portfolio-detail-photo,
  .web-detail-photo,
  .mobile-detail-photo,
  .software-detail-photo,
  .admin-detail-photo,
  .seo-detail-photo,
  .maintenance-photo,
  .experts-photo,
  .image-info-card{
    max-height:300px!important;
  }

  .service-photo img,
  .thumb img,
  .detail-image img,
  .services-hero-photo img,
  .portfolio-hero-photo img,
  .apps-hero-photo img,
  .process-rich-visual img,
  .app-detail-photo img,
  .portfolio-detail-photo img,
  .web-detail-photo img,
  .mobile-detail-photo img,
  .software-detail-photo img,
  .admin-detail-photo img,
  .seo-detail-photo img,
  .maintenance-photo img,
  .experts-photo img,
  .image-info-card img{
    max-height:300px!important;
    width:100%!important;
    object-fit:cover!important;
  }

  .card-body h3,
  .service-card-body h3,
  .portfolio-card-body h3,
  .app-showcase-body h3,
  .app-rich-card h2,
  .portfolio-rich-card h2{
    margin-top:0!important;
    margin-bottom:4px!important;
    line-height:1.18!important;
  }

  .card-body p,
  .service-card-body p,
  .portfolio-card-body p,
  .app-showcase-body p,
  .app-rich-card p,
  .portfolio-rich-card p,
  .contact-public-card p,
  .contact-info-card p,
  .rich p,
  .legal-content p{
    margin-top:0!important;
    margin-bottom:10px!important;
  }

  .mini-btn,
  .btn{
    min-height:44px!important;
  }

  .cta-section{
    padding-top:26px!important;
    padding-bottom:40px!important;
  }

  .cta-box,
  .cta-box-contact,
  .contact-split-cta,
  .services-final-cta{
    margin-top:0!important;
  }

  .quote-form{
    gap:10px!important;
  }
  .quote-form textarea{
    min-height:132px!important;
  }

  .footer{
    padding:24px 16px!important;
  }
  .footer-grid,
  .footer-grid-rich{
    gap:14px!important;
  }
  .footer .brand,
  .footer .brand.mini{
    align-items:flex-start!important;
  }
  .footer .legal{
    gap:8px!important;
    flex-wrap:wrap!important;
  }
  .footer .legal a{
    display:inline-flex!important;
    min-height:34px!important;
    align-items:center!important;
  }
}

@media(max-width:480px){
  .section,
  .text-page,
  .portfolio-index-section,
  .apps-section,
  .contact-directory,
  .process-timeline-section,
  .legal-content{
    padding-top:32px!important;
    padding-bottom:32px!important;
  }

  .eyebrow{
    font-size:10px!important;
    letter-spacing:.035em!important;
    line-height:1.25!important;
  }

  .hero h1,
  .services-hero h1,
  .portfolio-hero-copy h1,
  .apps-hero-copy h1,
  .quote-page-hero h1,
  .contact-page-hero h1,
  .process-rich-copy h1,
  .web-detail-copy h1,
  .mobile-detail-copy h1,
  .software-detail-copy h1,
  .admin-detail-copy h1,
  .seo-detail-copy h1,
  .maintenance-copy h1,
  .app-detail-copy h1,
  .portfolio-detail-copy h1,
  .legal-hero h1,
  .notfound-copy h1{
    font-size:28px!important;
    line-height:1.09!important;
  }

  .section h2,
  .services-final-cta h2,
  .process-proof-panel h2,
  .apps-inventory-block h2,
  .app-support-panel h2,
  .portfolio-explainer-block h2,
  .contact-directory-copy h2,
  .contact-split-cta h2{
    font-size:24px!important;
  }

  .hero p,
  .services-hero p,
  .portfolio-hero-copy p,
  .apps-hero-copy p,
  .quote-page-hero p,
  .contact-page-hero p,
  .process-rich-copy p,
  .lead,
  .rich{
    font-size:15.5px!important;
    line-height:1.62!important;
  }

  .value-grid article,
  .service-card,
  .portfolio-showcase-card,
  .app-showcase-card,
  .project-card,
  .app-card,
  .app-list-card,
  .portfolio-rich-card,
  .app-rich-card,
  .app-side-card,
  .portfolio-side-card,
  .quote-steps-card,
  .contact-public-card,
  .contact-info-card,
  .apps-intro-panel,
  .apps-inventory-block,
  .app-support-panel,
  .portfolio-explainer-block,
  .process-proof-panel,
  .legal-summary-card,
  .notfound-route-card{
    padding:14px!important;
    border-radius:18px!important;
  }

  .service-photo,
  .thumb,
  .detail-image,
  .services-hero-photo,
  .portfolio-hero-photo,
  .apps-hero-photo,
  .process-rich-visual,
  .app-detail-photo,
  .portfolio-detail-photo,
  .web-detail-photo,
  .mobile-detail-photo,
  .software-detail-photo,
  .admin-detail-photo,
  .seo-detail-photo,
  .maintenance-photo,
  .experts-photo,
  .image-info-card{
    max-height:260px!important;
  }

  .app-showcase-head,
  .app-detail-titleline{
    grid-template-columns:54px minmax(0,1fr)!important;
  }
  .app-showcase-icon,
  .app-detail-icon-rich,
  .app-card img,
  .app-list-card img{
    width:54px!important;
    height:54px!important;
    border-radius:15px!important;
  }

  .contact-public-card,
  .contact-info-card{
    grid-template-columns:36px minmax(0,1fr)!important;
    gap:8px 10px!important;
  }
  .contact-public-card b,
  .contact-info-card b{
    width:36px!important;
    height:36px!important;
    border-radius:12px!important;
    font-size:17px!important;
  }

  .company-detail-row{
    gap:4px!important;
  }
  .company-detail-row strong{
    font-size:12px!important;
    letter-spacing:.035em!important;
  }
  .company-detail-row span,
  .company-detail-row code{
    font-size:14px!important;
    line-height:1.35!important;
  }

  .portfolio-filter-bar{
    gap:7px!important;
  }
  .portfolio-filter-bar button,
  .portfolio-filter-bar a{
    min-height:38px!important;
    padding:8px 11px!important;
    font-size:12px!important;
  }

  .footer .brand small{
    display:block!important;
    font-size:11px!important;
  }
}


/* 064 - portfolio app store badges */
.portfolio-store-actions{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.portfolio-side-card .portfolio-store-actions{display:grid;grid-template-columns:1fr;gap:10px}.store-badge{display:inline-grid;grid-template-columns:30px 1fr;align-items:center;gap:9px;min-width:156px;max-width:100%;min-height:48px;padding:7px 11px;border-radius:12px;background:#050505;color:#fff!important;text-decoration:none;border:1px solid rgba(255,255,255,.18);box-shadow:0 10px 22px rgba(15,23,42,.18);line-height:1.05}.store-badge small{display:block;font-size:9px;font-weight:700;letter-spacing:.01em;color:#f8fafc;opacity:.92}.store-badge strong{display:block;font-size:17px;font-weight:900;letter-spacing:-.02em;color:#fff}.store-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;font-size:22px;color:#fff}.play-icon{font-size:17px;background:linear-gradient(135deg,#20c997,#0ea5e9 45%,#facc15 72%,#ef4444);-webkit-background-clip:text;background-clip:text;color:transparent}.portfolio-showcase-card .store-badge{min-width:145px}.portfolio-showcase-card .store-badge strong{font-size:15px}.portfolio-showcase-card .store-badge small{font-size:8px}.portfolio-showcase-card .card-actions{gap:8px;display:flex;flex-wrap:wrap}@media(max-width:760px){.portfolio-store-actions,.portfolio-side-card .portfolio-store-actions,.portfolio-showcase-card .card-actions{display:grid;grid-template-columns:1fr;gap:10px}.store-badge{width:100%;justify-content:start}.store-badge strong{font-size:16px}.store-badge small{font-size:9px}}


/* 065 - official store badges, clearer portfolio links, compact technology tags */
.portfolio-card-body,.card-body{display:flex;flex-direction:column;align-items:flex-start}
.portfolio-card-body>p,.card-body>p{width:100%}
.portfolio-link-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;width:100%;margin-top:10px}
.portfolio-side-card .portfolio-link-actions{display:grid;grid-template-columns:1fr;gap:12px;margin-top:0}
.portfolio-website-link{min-height:48px;padding:12px 16px;border-radius:14px;background:#eef4ff;color:#111827;font-weight:900;box-shadow:none;border:1px solid rgba(148,163,184,.18);transition:transform .18s ease, box-shadow .18s ease, filter .18s ease, background .18s ease}
.portfolio-side-card .portfolio-website-link{width:100%;justify-content:center;gap:10px;min-height:58px;padding:14px 18px;background:linear-gradient(135deg,#5b5cf6 0%,#6d4ff6 40%,#7c3aed 100%);color:#fff;border-color:rgba(91,92,246,.28);box-shadow:0 18px 34px rgba(91,92,246,.28), inset 0 1px 0 rgba(255,255,255,.20)}
.portfolio-side-card .portfolio-website-link:hover{transform:translateY(-1px);filter:saturate(1.04) brightness(1.02);box-shadow:0 22px 40px rgba(91,92,246,.34), inset 0 1px 0 rgba(255,255,255,.22)}
.portfolio-side-card .portfolio-website-link span{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:rgba(255,255,255,.17);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}
.portfolio-side-card .portfolio-website-link:focus-visible{outline:3px solid rgba(91,92,246,.24);outline-offset:3px}
.portfolio-store-badge-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;width:100%}
.portfolio-side-card .portfolio-store-badge-row{display:grid;grid-template-columns:1fr;gap:10px}.portfolio-showcase-card .portfolio-store-badge-row,.project-card .portfolio-store-badge-row{margin-top:2px}
.store-badge.store-badge-official{display:inline-flex;align-items:center;justify-content:center;width:180px;max-width:100%;height:auto;min-height:0;padding:0;background:transparent;border:0;border-radius:12px;box-shadow:0 10px 22px rgba(15,23,42,.18);overflow:hidden;text-decoration:none}.store-badge.store-badge-official img{display:block;width:100%;height:auto;border-radius:12px}.portfolio-showcase-card .store-badge.store-badge-official,.project-card .store-badge.store-badge-official{width:150px}.portfolio-tech-tags{margin-top:auto;padding-top:16px;align-self:stretch;display:flex;flex-wrap:wrap;gap:8px}.portfolio-detail-copy .portfolio-tech-tags{margin-top:18px;padding-top:0}.portfolio-side-card>.card-actions{display:block}.portfolio-side-card .card-actions .portfolio-link-actions{margin-top:0}
@media(max-width:760px){.portfolio-link-actions{display:grid;grid-template-columns:1fr;gap:10px}.portfolio-store-badge-row{display:grid;grid-template-columns:1fr;gap:10px}.store-badge.store-badge-official,.portfolio-showcase-card .store-badge.store-badge-official,.project-card .store-badge.store-badge-official{width:min(100%,180px)}.portfolio-store-badge-row .store-badge.store-badge-official{justify-self:start}.portfolio-side-card .store-badge.store-badge-official{width:180px}.portfolio-tech-tags{padding-top:14px}.portfolio-website-link{width:100%;justify-content:center}}


/* 069 - app detail official store badges */
.app-store-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;width:100%}
.app-store-badge-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;width:100%}
.app-store-actions .app-website-link{min-height:48px;padding:12px 16px;border-radius:14px;background:#eef4ff;color:#111827;font-weight:900;border:1px solid rgba(148,163,184,.18)}
.app-store-actions .store-badge.store-badge-official{width:180px}
@media(max-width:760px){.app-store-actions,.app-store-badge-row{display:grid;grid-template-columns:1fr;gap:10px}.app-store-actions .app-website-link{width:100%;justify-content:center}.app-store-actions .store-badge.store-badge-official{width:min(100%,180px);justify-self:start}}

/* 082 - operating-system-independent software service */
.os-detail-hero{max-width:1220px;margin:0 auto;padding:72px 24px 44px;display:grid;grid-template-columns:minmax(360px,.95fr) minmax(420px,1.05fr);gap:42px;align-items:center}.os-detail-hero h1{font-size:clamp(42px,5vw,72px);line-height:1.04;margin:14px 0 18px;letter-spacing:-.055em;color:#111827}.os-detail-hero p{font-size:19px;line-height:1.75;color:#475569}.os-detail-photo{border-radius:34px;overflow:hidden;box-shadow:0 28px 74px rgba(15,23,42,.16);background:#0b1220}.os-detail-photo img{display:block;width:100%;height:auto;aspect-ratio:1.25/1;object-fit:cover}.os-detail-hero .btn-outline{color:#111827;border-color:rgba(15,23,42,.18);background:#fff}.os-message-panel{max-width:1120px;margin:0 auto 42px;padding:34px;border-radius:34px;background:linear-gradient(135deg,#081126,#20155a);color:#fff;box-shadow:0 26px 68px rgba(15,23,42,.18)}.os-message-panel>strong{display:block;font-size:clamp(26px,3vw,42px);line-height:1.18;max-width:980px}.os-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px}.os-benefit-grid article{border-radius:22px;padding:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}.os-benefit-grid b{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,#5b5cf6,#22d3ee);margin-bottom:12px}.os-benefit-grid h3{margin:0 0 8px;color:#fff}.os-benefit-grid p{margin:0;color:#dbe7ff;line-height:1.7}.os-blocks{max-width:1220px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.os-blocks article{border-radius:30px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid rgba(148,163,184,.20);box-shadow:0 22px 52px rgba(15,23,42,.08);padding:28px}.os-blocks h2{font-size:28px;line-height:1.18;margin:0 0 12px;color:#111827}.os-blocks p{color:#475569;line-height:1.75}.os-blocks ul,.os-types ul{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px}.os-blocks li,.os-types li{font-weight:850;color:#334155;line-height:1.55}.os-types{max-width:1220px;margin:64px auto 0;padding:0 24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;align-items:start}.os-types>div{border-radius:30px;background:#fff;border:1px solid rgba(148,163,184,.20);box-shadow:0 22px 52px rgba(15,23,42,.08);padding:28px}.os-types h2{font-size:32px;line-height:1.16;margin:0 0 14px;color:#111827}.os-types p{color:#475569;line-height:1.75}.related-service-hint{max-width:1120px;margin:58px auto 0;padding:28px 32px;border-radius:30px;background:linear-gradient(135deg,#f8fafc,#eef4ff);border:1px solid rgba(148,163,184,.22);display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 18px 44px rgba(15,23,42,.07)}.related-service-hint h2{margin:8px 0 10px;font-size:30px;line-height:1.16;color:#111827}.related-service-hint p{margin:0;color:#475569;line-height:1.75;max-width:820px}.os-related .service-tags a{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:#fff;border:1px solid rgba(148,163,184,.24);font-size:12px;font-weight:900;color:#334155;text-decoration:none}.os-related .service-tags a:hover{background:#eef2ff;color:#3730a3}.os-final-cta{margin-top:64px}
@media(max-width:1050px){.os-detail-hero,.os-blocks,.os-types{grid-template-columns:1fr}.os-benefit-grid{grid-template-columns:1fr}.related-service-hint{display:block}.related-service-hint .mini-btn{margin-top:18px}.os-detail-photo{max-width:760px}}
@media(max-width:700px){.os-detail-hero{padding:46px 18px 26px}.os-detail-hero h1{font-size:36px}.os-detail-hero p{font-size:16px}.os-message-panel{margin:0 18px 36px;padding:28px 22px;border-radius:28px}.os-blocks,.os-types{padding:0 18px;gap:18px}.os-blocks article,.os-types>div{padding:22px;border-radius:24px}.related-service-hint{margin:44px 18px 0;padding:22px;border-radius:24px}.related-service-hint h2,.os-types h2{font-size:26px}.support-cards{grid-template-columns:1fr}.os-detail-photo img{aspect-ratio:1/1}}
.support-card-cta{display:inline-flex;align-items:center;justify-content:center;width:max-content;margin-top:auto;padding:8px 11px;border-radius:10px;background:#eef2ff;color:#4338ca;font-size:13px;font-weight:900}
@media(max-width:640px){.support-card-cta{width:100%}}

/* 083 - OS-independent software page hardening and cache-bust visual fix */
.os-detail-hero{
  max-width:1360px!important;
  margin:0 auto!important;
  padding:74px 32px 54px!important;
  display:grid!important;
  grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr)!important;
  gap:42px!important;
  align-items:center!important;
  background:radial-gradient(circle at 84% 16%,rgba(124,58,237,.34),transparent 36%),linear-gradient(135deg,#071123 0%,#0a1730 52%,#21165a 100%)!important;
  color:#fff!important;
  border-radius:0 0 42px 42px!important;
  overflow:hidden!important;
  position:relative!important;
}
.os-detail-hero:before{
  content:"";
  position:absolute;
  right:-120px;
  top:-120px;
  width:420px;
  height:420px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(34,211,238,.24),rgba(34,211,238,0) 72%);
  pointer-events:none;
}
.os-detail-copy,.os-detail-photo{position:relative;z-index:1}
.os-detail-hero .eyebrow{color:#bfc7ff!important}
.os-detail-hero h1{
  color:#fff!important;
  font-size:clamp(40px,5vw,70px)!important;
  line-height:1.04!important;
  margin:16px 0 18px!important;
  letter-spacing:-.052em!important;
  max-width:820px!important;
}
.os-detail-hero p{
  color:#dbe7ff!important;
  font-size:18px!important;
  line-height:1.78!important;
  max-width:760px!important;
}
.os-detail-hero .mini-btn.back{
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.18)!important;
}
.os-detail-hero .btn-outline{
  color:#fff!important;
  border-color:rgba(255,255,255,.42)!important;
  background:rgba(255,255,255,.06)!important;
}
.os-detail-photo{
  border-radius:34px!important;
  overflow:hidden!important;
  background:#0b1220!important;
  box-shadow:0 42px 110px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.10)!important;
}
.os-detail-photo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1.35/1!important;
  object-fit:cover!important;
}
.os-message-panel{
  max-width:1180px!important;
  margin:54px auto 42px!important;
  padding:36px!important;
  border-radius:34px!important;
  background:linear-gradient(135deg,#081126,#20155a)!important;
  color:#fff!important;
  box-shadow:0 26px 68px rgba(15,23,42,.18)!important;
}
.os-message-panel>strong{
  display:block!important;
  font-size:clamp(26px,3vw,42px)!important;
  line-height:1.18!important;
  max-width:980px!important;
}
.os-benefit-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  margin-top:26px!important;
}
.os-benefit-grid article{
  border-radius:22px!important;
  padding:20px!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.14)!important;
}
.os-benefit-grid b{
  display:grid!important;
  place-items:center!important;
  width:40px!important;
  height:40px!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#5b5cf6,#22d3ee)!important;
  margin-bottom:12px!important;
  color:#fff!important;
}
.os-benefit-grid h3{margin:0 0 8px!important;color:#fff!important;line-height:1.25!important}
.os-benefit-grid p{margin:0!important;color:#dbe7ff!important;line-height:1.7!important}
.os-blocks{
  max-width:1220px!important;
  margin:0 auto!important;
  padding:0 24px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:22px!important;
}
.os-blocks article,.os-types>div{
  border-radius:30px!important;
  background:linear-gradient(180deg,#fff,#f8fbff)!important;
  border:1px solid rgba(148,163,184,.20)!important;
  box-shadow:0 22px 52px rgba(15,23,42,.08)!important;
  padding:28px!important;
  min-width:0!important;
}
.os-blocks h2,.os-types h2{font-size:clamp(25px,2.5vw,32px)!important;line-height:1.16!important;margin:0 0 14px!important;color:#111827!important;letter-spacing:-.025em!important}
.os-blocks p,.os-types p{color:#475569!important;line-height:1.75!important;margin:0!important}
.os-blocks ul,.os-types ul{list-style:none!important;margin:18px 0 0!important;padding:0!important;display:grid!important;gap:10px!important}
.os-blocks li,.os-types li{font-weight:850!important;color:#334155!important;line-height:1.55!important}
.os-types{
  max-width:1220px!important;
  margin:64px auto 0!important;
  padding:0 24px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:26px!important;
  align-items:start!important;
}
.os-types .type-cloud{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:18px!important}
.os-types .type-cloud span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:38px!important;
  padding:9px 14px!important;
  border-radius:999px!important;
  background:#fff!important;
  border:1px solid rgba(148,163,184,.18)!important;
  box-shadow:0 12px 26px rgba(15,23,42,.05)!important;
  font-weight:900!important;
  color:#334155!important;
  font-size:13px!important;
}
.os-related .service-tags{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:18px!important}
.os-related .service-tags a{
  display:inline-flex!important;
  align-items:center!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  background:#fff!important;
  border:1px solid rgba(148,163,184,.24)!important;
  font-size:12px!important;
  font-weight:900!important;
  color:#334155!important;
  text-decoration:none!important;
}
.os-related .service-tags a:hover{background:#eef2ff!important;color:#3730a3!important}
@media(max-width:1050px){
  .os-detail-hero,.os-blocks,.os-types{grid-template-columns:1fr!important}
  .os-detail-hero{padding:58px 24px 40px!important}
  .os-benefit-grid{grid-template-columns:1fr!important}
  .os-detail-photo{max-width:780px!important}
}
@media(max-width:700px){
  .os-detail-hero{padding:42px 18px 30px!important;border-radius:0 0 28px 28px!important}
  .os-detail-hero h1{font-size:36px!important;letter-spacing:-.035em!important}
  .os-detail-hero p{font-size:16px!important}
  .os-detail-photo img{aspect-ratio:1.2/1!important}
  .os-message-panel{margin:34px 18px 32px!important;padding:24px 20px!important;border-radius:26px!important}
  .os-blocks,.os-types{padding:0 18px!important;gap:18px!important}
  .os-blocks article,.os-types>div{padding:22px!important;border-radius:24px!important}
  .os-types{margin-top:38px!important}
}

/* 084 fixed public header hotfix */
:root{--fixed-header-height:70px;}
body{padding-top:var(--fixed-header-height)!important;}
.site-header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:10000!important;
  transform:none!important;
}
html{scroll-padding-top:calc(var(--fixed-header-height) + 18px)!important;}
@media(max-width:760px){
  :root{--fixed-header-height:64px;}
  body{padding-top:var(--fixed-header-height)!important;}
}

/* 086 - P1 SEO/UX form cleanup */
.quote-fieldset{border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:16px;margin:0;display:grid;gap:12px;background:rgba(255,255,255,.035)}
.quote-fieldset legend{padding:0 8px;font-size:12px;font-weight:950;letter-spacing:.055em;text-transform:uppercase;color:#dbe7ff}
.form-field{display:grid;gap:7px;min-width:0}
.form-field>span{font-size:12px;font-weight:900;color:#dbe7ff;letter-spacing:.02em}
.enhanced-quote-form select{width:100%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff;border-radius:12px;padding:13px;font:inherit}
.enhanced-quote-form select option{color:#111827;background:#fff}
.privacy-consent{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;margin:2px 0 12px;padding:13px 14px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#dbe7ff;font-size:13px;line-height:1.55}
.privacy-consent input{width:18px!important;height:18px;margin:2px 0 0;padding:0;accent-color:#7c3aed}
.privacy-consent span{display:block}
.enhanced-error{background:#fef2f2;color:#991b1b;border:1px solid rgba(239,68,68,.25);border-radius:16px;padding:14px 16px;line-height:1.55}
.enhanced-error ul{margin:8px 0 0;padding-left:20px}
@media(max-width:640px){.quote-fieldset{padding:14px;border-radius:16px}.privacy-consent{grid-template-columns:20px 1fr}}

/* 087 - P1 trust/security/mobile continuation */
.contact-trust-strip{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:24px;align-items:stretch;margin-top:0}
.contact-trust-copy{padding:30px;border-radius:30px;background:linear-gradient(135deg,#061021,#101b42);color:#fff;box-shadow:0 22px 54px rgba(15,23,42,.16)}
.contact-trust-copy h2{font-size:clamp(28px,3vw,42px);line-height:1.08;margin:10px 0 12px;color:#fff}.contact-trust-copy p{margin:0;color:#dbe7ff;line-height:1.75}
.contact-trust-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.contact-trust-grid article{background:#fff;border:1px solid rgba(148,163,184,.20);border-radius:24px;padding:22px;box-shadow:0 18px 44px rgba(15,23,42,.07)}.contact-trust-grid b{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:#eef2ff;color:#4338ca;margin-bottom:12px}.contact-trust-grid h3{margin:0 0 8px;font-size:19px;color:#0f172a}.contact-trust-grid p{margin:0;color:#64748b;line-height:1.65}
.site-header{will-change:transform}.main-nav.open{overscroll-behavior:contain}.mobile-nav-open body{overflow:hidden}
@media(max-width:900px){.contact-trust-strip{grid-template-columns:1fr}.contact-trust-grid{grid-template-columns:1fr}.contact-trust-copy,.contact-trust-grid article{border-radius:24px}}
@media(max-width:720px){:root{--fixed-header-height:112px}.site-header{max-width:100vw}.main-nav{box-shadow:0 30px 80px rgba(0,0,0,.45)}}


/* 089 - P2 marketing and UX sales focus */
.home-sales-focus{max-width:1240px;margin:0 auto;padding:54px 24px 18px}.sales-focus-head{text-align:center;max-width:930px;margin:0 auto 28px}.sales-focus-head h2{font-size:clamp(34px,4.4vw,58px);line-height:1.04;letter-spacing:-.045em;margin:12px 0;color:#0f172a}.sales-focus-head p{font-size:18px;line-height:1.78;color:#475569;margin:0 auto;max-width:860px}.sales-focus-head .hero-actions{margin-top:22px}.sales-promise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.sales-promise-grid article{background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid rgba(148,163,184,.18);border-radius:28px;padding:26px;box-shadow:0 22px 52px rgba(15,23,42,.07)}.sales-promise-grid b{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:linear-gradient(135deg,#5b5cf6,#22d3ee);color:#fff;margin-bottom:15px}.sales-promise-grid h3{font-size:22px;line-height:1.16;letter-spacing:-.025em;margin:0 0 10px;color:#111827}.sales-promise-grid p{margin:0;color:#64748b;line-height:1.68}.sales-audience-panel{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:22px;align-items:center;margin-top:24px;padding:30px;border-radius:30px;background:linear-gradient(135deg,#081126,#21165a);color:#fff;box-shadow:0 28px 70px rgba(15,23,42,.16)}.sales-audience-panel h3{font-size:clamp(27px,3vw,42px);line-height:1.08;letter-spacing:-.035em;color:#fff;margin:8px 0 10px}.sales-audience-panel p{margin:0;color:#dbe7ff;line-height:1.75}.sales-audience-panel .eyebrow{color:#c7d2fe}.audience-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.audience-tags span{display:inline-flex;align-items:center;min-height:38px;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);font-weight:900;color:#fff;font-size:13px}.sales-proof-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.sales-proof-strip article{border-radius:22px;background:#fff;border:1px solid rgba(148,163,184,.18);box-shadow:0 16px 38px rgba(15,23,42,.06);padding:18px;text-align:center}.sales-proof-strip strong{display:block;font-size:clamp(22px,2.6vw,32px);line-height:1.05;color:#4338ca;letter-spacing:-.025em}.sales-proof-strip span{display:block;margin-top:7px;color:#64748b;font-weight:850;font-size:13px;line-height:1.35}.starter-package-block{margin-top:24px}.starter-package-title{text-align:center;margin-bottom:16px}.starter-package-title h3{font-size:clamp(28px,3.2vw,42px);line-height:1.08;margin:8px 0;color:#0f172a;letter-spacing:-.035em}.starter-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.starter-package-grid article{border-radius:28px;padding:24px;background:#fff;border:1px solid rgba(148,163,184,.18);box-shadow:0 18px 46px rgba(15,23,42,.065)}.starter-package-grid h4{margin:0 0 10px;color:#111827;font-size:21px;line-height:1.15;letter-spacing:-.02em}.starter-package-grid p{margin:0 0 16px;color:#64748b;line-height:1.68}.center-actions{justify-content:center}
@media(max-width:980px){.sales-promise-grid,.starter-package-grid{grid-template-columns:1fr}.sales-audience-panel{grid-template-columns:1fr}.audience-tags{justify-content:flex-start}.sales-proof-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.home-sales-focus{padding:38px 18px 12px}.sales-focus-head h2{font-size:34px}.sales-focus-head p{font-size:16px}.sales-audience-panel{padding:22px;border-radius:24px}.sales-promise-grid article,.starter-package-grid article{border-radius:24px;padding:22px}.sales-proof-strip{grid-template-columns:1fr}.audience-tags span{width:100%;justify-content:center;text-align:center}}


/* 090 - P2 AI-readable statements and FAQ blocks */
.ai-summary-section{max-width:1240px;margin:0 auto;padding:22px 24px 26px}.ai-summary-head{text-align:center;max-width:860px;margin:0 auto 22px}.ai-summary-head h2{font-size:clamp(30px,3.8vw,48px);line-height:1.06;letter-spacing:-.04em;margin:10px 0;color:#0f172a}.ai-summary-head p{margin:0;color:#475569;line-height:1.75;font-size:17px}.ai-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ai-summary-grid article{background:linear-gradient(180deg,#ffffff,#f8fbff);border:1px solid rgba(148,163,184,.20);border-radius:28px;padding:24px;box-shadow:0 18px 44px rgba(15,23,42,.065)}.ai-summary-grid b{display:inline-grid;place-items:center;min-width:40px;height:32px;padding:0 10px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:12px;font-weight:950;letter-spacing:.06em;margin-bottom:14px}.ai-summary-grid h3{margin:0 0 10px;color:#111827;font-size:21px;line-height:1.15;letter-spacing:-.02em}.ai-summary-grid p{margin:0;color:#64748b;line-height:1.7}.p2-faq-section{max-width:1100px;margin:30px auto 0;padding:54px 24px}.p2-faq-head{text-align:center;max-width:820px;margin:0 auto 24px}.p2-faq-head h2{font-size:clamp(32px,4vw,52px);line-height:1.06;letter-spacing:-.04em;margin:10px 0;color:#0f172a}.p2-faq-head p{margin:0;color:#475569;line-height:1.75;font-size:17px}.p2-faq-list{display:grid;gap:12px}.p2-faq-list details{background:#fff;border:1px solid rgba(148,163,184,.22);border-radius:20px;box-shadow:0 14px 36px rgba(15,23,42,.055);overflow:hidden}.p2-faq-list summary{cursor:pointer;padding:18px 22px;font-weight:950;color:#111827;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px}.p2-faq-list summary::-webkit-details-marker{display:none}.p2-faq-list summary:after{content:'+';display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:18px;line-height:1}.p2-faq-list details[open] summary:after{content:'–'}.p2-faq-list details p{margin:0;padding:0 22px 20px;color:#64748b;line-height:1.7;max-width:900px}
@media(max-width:980px){.ai-summary-grid{grid-template-columns:1fr}.ai-summary-section{padding:18px 18px 18px}.p2-faq-section{padding:42px 18px}}
@media(max-width:640px){.ai-summary-grid article{border-radius:24px;padding:22px}.p2-faq-list summary{padding:16px 18px}.p2-faq-list details p{padding:0 18px 18px}.p2-faq-head h2,.ai-summary-head h2{font-size:32px}}

/* 092 public copy cleanup */
.form-microcopy {
  margin: -10px 0 16px;
  font-size: 0.9rem;
  color: rgba(255,255,255,.72);
}
.cta-box-contact .form-microcopy {
  color: rgba(255,255,255,.72);
}

/* Update 093: egyszerusitett, konverziosabb fooldal */
.home-simplified-hero{min-height:610px;padding-top:74px;padding-bottom:74px}.home-simplified-hero .hero-text{max-width:720px}.home-simplified-hero h1{letter-spacing:-.045em}.home-simple-head{max-width:760px;margin:0 auto 28px;text-align:center}.home-simple-head h2,.home-simple-proof h2,.home-portfolio-intro h2,.home-simple-process h2,.home-final-note h2{font-size:clamp(30px,4vw,48px);line-height:1.08;letter-spacing:-.035em;margin:8px 0 12px}.home-simple-head p,.home-simple-proof p,.home-portfolio-intro p,.home-final-note p{font-size:18px;color:#475569;line-height:1.75}.home-simple-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.home-simple-card{display:flex;flex-direction:column;min-height:310px;border:1px solid var(--line);border-radius:26px;padding:24px;background:linear-gradient(180deg,#fff,#f8fafc);text-decoration:none;box-shadow:0 18px 42px rgba(15,23,42,.07);transition:.18s ease}.home-simple-card:hover{transform:translateY(-3px);box-shadow:0 24px 54px rgba(15,23,42,.11);border-color:#c7d2fe}.home-simple-card b{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#eef2ff,#fff);color:#4f46e5;font-size:28px;margin-bottom:18px}.home-simple-card h3{font-size:21px;line-height:1.18;margin:0 0 10px}.home-simple-card p{color:#475569;line-height:1.65;margin:0}.home-simple-card span{margin-top:auto;font-weight:900;color:#4f46e5;padding-top:18px}.home-simple-proof{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px;align-items:stretch}.home-simple-proof-copy{border-radius:30px;padding:34px;background:linear-gradient(135deg,#061021,#101a47);color:#fff}.home-simple-proof-copy p{color:#dbe4ff}.home-simple-proof-copy .proof-note{margin-top:18px;color:#fff;font-weight:800}.home-simple-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.home-simple-proof-grid article{border:1px solid var(--line);border-radius:24px;background:#fff;padding:26px;box-shadow:0 16px 38px rgba(15,23,42,.06)}.home-simple-proof-grid strong{display:block;font-size:28px;line-height:1.1;color:#312e81;margin-bottom:8px}.home-simple-proof-grid span{color:#475569;font-weight:800}.home-portfolio-intro{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end;padding-bottom:18px}.home-featured-portfolio{padding-top:18px}.home-simple-process{background:linear-gradient(135deg,#061021,#0a1830);color:#fff;padding:64px max(24px,calc((100vw - 1220px)/2));margin-top:28px}.home-simple-process-inner{max-width:1220px;margin:auto}.home-simple-process h2{color:#fff}.home-simple-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.home-simple-steps article{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:24px}.home-simple-steps b{width:44px;height:44px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary2));margin-bottom:14px}.home-simple-steps h3{margin:0 0 8px;color:#fff}.home-simple-steps p{margin:0;color:#dbe4ff;line-height:1.65}.home-final-note{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.home-final-note>div{max-width:760px}.home-final-note .btn{min-width:230px}.home-simple-services+.home-simple-proof{padding-top:28px}
@media(max-width:1020px){.home-simple-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-simple-proof,.home-portfolio-intro,.home-final-note{grid-template-columns:1fr}.home-portfolio-intro .btn,.home-final-note .btn{width:max-content}.home-simplified-hero{padding-top:58px;padding-bottom:54px}}
@media(max-width:720px){.home-simple-grid,.home-simple-proof-grid,.home-simple-steps{grid-template-columns:1fr}.home-simple-card{min-height:auto}.home-simple-proof-copy,.home-simple-proof-grid article,.home-simple-card{border-radius:22px;padding:22px}.home-simple-process{padding:46px 18px}.home-portfolio-intro .btn,.home-final-note .btn{width:100%}.home-final-note{text-align:left}.home-simple-head{text-align:left}.home-simple-head h2,.home-simple-proof h2,.home-portfolio-intro h2,.home-simple-process h2,.home-final-note h2{font-size:32px}.home-simplified-hero{padding-top:42px;padding-bottom:42px}}


/* Update 094: realisztikus főoldali hero-fotó */
@media(max-width:1050px){
  .hero-photo-visual{display:block;min-height:380px;max-width:700px;width:100%;margin:14px auto 0}
  .hero-photo-frame{inset:0;border-radius:28px;transform:none}
  .hero-photo-frame:after{border-radius:28px}
  .hero-photo-caption{left:14px;right:14px;bottom:14px;justify-content:flex-start}
}
@media(max-width:640px){
  .hero-photo-visual{min-height:300px}
  .hero-photo-caption span{min-height:34px;padding:8px 12px;font-size:12px}
}

/* Update 095: főoldali hero fotó vágás és buborékok finomítása */
.hero-photo-visual{
  min-height:520px;
}
.hero-photo-frame{
  inset:auto !important;
  left:0 !important;
  right:0 !important;
  top:50% !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:4 / 3 !important;
  transform:translateY(-50%) !important;
  border-radius:38px !important;
}
.hero-photo-frame:after{
  border-radius:38px !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18), inset 0 -34px 70px rgba(3,7,18,.18) !important;
}
.hero-photo-img{
  object-fit:cover !important;
  object-position:center center !important;
  filter:saturate(1.04) contrast(1.02) brightness(1.02) !important;
}
.hero-photo-caption{
  display:none !important;
}
@media(max-width:1200px){
  .hero-photo-visual{min-height:500px}
  .hero-photo-frame{left:0 !important;right:0 !important;width:100% !important}
}
@media(max-width:1050px){
  .hero-photo-visual{min-height:0;max-width:700px;width:100%;margin:14px auto 0}
  .hero-photo-frame{position:relative !important;left:auto !important;right:auto !important;top:auto !important;width:100% !important;transform:none !important}
}
@media(max-width:640px){
  .hero-photo-frame{border-radius:26px !important}
  .hero-photo-frame:after{border-radius:26px !important}
}


/* Update 096: prémiumabb főoldali szolgáltatás-kártyák */
.home-simple-services{
  padding-top:72px;
  padding-bottom:72px;
}
.home-simple-grid{
  max-width:1120px;
  margin:32px auto 0;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}
.home-simple-card{
  position:relative;
  overflow:hidden;
  min-height:292px;
  padding:30px;
  border-radius:32px;
  background:
    radial-gradient(circle at 86% 10%, rgba(124,58,237,.13), transparent 30%),
    linear-gradient(145deg,#ffffff,#f8fbff 62%,#f3f6ff);
  border:1px solid rgba(148,163,184,.24);
  box-shadow:0 22px 55px rgba(15,23,42,.08);
}
.home-simple-card:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:linear-gradient(180deg,#5b5cf6,#7c3aed,#22c55e);
  opacity:.9;
}
.home-simple-card:after{
  content:"";
  position:absolute;
  right:-72px;
  bottom:-92px;
  width:220px;
  height:220px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(91,92,246,.16),transparent 67%);
  pointer-events:none;
}
.home-simple-card:hover{
  transform:translateY(-5px);
  border-color:rgba(91,92,246,.34);
  box-shadow:0 30px 70px rgba(15,23,42,.13);
}
.home-simple-card-top{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:22px;
}
.home-simple-card-top small{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:7px 11px;
  border-radius:999px;
  background:#eef2ff;
  color:#4338ca;
  font-size:12px;
  line-height:1;
  font-weight:900;
  white-space:nowrap;
}
.home-simple-icon{
  width:62px;
  height:62px;
  display:grid;
  place-items:center;
  border-radius:22px;
  color:#4f46e5;
  background:linear-gradient(135deg,#eef2ff,#ffffff);
  border:1px solid rgba(99,102,241,.16);
  box-shadow:0 18px 34px rgba(79,70,229,.13), inset 0 1px 0 rgba(255,255,255,.9);
}
.home-simple-icon svg{
  width:34px;
  height:34px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:2.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.home-simple-card b{display:none!important}
.home-simple-card h3,
.home-simple-card p,
.home-simple-card .home-simple-card-cta{
  position:relative;
  z-index:1;
}
.home-simple-card h3{
  font-size:28px;
  line-height:1.08;
  letter-spacing:-.025em;
  margin:0 0 13px;
  max-width:520px;
}
.home-simple-card p{
  font-size:16px;
  line-height:1.72;
  max-width:540px;
  color:#334155;
}
.home-simple-card .home-simple-card-cta{
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:max-content;
  min-height:42px;
  padding:10px 14px;
  border-radius:999px;
  background:#111827;
  color:#fff;
  font-weight:900;
  box-shadow:0 15px 34px rgba(15,23,42,.16);
}
.home-simple-card .home-simple-card-cta em{
  font-style:normal;
  transition:transform .18s ease;
}
.home-simple-card:hover .home-simple-card-cta em{transform:translateX(3px)}
@media(max-width:1020px){
  .home-simple-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .home-simple-card{padding:24px;border-radius:26px}
  .home-simple-card h3{font-size:24px}
  .home-simple-card-top{display:grid;gap:12px;justify-content:start}
}
@media(max-width:720px){
  .home-simple-grid{grid-template-columns:1fr;margin-top:24px}
  .home-simple-services{padding-top:48px;padding-bottom:48px}
  .home-simple-card{min-height:auto;padding:22px;border-radius:24px}
  .home-simple-card h3{font-size:22px}
  .home-simple-card p{font-size:15px}
  .home-simple-icon{width:56px;height:56px;border-radius:20px}
  .home-simple-icon svg{width:30px;height:30px}
}

/* 097 - premium header polish */
.site-header{
  background:rgba(10,18,33,.78)!important;
  border-bottom:1px solid rgba(226,232,240,.12)!important;
  box-shadow:0 18px 42px rgba(2,6,23,.22)!important;
  backdrop-filter:blur(22px) saturate(1.12)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.12)!important;
}
.nav-wrap{
  max-width:1188px!important;
  padding:10px 22px!important;
  gap:18px!important;
}
.brand-with-logo{
  min-width:190px!important;
  gap:10px!important;
}
.brand-with-logo .brand-logo{
  width:40px!important;
  height:40px!important;
  border-radius:11px!important;
}
.brand strong{
  font-size:16px!important;
  letter-spacing:-.02em!important;
  line-height:1.1!important;
}
.brand small{
  margin-top:2px!important;
  font-size:11px!important;
  color:#9fb0cc!important;
}
.main-nav{
  gap:5px!important;
  align-items:center!important;
}
.main-nav a{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:38px!important;
  padding:8px 11px!important;
  border-radius:12px!important;
  color:#d7e0f4!important;
  font-size:13px!important;
  font-weight:760!important;
  letter-spacing:-.01em!important;
  text-decoration:none!important;
  background:transparent!important;
  transition:color .16s ease, background .16s ease, transform .16s ease!important;
}
.main-nav a:hover{
  color:#fff!important;
  background:rgba(255,255,255,.055)!important;
}
.main-nav a.active{
  color:#fff!important;
  background:transparent!important;
  box-shadow:none!important;
}
.main-nav a.active:after{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:3px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#22d3ee,#7c3aed);
  box-shadow:0 0 18px rgba(124,58,237,.55);
}
.header-quote-btn{
  min-height:40px!important;
  padding:10px 16px!important;
  border-radius:15px!important;
  font-size:13px!important;
  box-shadow:0 14px 34px rgba(91,92,246,.28)!important;
}
.langs{
  display:inline-flex!important;
  align-items:center!important;
  gap:3px!important;
  padding:4px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.langs .lang-separator{
  display:none!important;
}
.langs a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:30px!important;
  min-height:28px!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  color:#cbd5e1!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:900!important;
  text-decoration:none!important;
}
.langs a:hover{
  color:#fff!important;
  background:rgba(255,255,255,.09)!important;
}
.langs a.active,
.langs a[aria-current="page"]{
  color:#fff!important;
  background:rgba(255,255,255,.18)!important;
}
@media(max-width:1180px){
  .nav-wrap{max-width:100%!important}
  .main-nav.open{padding:10px!important;background:rgba(9,16,31,.96)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:18px!important;backdrop-filter:blur(18px)!important}
  .main-nav.open a{display:flex!important;min-height:44px!important;padding:12px 14px!important}
  .main-nav.open a.active:after{display:none!important}
  .main-nav.open a.active{background:rgba(255,255,255,.08)!important}
}
@media(max-width:720px){
  .nav-wrap{padding:9px 14px 8px!important}
  .brand-with-logo{max-width:calc(100% - 56px)!important}
  .brand-with-logo .brand-logo{width:34px!important;height:34px!important}
  .brand small{font-size:10px!important}
  .langs{order:3!important;width:100%!important;justify-content:center!important;padding:4px!important}
}
@media(max-width:460px){
  .brand strong{font-size:14px!important}
  .brand-with-logo .brand-logo{width:31px!important;height:31px!important}
}

/* 098 - header duplicate quote button fix */
.main-nav .mobile-nav-quote{
  display:none!important;
}
@media(max-width:720px){
  .main-nav.open .mobile-nav-quote{
    display:flex!important;
  }
}

/* 101 - mobile fixed header, one-row layout */
@media(max-width:720px){
  :root{--fixed-header-height:58px!important;}
  html{scroll-padding-top:calc(var(--fixed-header-height) + 12px)!important;}
  body{padding-top:var(--fixed-header-height)!important;}
  .site-header{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:3000!important;
    overflow:visible!important;
  }
  .nav-wrap{
    min-height:58px!important;
    padding:8px 12px!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:8px!important;
  }
  .brand-with-logo{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:none!important;
  }
  .brand-with-logo .brand-logo{width:34px!important;height:34px!important;flex:0 0 34px!important;}
  .brand-with-logo span{min-width:0!important;}
  .brand strong{font-size:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .brand small{display:block!important;font-size:10px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .langs{
    order:0!important;
    width:auto!important;
    flex:0 0 auto!important;
    margin-left:0!important;
    padding:3px!important;
    gap:1px!important;
    justify-content:center!important;
  }
  .langs a{min-width:25px!important;min-height:25px!important;padding:3px 5px!important;font-size:10px!important;}
  .mobile-menu{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    margin-left:0!important;
    min-width:38px!important;
    width:38px!important;
    min-height:38px!important;
    height:38px!important;
    padding:0!important;
    border-radius:12px!important;
  }
  .header-quote-btn{display:none!important;}
  .main-nav.open{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
    max-height:calc(100vh - 78px)!important;
    overflow:auto!important;
  }
}
@media(max-width:380px){
  :root{--fixed-header-height:54px!important;}
  .nav-wrap{min-height:54px!important;padding:7px 9px!important;gap:6px!important;}
  .brand-with-logo .brand-logo{width:31px!important;height:31px!important;flex-basis:31px!important;}
  .brand strong{font-size:13px!important;}
  .brand small{display:none!important;}
  .langs a{min-width:23px!important;font-size:10px!important;padding:3px 4px!important;}
  .mobile-menu{min-width:36px!important;width:36px!important;min-height:36px!important;height:36px!important;}
}


/* 105 - referencia részleteknél a jobb oldali mockup/kép is megnyitja a weboldalt */
.portfolio-detail-photo-link{
  display:block;
  position:relative;
  height:100%;
  color:inherit;
  text-decoration:none;
  overflow:hidden;
  border-radius:inherit;
  cursor:pointer;
}
.portfolio-detail-photo-link img{
  transition:transform .28s ease, filter .28s ease;
}
.portfolio-detail-photo-link:hover img{
  transform:scale(1.025);
  filter:saturate(1.06) contrast(1.03);
}
.portfolio-photo-open-badge{
  position:absolute;
  right:18px;
  bottom:18px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:42px;
  padding:10px 14px;
  border-radius:999px;
  background:linear-gradient(135deg,#5b5cf6,#7c3aed);
  color:#fff;
  font-size:13px;
  font-weight:900;
  box-shadow:0 18px 34px rgba(91,92,246,.34), inset 0 1px 0 rgba(255,255,255,.20);
  border:1px solid rgba(255,255,255,.18);
}
.portfolio-photo-open-badge span{
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  border-radius:999px;
  background:rgba(255,255,255,.18);
}
.portfolio-detail-photo-link:focus-visible{
  outline:3px solid rgba(91,92,246,.36);
  outline-offset:4px;
}
@media(max-width:700px){
  .portfolio-photo-open-badge{right:12px;bottom:12px;min-height:38px;padding:8px 12px;font-size:12px}
}