@charset "UTF-8";
:root{color-scheme:light;--ink:#0d1d34;--muted:#43546c;--cyan:#36c8de;--line:#d5e1e9;--page:#f4f8fa;--width:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--page);font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.04em}a:focus-visible{outline:3px solid #007da5;outline-offset:4px;border-radius:4px}.wrap{width:min(var(--width),calc(100% - 64px));margin:auto}.skip-link{position:absolute;top:-100px;left:16px;z-index:100;background:white;color:#071327;padding:12px}.skip-link:focus{top:8px}
.header{background:#071327;color:#eef7ff;border-bottom:1px solid #24415c}.header-inner{min-height:88px;display:flex;align-items:center;gap:34px}.logo{flex:0 0 auto}.logo img{width:165px;height:auto}.nav{display:flex;align-items:center;justify-content:center;gap:26px;margin-left:auto}.nav a{font-size:.89rem;font-weight:650;color:#d5e5f3;white-space:nowrap;transition:color .2s}.nav a:hover,.nav a[aria-current]{color:#68e2f3}.header-cta{margin-left:4px;white-space:nowrap;padding:11px 17px;border:1px solid #67d5e7;border-radius:9px;font-weight:750;color:#fff;transition:background .2s}.header-cta:hover{background:#12374e}
.hero{background:radial-gradient(circle at 14% 4%,#e1faff 0%,transparent 29%),linear-gradient(125deg,#f6fbfd 5%,#e8f1f6 95%);border-bottom:1px solid #d5e5ec}.hero-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(30px,5vw,78px);align-items:center;min-height:650px;padding:72px 0 82px}.hero-copy{max-width:620px}.eyebrow{color:#087f93;font-size:.72rem;font-weight:800;letter-spacing:.19em}.eyebrow-dot{display:inline-block;width:8px;height:8px;border-radius:100%;background:#10b5cf;margin-right:7px;box-shadow:0 0 0 5px #caeff4}.hero h1{font-size:clamp(3rem,5.1vw,5.1rem);font-weight:820;letter-spacing:-.07em;margin:23px 0}.hero h1 em{font-style:normal;color:#087b96}.hero-lead{max-width:550px;font-size:1.17rem;line-height:1.72;color:var(--muted);margin-bottom:31px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 25px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:54px;border-radius:10px;padding:13px 20px;font-size:.95rem;font-weight:800;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-3px)}.btn-dark{color:#fff;background:#0b2340;box-shadow:0 14px 26px rgba(12,47,78,.15)}.btn-dark:hover{background:#07354d;box-shadow:0 18px 30px rgba(12,47,78,.23)}.hero-more{font-weight:700;color:#075f79;font-size:.9rem;border-bottom:1px solid #79bdc9;padding-bottom:4px}.hero-more:hover{color:#003b53}.hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:46px}.hero-tags span{border:1px solid #c3d9e4;border-radius:100px;padding:6px 11px;font-size:.75rem;font-weight:650;color:#426078;background:#fff9}
.hero-visual{position:relative;isolation:isolate;overflow:hidden;min-height:486px;border-radius:24px;background:linear-gradient(155deg,#e6faff 0%,#dcf2f7 55%,#d7e6f5 100%);border:1px solid #c3dfe9;box-shadow:0 26px 62px rgba(40,90,124,.14)}
.visual-grid{position:absolute;inset:0;background-image:linear-gradient(#98cad411 1px,transparent 1px),linear-gradient(90deg,#98cad411 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(#000,transparent 85%)}
.hero-visual::before{content:"";position:absolute;width:370px;height:370px;top:-185px;right:-90px;border-radius:50%;background:#85e7ed64;filter:blur(2px)}
.mock-browser{position:absolute;top:52px;left:41px;width:calc(100% - 105px);height:323px;border:1px solid #bfd3dc;border-radius:16px;background:#fff;box-shadow:0 25px 44px #23485c27;overflow:hidden;transform:rotate(-3deg)}
.mock-toolbar{height:41px;display:flex;align-items:center;gap:13px;border-bottom:1px solid #e5ebef;background:#fafcfd;padding:0 15px}.mock-dots{display:flex;gap:5px}.mock-dots i{display:block;width:7px;height:7px;border-radius:50%;background:#c7d5df}.mock-dots i:first-child{background:#79d5df}.mock-address{margin:auto;min-width:48%;text-align:center;border:1px solid #e8edf0;border-radius:5px;background:#fff;color:#8299a8;font-size:.65rem;line-height:21px}.mock-menu{font-size:.8rem;color:#a9b9c6}
.mock-content{padding:29px 27px;display:flex;flex-direction:column;align-items:flex-start}.mock-kicker{font-size:.62rem;color:#087f93;font-weight:850;letter-spacing:.13em;margin-bottom:16px}.mock-title,.mock-paragraph,.mock-button{display:block;border-radius:6px}.mock-title{height:17px;background:#203a55;width:76%;margin-bottom:9px}.mock-title.short{width:53%;height:16px;margin-bottom:17px}.mock-paragraph{height:8px;background:#d5e3eb;width:88%;margin-bottom:7px}.mock-paragraph.shorter{width:64%}.mock-button{height:27px;width:99px;background:#29bbcc;margin-top:12px}.mock-boxes{display:flex;width:100%;gap:9px;margin-top:28px}.mock-boxes span{height:61px;flex:1;background:#e9f4f7;border:1px solid #dcebf0;border-radius:7px}.mock-boxes span:nth-child(2){background:#e9effc}.mock-boxes span:nth-child(3){background:#eef0fc}
.mock-mail,.mock-host{position:absolute;display:flex;align-items:center;gap:12px;z-index:2;background:#fff;border:1px solid #d6e5eb;box-shadow:0 14px 34px #2b607326;border-radius:12px;padding:12px 14px}.mock-mail{top:160px;right:14px;transform:rotate(4deg)}.mock-host{bottom:38px;left:23px;transform:rotate(2deg)}.mock-mail-icon,.mock-host-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:8px;background:#d9f7f8;color:#057c94;font-size:1.2rem;flex:0 0 auto}.mock-host-icon{background:#dce9fc;color:#3571bb}.mock-mail strong,.mock-host strong,.mock-mail small,.mock-host small{display:block;white-space:nowrap}.mock-mail strong,.mock-host strong{color:#18324d;font-size:.75rem}.mock-mail small,.mock-host small{font-size:.65rem;color:#697d90}.mock-mail-check{display:grid;place-items:center;width:19px;height:19px;margin-left:6px;border-radius:50%;background:#4ac39c;color:#fff;font-size:.7rem}.mock-host-lights{display:flex;gap:4px;margin-left:11px}.mock-host-lights i{width:6px;height:6px;border-radius:50%;background:#49c9a1}.mock-host-lights i:last-child{background:#9ec3e8}.visual-caption{position:absolute;bottom:23px;right:26px;color:#377386;font-size:.67rem;letter-spacing:.02em;font-weight:700}
.section{padding:clamp(75px,8vw,115px) 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:37px}.section-head h2,.why h2{font-size:clamp(2.25rem,4.1vw,3.85rem);margin:14px 0 0}.section-head h2 span{color:#087b96}.section-head>p{max-width:350px;color:var(--muted);margin:0 0 4px}.services{background:#fff}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.service-card{position:relative;display:flex;flex-direction:column;min-height:357px;padding:31px;border-radius:17px;background:#f4f8fa;border:1px solid #d6e4ec;transition:transform .2s,border-color .2s,box-shadow .2s}.service-card:hover{transform:translateY(-6px);border-color:#64bfd0;box-shadow:0 18px 35px rgba(15,71,97,.1)}.card-id{font-size:.7rem;font-weight:850;letter-spacing:.14em;color:#087f93}.card-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:13px;background:#d9f5f8;color:#0c768b;font-size:1.95rem;margin:25px 0 17px}.service-card:nth-child(2) .card-icon{background:#e0eafb;color:#285aaa}.service-card:nth-child(3) .card-icon{background:#e9e3fb;color:#6552a8}.service-card h3{font-size:1.48rem;margin-bottom:13px}.service-card p{color:#4b5d72;font-size:.95rem;line-height:1.7;margin-bottom:25px}.service-card a{font-weight:800;color:#086881;font-size:.86rem;margin-top:auto}.service-card a:hover{text-decoration:underline;text-underline-offset:5px}
.why{background:#0a1b32;color:#f4f9ff}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,100px);align-items:center}.why .eyebrow{color:#79dce9}.why h2 span{color:#72dbea}.why-grid>div:first-child>p:not(.eyebrow){color:#b9cbdf;max-width:490px;font-size:1.06rem;line-height:1.8;margin:25px 0}.why-grid>div:first-child>a{color:#8eecfa;font-weight:800;border-bottom:1px solid #8eecfa;padding-bottom:4px}.why-list>div{display:grid;grid-template-columns:44px 1fr;gap:2px 17px;padding:18px 0;border-bottom:1px solid #3a4a60}.why-list>div:first-child{border-top:1px solid #3a4a60}.why-list span{grid-row:span 2;color:#75dbe9;font-size:.77rem;letter-spacing:.12em;font-weight:850;padding-top:3px}.why-list strong{font-size:1.06rem}.why-list p{grid-column:2;margin:0;color:#b9cbdf;font-size:.91rem}
.contact-band{background:#bdeef2;color:#09213a;padding:65px 0}.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.contact-band .eyebrow{color:#075e75}.contact-band h2{font-size:clamp(2rem,3.7vw,3.2rem);margin:12px 0 0}.btn-light{background:#09213a;color:white;flex-shrink:0}.footer{background:#071327;color:#c8d8e9}.footer-inner{display:flex;align-items:center;gap:30px;min-height:105px}.footer-inner>a{font-size:1.3rem;font-weight:850;letter-spacing:-.06em;color:white}.footer-inner>a span{color:#5ed8ed}.footer-inner>span{font-size:.83rem;margin-left:10px}.footer nav{display:flex;gap:20px;margin-left:auto;font-size:.85rem}.footer nav a:hover{color:#62dded}
@media(max-width:1020px){.header-inner{gap:17px}.nav{gap:13px}.nav a{font-size:.81rem}.hero-grid{gap:27px}.hero h1{font-size:clamp(2.7rem,5.1vw,4.3rem)}}
@media(max-width:800px){.wrap{width:min(var(--width),calc(100% - 36px))}.header-inner{flex-wrap:wrap;justify-content:space-between;gap:8px 15px;padding:11px 0 13px;min-height:0}.logo img{width:135px}.nav{order:3;width:100%;margin:4px 0 0;justify-content:flex-start;overflow-x:auto;gap:22px;padding-bottom:3px}.nav a{font-size:.84rem}.header-cta{margin:0;font-size:.84rem;padding:7px 11px}.hero-grid{grid-template-columns:1fr;min-height:0;padding:55px 0 65px}.hero-copy{max-width:690px}.hero h1{font-size:clamp(2.8rem,8vw,4.4rem)}.hero-visual{min-height:360px}.section-head{display:block}.section-head>p{max-width:600px;margin-top:20px}.service-grid{grid-template-columns:1fr 1fr}.service-card:last-child{grid-column:span 2}.why-grid{grid-template-columns:1fr;gap:30px}.contact-inner{align-items:flex-start;flex-direction:column}.footer-inner{flex-wrap:wrap;padding:25px 0;gap:12px 25px}.footer nav{margin-left:0;width:100%}}
@media(max-width:560px){.hero-grid{padding:42px 0 57px;gap:34px}.hero h1{font-size:clamp(2.7rem,11vw,3.5rem)}.hero-lead{font-size:1.02rem}.hero-tags{margin-top:28px}.hero-visual{min-height:300px}.section{padding:72px 0}.section-head h2,.why h2{font-size:clamp(2.1rem,9vw,3rem)}.service-grid{grid-template-columns:1fr}.service-card:last-child{grid-column:auto}.service-card{min-height:300px}.contact-band{padding:57px 0}.footer nav{flex-wrap:wrap;gap:10px 18px}}
@media(max-width:560px){.hero-visual{min-height:370px}.mock-browser{left:24px;top:30px;width:calc(100% - 65px);height:270px}.mock-content{padding:19px}.mock-kicker{margin-bottom:11px}.mock-title{height:13px}.mock-title.short{height:12px;margin-bottom:10px}.mock-paragraph{height:6px}.mock-boxes{margin-top:17px}.mock-boxes span{height:38px}.mock-mail{top:142px;right:8px;padding:9px;gap:8px}.mock-host{bottom:37px;left:10px;padding:9px;gap:8px}.mock-mail-icon,.mock-host-icon{width:28px;height:28px}.mock-mail-check,.mock-host-lights{display:none}.visual-caption{bottom:12px;right:14px;font-size:.55rem}}
@media(max-width:355px){.mock-mail strong,.mock-host strong{font-size:.68rem}.mock-mail small,.mock-host small{font-size:.58rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.service-card{transition:none}.btn:hover,.service-card:hover{transform:none}}

/* Mozgó, összekapcsolódó digitális elemek – csak CSS, külső script nélkül. */
.hero-visual::before{animation:ambient-glow 5.5s ease-in-out infinite alternate}
.visual-grid{animation:grid-breathe 7s ease-in-out infinite alternate}
.signal-lines{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible}
.signal-lines path{fill:none;stroke:#19a9ca;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:10 16;opacity:.65;animation:signal-flow 3.3s linear infinite;filter:drop-shadow(0 0 3px #4ae2ef)}
.signal-lines path:nth-child(2){animation-duration:4.2s;animation-direction:reverse;stroke:#717de0}
.mock-browser{z-index:1;animation:browser-float 6s ease-in-out infinite}
.mock-mail{z-index:3;animation:mail-float 4.5s ease-in-out infinite}
.mock-host{z-index:3;animation:host-float 5s ease-in-out infinite}
.mock-mail-check{animation:status-pulse 2.4s ease-in-out infinite}
.mock-host-lights i{animation:status-pulse 2.2s ease-in-out infinite alternate}
.mock-host-lights i:last-child{animation-delay:1s}
.visual-caption{z-index:3}
.hero-copy>.eyebrow,.hero-copy>h1,.hero-copy>.hero-lead,.hero-actions,.hero-tags{animation:enter-soft .8s both}
.hero-copy>h1{animation-delay:.12s}.hero-copy>.hero-lead{animation-delay:.24s}.hero-actions{animation-delay:.36s}.hero-tags{animation-delay:.48s}
.hero h1 em{background:linear-gradient(105deg,#087b96 5%,#19bdd0 38%,#325dcb 65%,#087b96 95%);background-size:220% auto;background-position:0 center;-webkit-background-clip:text;background-clip:text;color:transparent;animation:title-shimmer 5s linear infinite}
.service-card{overflow:hidden}.service-card::after{content:"";position:absolute;top:-110%;left:-90%;height:280%;width:45%;transform:rotate(26deg);background:linear-gradient(90deg,transparent,#fff9,transparent);opacity:0;pointer-events:none}
.service-card:hover::after{left:150%;opacity:1;transition:left .75s ease-out,opacity .25s ease-out}
@keyframes browser-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-12px) rotate(-1.4deg)}}
@keyframes mail-float{0%,100%{transform:translateY(0) rotate(4deg)}50%{transform:translateY(-13px) rotate(1deg)}}
@keyframes host-float{0%,100%{transform:translateY(0) rotate(2deg)}50%{transform:translateY(9px) rotate(4deg)}}
@keyframes ambient-glow{from{opacity:.38;transform:scale(.8)}to{opacity:1;transform:scale(1.18)}}
@keyframes grid-breathe{from{opacity:.35}to{opacity:.85}}
@keyframes signal-flow{to{stroke-dashoffset:-104}}
@keyframes status-pulse{0%,100%{opacity:.65;box-shadow:0 0 0 0 #4ac39c55}50%{opacity:1;box-shadow:0 0 0 7px #4ac39c00}}
@keyframes enter-soft{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes title-shimmer{to{background-position:220% center}}
@media(prefers-reduced-motion:reduce){
  .hero-visual::before,.visual-grid,.signal-lines path,.mock-browser,.mock-mail,.mock-host,.mock-mail-check,.mock-host-lights i,
  .hero-copy>.eyebrow,.hero-copy>h1,.hero-copy>.hero-lead,.hero-actions,.hero-tags,.hero h1 em{animation:none!important}
  .service-card:hover::after{transition:none;opacity:0}
}
.service-card a.service-secondary{margin-top:8px;font-size:.79rem;font-weight:650;color:#406a7b}