@charset "UTF-8";
/* Kezdőlap-specifikus megjelenés: nincs script, külső betűtípus vagy követőkód. */
.header{position:relative;z-index:5;border-bottom-color:#244a67;background:#071527}
.hero{position:relative;isolation:isolate;overflow:hidden;color:#f6fbff;background:radial-gradient(ellipse 38% 50% at 16% 6%,#24558580 0%,transparent 100%),radial-gradient(ellipse 47% 67% at 92% 75%,#075d7680 0%,transparent 100%),linear-gradient(125deg,#091829 2%,#102847 58%,#0b1835 100%);border-bottom:1px solid #214964}
.hero::before,.hero::after{content:"";position:absolute;pointer-events:none;z-index:0}
.hero::before{inset:-22% -12%;background:radial-gradient(circle at 77% 30%,#19e3df2f 0%,transparent 20%),radial-gradient(circle at 15% 80%,#7773f33b 0%,transparent 26%);animation:aurora-drift 13s ease-in-out infinite alternate}
.hero::after{inset:0;background-image:linear-gradient(#b2f9ff0b 1px,transparent 1px),linear-gradient(90deg,#b2f9ff0b 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent 4%,#000 48%,transparent 98%)}
.hero-grid{position:relative;z-index:1;min-height:704px;gap:clamp(24px,4vw,66px)}
.hero .eyebrow{color:#9feaf1}.hero .eyebrow-dot{background:#38f0da;box-shadow:0 0 0 5px #40edda29,0 0 18px #50ffee}
.hero h1{max-width:700px;text-wrap:balance;color:#fff;text-shadow:0 8px 30px #0005}
.hero h1 em{background-image:linear-gradient(105deg,#7cfbf0,#73ccff 38%,#bdabff 64%,#7cfbf0);filter:drop-shadow(0 0 11px #30dfee50)}
.hero-lead{color:#d6e8f3}
.hero .btn-dark{color:#07172a;background:linear-gradient(105deg,#9af8ec 0%,#6fd9f5 56%,#b8b0ff 100%);box-shadow:0 12px 34px #2ae6e85c, inset 0 1px #fff9}
.hero .btn-dark:hover{color:#061a2a;background:linear-gradient(105deg,#b9fff4,#8ce7ff,#c6c0ff);box-shadow:0 16px 39px #44e4e977}
.hero-more{color:#b6f7ff;border-color:#78becd}.hero-more:hover{color:#fff}
.hero-tags span{color:#e6faff;background:#102b48c9;border-color:#7de5ee6e;box-shadow:inset 0 1px #fff2}
.hero-visual{border-color:#a3e7f3a6;box-shadow:0 0 0 5px #7ce5ff15,0 40px 84px #020b2b91,0 0 62px #00dcec27}
.hero-visual::after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid #fff8;box-shadow:inset 0 0 22px #cfffff50;pointer-events:none;z-index:4}
.motion-ribbon{height:58px;overflow:hidden;display:flex;align-items:center;background:linear-gradient(90deg,#96f1ed,#b5eaf6 48%,#c4c2fa);border-block:1px solid #ffffff99;color:#0a2943;box-shadow:inset 0 2px 9px #155b7740}
.motion-ribbon-track{display:flex;width:max-content;white-space:nowrap;animation:brand-ribbon 27s linear infinite;will-change:transform}
.motion-ribbon-track>span{display:inline-block;flex:0 0 auto;padding:0 26px;font-weight:850;font-size:.86rem;letter-spacing:.16em;line-height:1.4}
.motion-ribbon i{font-style:normal;margin:0 25px;color:#0c6e8b;font-size:1.12rem}
.motion-ribbon:hover .motion-ribbon-track{animation-play-state:paused}
@keyframes brand-ribbon{to{transform:translateX(-50%)}}
.services{background:linear-gradient(#f9fcff,#f3f9ff)}
.services .section-head>p{max-width:390px}.services .section-head h2{letter-spacing:-.055em}
.service-card{background:linear-gradient(165deg,#fff 45%,#eaf9ff 130%);border-color:#cbdce8;box-shadow:0 7px 27px #173a6220;min-height:470px;overflow:hidden}
.service-card:nth-child(2){background:linear-gradient(165deg,#fff 45%,#eef2ff 130%)}
.service-card:nth-child(3){background:linear-gradient(165deg,#fff 45%,#f3efff 130%)}
.service-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#24d2d7,#3b96ef,#8873ec)}
.service-card:hover,.service-card:focus-within{border-color:#6dbfd5;box-shadow:0 24px 50px #173a6233}
.service-card .card-icon{box-shadow:inset 0 1px #fff,0 9px 19px #07769b25;transform:rotate(-5deg)}
.service-card p{margin-bottom:15px}
.service-points{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:8px;color:#36536a;font-size:.84rem;line-height:1.4}
.service-points li{position:relative;padding-left:21px}
.service-points li::before{content:"✓";position:absolute;left:0;color:#087f93;font-weight:900}
.service-card>a:first-of-type{margin-top:auto;padding-top:8px}
.service-extras{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(240px,.75fr);gap:28px;align-items:center;margin-top:22px;padding:clamp(25px,4vw,42px);border-radius:19px;background:radial-gradient(circle at 92% 5%,#1b658080,transparent 42%),linear-gradient(125deg,#091d34,#112d4b);border:1px solid #3a708a;box-shadow:0 21px 40px #1c4b6430;color:#f0faff}
.service-extras .eyebrow{color:#9aebf3}.service-extras h3{font-size:clamp(1.55rem,2.55vw,2.25rem);max-width:690px;margin:12px 0 17px;letter-spacing:-.045em}.service-extras p:not(.eyebrow){color:#d2e8f2;line-height:1.75;margin-bottom:0;max-width:760px}
.extras-tags{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px;align-content:center}.extras-tags>span{border:1px solid #8ae4ed66;border-radius:100px;padding:8px 12px;color:#dffbff;font-size:.79rem;background:#23678347}.extras-tags>a{display:inline-flex;align-items:center;gap:10px;color:#89edf2;font-size:.88rem;font-weight:800;padding:8px 0}.extras-tags>a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.mail-journey{position:relative;overflow:hidden;background:linear-gradient(135deg,#eaf7fb 0%,#f1f3ff 60%,#eafaf8 100%);border-top:1px solid #d4ebf3;border-bottom:1px solid #d4e4ee}
.mail-journey::before{content:"";position:absolute;width:510px;height:510px;right:-220px;top:-225px;border-radius:50%;background:radial-gradient(circle,#8bd9ef56,transparent 68%);pointer-events:none}
.journey-heading{position:relative;display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:37px}
.journey-heading h2{font-size:clamp(2.25rem,4.1vw,3.85rem);margin:12px 0 0}
.journey-heading h2 span{color:#087b96}
.journey-heading>p{color:#425b70;max-width:380px;margin:0 0 4px}
.journey-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;counter-reset:journey}
.journey-grid li{position:relative;padding:30px 29px 32px;background:#fffffff0;border:1px solid #cee4ec;border-radius:20px;box-shadow:0 13px 36px #12395113;transition:transform .25s ease,box-shadow .25s ease}
.journey-grid li:hover{transform:translateY(-5px);box-shadow:0 22px 42px #12395125}
.journey-grid li::after{content:"";position:absolute;top:31px;right:30px;width:32px;height:32px;border:1px solid #4ebbd759;border-radius:50%;box-shadow:0 0 0 8px #8be6ef1f,0 0 24px #54cfe488}
.journey-number{display:inline-flex;align-items:center;min-height:35px;color:#057f9b;letter-spacing:.1em;font-size:.83rem;font-weight:850}
.journey-grid h3{font-size:1.33rem;margin:26px 0 13px}
.journey-grid p{font-size:.95rem;line-height:1.72;color:#476075;margin:0}
.journey-link{display:inline-flex;gap:12px;margin-top:27px;color:#09617b;font-weight:800;border-bottom:1px solid #58afbd;padding-bottom:6px}
.journey-link:hover{color:#063b5f}
.why{background:radial-gradient(circle at 75% 12%,#1b4c687e,transparent 40%),#08172b}
.contact-band{background:linear-gradient(110deg,#a1f1ee,#b9e3fa 58%,#d4d1fa)}
@keyframes aurora-drift{from{transform:translate3d(-2%,1%,0) scale(1)}to{transform:translate3d(3%,-2%,0) scale(1.05)}}
@keyframes view-rise{from{transform:translateY(22px)}to{transform:translateY(0)}}
@keyframes view-icon{from{transform:translateY(15px) rotate(-5deg) scale(.88)}to{transform:translateY(0) rotate(-5deg) scale(1)}}
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    .services .section-head,.service-extras,.why .why-list>div,.contact-band .contact-inner{animation:view-rise linear both;animation-timeline:view();animation-range:entry 0% entry 100%}
    .service-card .card-icon{animation:view-icon linear both;animation-timeline:view();animation-range:entry 0% entry 100%}
  }
}
@media(max-width:800px){.hero-grid{min-height:0}.journey-heading{display:block}.journey-heading>p{max-width:600px;margin-top:20px}.journey-grid{grid-template-columns:1fr 1fr}.journey-grid li:last-child{grid-column:span 2}.service-card{min-height:0}.service-extras{grid-template-columns:1fr}.extras-tags{gap:8px}}
@media(max-width:560px){.hero h1{font-size:clamp(2.55rem,10.5vw,3.55rem)}.hero-grid{padding-top:54px}.hero-actions .btn{max-width:100%;text-align:center}.service-grid,.journey-grid{grid-template-columns:1fr}.journey-grid li:last-child{grid-column:auto}.journey-grid li{padding:26px 24px}.journey-grid h3{margin-top:19px}.contact-band h2{font-size:clamp(1.8rem,8vw,2.55rem)}}
@media(prefers-reduced-motion:reduce){.hero::before,.motion-ribbon-track{animation:none}.journey-grid li{transition:none}.journey-grid li:hover{transform:none}.motion-ribbon-track{will-change:auto}}
@media print{.motion-ribbon{display:none}}