/* Quiet editorial finish, confined to this landing. Shared typography and FAQ stay intact. */
.weboldal-keszites-page .wh-launch-hero { padding-bottom:72px; }
.weboldal-keszites-page .wh-launch-topline > span:last-child { display:none; }
.weboldal-keszites-page .wh-launch-summary { margin-top:30px; }
.weboldal-keszites-page .wh-launch-summary > div { align-items:flex-start; }
.weboldal-keszites-page .wh-side-note,
.weboldal-keszites-page .wh-journey-note,
.weboldal-keszites-page .wh-hub-note,
.weboldal-keszites-page .wh-mail-stationery > .fcard-label { display:none; }
.weboldal-keszites-page .wh-service { border-bottom:1px solid var(--border); }
.weboldal-keszites-page .wh-service .wh-service-visual > img { border-radius:16px; }
.weboldal-keszites-page .wh-site-plan { box-shadow:none; }
.weboldal-keszites-page .wh-wp-reference { box-shadow:none; border:1px solid var(--border); border-radius:16px; }
.weboldal-keszites-page .wh-wp-reference::before,
.weboldal-keszites-page .wh-wp-reference::after { display:none; }
.weboldal-keszites-page .wh-wp-references { scrollbar-width:none; }
.weboldal-keszites-page .wh-wp-references::-webkit-scrollbar { display:none; }
.weboldal-keszites-page .wh-wp-reference figcaption { padding:18px 22px 22px; }
.weboldal-keszites-page .wh-wp-showcase > .fcard-name { margin-bottom:20px; }
.weboldal-keszites-page .wh-wp-controls { justify-content:center; gap:18px; margin-top:16px; }
.weboldal-keszites-page .wh-slider-arrow { display:inline-grid; place-items:center; flex:0 0 40px; width:40px; height:40px; padding:0; border:1px solid var(--border); border-radius:50%; background:transparent; color:var(--darkGray); cursor:pointer; transition:color .2s,border-color .2s,background .2s; }
.weboldal-keszites-page .wh-slider-arrow:hover { color:var(--primary); border-color:var(--primary); background:rgba(0,96,254,.04); }
.weboldal-keszites-page .wh-slider-arrow:focus-visible,
.weboldal-keszites-page .wh-wp-pagination button:focus-visible { outline:2px solid var(--primary); outline-offset:4px; }
.weboldal-keszites-page .wh-slider-arrow:disabled { opacity:.3; cursor:default; }
.weboldal-keszites-page .wh-slider-arrow[hidden] { display:none; }
.weboldal-keszites-page .wh-wp-pagination button { width:7px; height:7px; }
.weboldal-keszites-page .wh-wp-pagination button::after { content:''; display:block; width:24px; height:30px; transform:translate(-8px,-12px); }
.weboldal-keszites-page .wh-flow-toolbar > div { gap:8px; }
.weboldal-keszites-page .wh-flow-toolbar > p { max-width:65%; }
.weboldal-keszites-page .wh-flow .wh-flow-node { box-shadow:none; border:1px solid var(--border); border-radius:16px; }
.weboldal-keszites-page .wh-flow-phase,
.weboldal-keszites-page .wh-flow-node-top > img,
.weboldal-keszites-page .wh-flow-result > span { display:none; }
.weboldal-keszites-page .wh-flow-close { border-top:1px solid var(--border); padding-top:24px; }
.weboldal-keszites-page .wh-mail-stationery,
.weboldal-keszites-page .wh-mail-envelope { transform:none; }
.weboldal-keszites-page .wh-value-scene::after,
.weboldal-keszites-page .wh-type-art::after { display:none; }
@media(min-width:992px) {
 .weboldal-keszites-page .wh-service { padding-block:100px; }
 .weboldal-keszites-page .wh-workspace-layout { gap:6%; }
}
@media(max-width:575px) {
 .weboldal-keszites-page .wh-launch-hero { padding-bottom:48px; }
 .weboldal-keszites-page .wh-service { padding-block:60px; }
 .weboldal-keszites-page .wh-wp-controls { gap:14px; }
}
@media(prefers-reduced-motion:reduce) { .weboldal-keszites-page .wh-slider-arrow { transition:none; } }

.weboldal-keszites-page .wh-wp-reference { background:var(--semi-dark-2); }
.weboldal-keszites-page .wh-technology-note { grid-template-columns:160px minmax(0,1fr); }
@media(max-width:575px) { .weboldal-keszites-page .wh-technology-note { grid-template-columns:1fr; } }

/* Existing pricing atmosphere, with service-specific animated line illustrations. */
.weboldal-keszites-page .wh-site-plan .wh-plan-art { width:120px; height:92px; display:block; margin:0 0 18px; background:none; box-shadow:none; color:var(--primary); }
.weboldal-keszites-page .wh-plan-art svg { display:block; width:120px; height:92px; overflow:visible; }
.weboldal-keszites-page .wh-plan-accent { transform-box:fill-box; transform-origin:center; animation:wh-plan-detail 4s ease-in-out infinite; }
.weboldal-keszites-page .col-lg-4:nth-child(2) .wh-plan-accent { animation-delay:.6s; }
.weboldal-keszites-page .col-lg-4:nth-child(3) .wh-plan-accent { animation-delay:1.2s; }
@keyframes wh-plan-detail { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-3px); } }
@media(prefers-reduced-motion:reduce) { .weboldal-keszites-page .wh-plan-accent { animation:none; } }

/* Compact capability grid; shared heading and paragraph styles. */
.weboldal-keszites-page .wh-integrations .se-head { max-width:850px; margin-inline:auto; }
.weboldal-keszites-page .wh-integration-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; margin:36px 0 0; border:1px solid var(--border); border-radius:18px; overflow:hidden; }
.weboldal-keszites-page .wh-integration-grid > li { position:relative; display:flex; gap:14px; padding:24px 20px; border-right:1px solid var(--border); border-bottom:1px solid var(--border); background:transparent; transition:background .25s; }
.weboldal-keszites-page .wh-integration-grid > li:nth-child(4n) { border-right:0; }
.weboldal-keszites-page .wh-integration-grid > li:nth-last-child(-n+4) { border-bottom:0; }
.weboldal-keszites-page .wh-integration-grid > li > svg { color:var(--primary); font-size:19px; width:24px; flex-shrink:0; margin-top:3px; transition:transform .25s; }
.weboldal-keszites-page .wh-integration-grid .fcard-name { font-size:14px; line-height:1.5; margin:0 0 6px; }
.weboldal-keszites-page .wh-integration-grid .fcard-desc { font-size:12px; line-height:1.7; margin:0; }
.weboldal-keszites-page .wh-integration-grid > li:hover { background:linear-gradient(135deg,rgba(0,96,254,.06),transparent); }
.weboldal-keszites-page .wh-integration-grid > li:hover > i { transform:translateY(-3px); }
.weboldal-keszites-page .wh-integration-footer { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:28px; }
.weboldal-keszites-page .wh-integration-footer > p { max-width:650px; }
.weboldal-keszites-page .wh-integration-footer > a { flex-shrink:0; }
@media(max-width:991px) {
 .weboldal-keszites-page .wh-integration-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .weboldal-keszites-page .wh-integration-grid > li:nth-child(4n) { border-right:1px solid var(--border); }
 .weboldal-keszites-page .wh-integration-grid > li:nth-child(3n) { border-right:0; }
 .weboldal-keszites-page .wh-integration-grid > li:nth-last-child(4) { border-bottom:1px solid var(--border); }
}
@media(max-width:575px) {
 .weboldal-keszites-page .wh-integration-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .weboldal-keszites-page .wh-integration-grid > li { padding:19px 14px; gap:10px; flex-direction:column; }
 .weboldal-keszites-page .wh-integration-grid > li:nth-child(3n) { border-right:1px solid var(--border); }
 .weboldal-keszites-page .wh-integration-grid > li:nth-child(2n) { border-right:0; }
 .weboldal-keszites-page .wh-integration-grid > li:nth-last-child(3) { border-bottom:1px solid var(--border); }
 .weboldal-keszites-page .wh-integration-footer { flex-direction:column; align-items:flex-start; }
}
@media(prefers-reduced-motion:reduce) { .weboldal-keszites-page .wh-integration-grid > li,.weboldal-keszites-page .wh-integration-grid > li > svg { transition:none; }.weboldal-keszites-page .wh-integration-grid > li:hover > i { transform:none; } }

/* Small, opt-in table of contents. Left placement leaves shared right-side controls free. */
.weboldal-keszites-page .wh-toc { position:fixed; left:20px; bottom:24px; z-index:90; max-width:calc(100vw - 40px); }
.weboldal-keszites-page .wh-toc-toggle { display:flex; align-items:center; gap:9px; padding:11px 15px; border:1px solid var(--border); border-radius:30px; background:var(--semi-dark-2); color:var(--darkGray); box-shadow:0 4px 20px rgba(0,20,60,.08); font:inherit; font-size:12px; cursor:pointer; }
.weboldal-keszites-page .wh-toc-toggle svg { color:var(--primary); }
.weboldal-keszites-page .wh-toc-panel { position:absolute; bottom:54px; left:0; width:330px; max-width:calc(100vw - 40px); border:1px solid var(--border); border-radius:16px; background:var(--semi-dark-2); box-shadow:0 12px 45px rgba(0,20,60,.12); overflow:hidden; }
.weboldal-keszites-page.light-theme .wh-toc-toggle,.weboldal-keszites-page.light-theme .wh-toc-panel { background:#fff; }
.weboldal-keszites-page .wh-toc-panel[hidden] { display:none; }
.weboldal-keszites-page .wh-toc-head { display:flex; justify-content:space-between; align-items:center; padding:13px 16px; border-bottom:1px solid var(--border); color:var(--darkBlue); font-size:12px; }
.weboldal-keszites-page .wh-toc-close { display:grid; place-items:center; width:32px; height:32px; padding:0; border:0; background:none; color:var(--darkGray); font-size:23px; cursor:pointer; }
.weboldal-keszites-page .wh-toc nav { max-height:min(440px,60vh); overflow-y:auto; overscroll-behavior:contain; padding:8px; scrollbar-width:thin; }
.weboldal-keszites-page .wh-toc ol { list-style:none; padding:0; margin:0; }
.weboldal-keszites-page .wh-toc li + li { border-top:1px solid var(--border); }
.weboldal-keszites-page .wh-toc a { display:block; padding:11px 10px; color:var(--darkGray); font-size:12px; line-height:1.55; border-radius:8px; transition:background .2s,color .2s; }
.weboldal-keszites-page .wh-toc a:hover,.weboldal-keszites-page .wh-toc a[aria-current] { color:var(--primary); background:rgba(0,96,254,.06); }
.weboldal-keszites-page .wh-toc :focus-visible { outline:2px solid var(--primary); outline-offset:-2px; }
@media(max-width:575px) { .weboldal-keszites-page .wh-toc { left:12px; bottom:16px; }.weboldal-keszites-page .wh-toc-panel { max-width:calc(100vw - 24px); }.weboldal-keszites-page .wh-toc-toggle { padding:10px 13px; } }
@media print { .weboldal-keszites-page .wh-toc { display:none; } }
@media(prefers-reduced-motion:reduce) { .weboldal-keszites-page .wh-toc a { transition:none; } }

/* Hero client marks: original artwork, monochrome until hover, no links. */
.weboldal-keszites-page .wh-brand-strip { margin-top:56px; padding-top:26px; border-top:1px solid var(--border); }
.weboldal-keszites-page .wh-brand-strip > p { margin:0; text-align:center; font-size:12px; }
.weboldal-keszites-page .wh-brand-window { margin-top:24px; overflow:hidden; mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent); }
.weboldal-keszites-page .wh-brand-window[hidden] { display:none; }
.weboldal-keszites-page .wh-brand-track { display:flex; width:max-content; }
.weboldal-keszites-page .wh-brand-group { display:flex; flex-shrink:0; align-items:center; gap:60px; padding-right:60px; }
.weboldal-keszites-page .wh-brand-group img { display:block; width:156px; height:56px; object-fit:contain; filter:grayscale(1) brightness(.35); opacity:.65; transition:filter .3s,opacity .3s; }
.weboldal-keszites-page .wh-brand-group img:hover { filter:none; opacity:1; }
.weboldal-keszites-page .wh-brand-running { animation:wh-brand-scroll 35s linear infinite; }
.weboldal-keszites-page .wh-brand-window:hover .wh-brand-running { animation-play-state:paused; }
@keyframes wh-brand-scroll { to { transform:translateX(-50%); } }
@media(max-width:575px) { .weboldal-keszites-page .wh-brand-strip { margin-top:36px; }.weboldal-keszites-page .wh-brand-group { gap:35px; padding-right:35px; }.weboldal-keszites-page .wh-brand-group img { width:125px; height:44px; } }
@media(prefers-reduced-motion:reduce) { .weboldal-keszites-page .wh-brand-running { animation:none; }.weboldal-keszites-page .wh-brand-window { overflow-x:auto; mask-image:none; }.weboldal-keszites-page .wh-brand-track > .wh-brand-group[aria-hidden] { display:none; }.weboldal-keszites-page .wh-brand-group img { transition:none; } }

/* Dedicated two-up reference carousel and full-height screenshot previews. */
.weboldal-keszites-page .wh-reference-section .wh-wp-reference { flex-basis:calc((100% - 24px)/2); }
.weboldal-keszites-page .wh-reference-screen { height:340px; overflow:hidden; position:relative; background:var(--semi-dark-2); }
.weboldal-keszites-page .wh-reference-screen img { width:100%; max-width:100%; height:auto; display:block; transform:translateY(0); transition:transform .8s ease; }
.weboldal-keszites-page .wh-reference-screen:focus-visible { outline:2px solid var(--primary); outline-offset:-3px; }
.weboldal-keszites-page .wh-workspace-layout { display:block; }
.weboldal-keszites-page .wh-workspace-copy { max-width:850px; margin-inline:auto; }
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
 .weboldal-keszites-page .wh-reference-screen:hover img,.weboldal-keszites-page .wh-reference-screen:focus-visible img { transform:translateY(var(--wh-preview-offset,0px)); transition:transform var(--wh-preview-duration,6s) linear; }
}
@media(max-width:767px) { .weboldal-keszites-page .wh-reference-section .wh-wp-reference { flex-basis:100%; }.weboldal-keszites-page .wh-reference-screen { height:280px; } }
@media(hover:none),(prefers-reduced-motion:reduce) { .weboldal-keszites-page .wh-reference-screen { overflow-y:auto; overscroll-behavior-y:contain; scrollbar-width:thin; }.weboldal-keszites-page .wh-reference-screen img { transition:none; transform:none; } }
.weboldal-keszites-page.light-theme .wh-reference-section .wh-wp-reference { background:#fff; }

/* Testimonials belong to the same reference surface, without a second section heading. */

.weboldal-keszites-page.light-theme .wh-reference-section .wh-wp-reference .fcard-name { color:#111; }

.weboldal-keszites-page .wh-reference-screen { border-radius:16px 16px 0 0; }
/* Each project carries its own existing customer review. */
.weboldal-keszites-page .wh-reference-section .wh-wp-reference { display:flex; flex-direction:column; }
.weboldal-keszites-page .wh-reference-screen { flex-shrink:0; }
.weboldal-keszites-page .wh-reference-section figcaption { display:flex; flex-direction:column; flex:1; }
.weboldal-keszites-page .wh-reference-review { padding-top:20px; margin-top:20px; border-top:1px solid var(--border); }
.weboldal-keszites-page .wh-reference-stars { display:flex; gap:3px; color:#d97706; margin-bottom:12px; }
.weboldal-keszites-page .wh-reference-review blockquote { margin:0; padding:0; border:0; background:none; }
.weboldal-keszites-page .wh-reference-review blockquote p { margin:0; color:var(--darkGray); font-size:13px; line-height:1.8; }
.weboldal-keszites-page .wh-reference-review-context { margin:12px 0 0; color:var(--darkGray); font-size:10px; line-height:1.6; opacity:.8; }


.weboldal-keszites-page .wh-launch-included { display:grid; grid-template-columns:2fr 1fr; gap:36px; align-items:center; padding:32px; }
.weboldal-keszites-page .wh-launch-included > p { padding-left:28px; border-left:1px solid var(--border); font-size:12px; }
@media(max-width:767px) { .weboldal-keszites-page .wh-launch-included { grid-template-columns:1fr; gap:24px; padding:24px; }.weboldal-keszites-page .wh-launch-included > p { padding:20px 0 0; border-left:0; border-top:1px solid var(--border); } }
/* Final surface rhythm: BrandHost blue, ink and porcelain. Shared heading metrics remain intact. */
.weboldal-keszites-page #website-hero {
 position:relative; overflow:hidden; padding-bottom:64px;
 background:radial-gradient(ellipse at 88% 10%,rgba(109,86,255,.11),transparent 48%),linear-gradient(145deg,#fff 30%,#f2f6ff);
}
.weboldal-keszites-page #website-hero > .container { position:relative; z-index:1; }
.weboldal-keszites-page #website-hero .title-1 { max-width:900px; }
.weboldal-keszites-page .wh-brand-strip { border-color:rgba(30,58,110,.12); }
.weboldal-keszites-page #technikai-alapok {
 position:relative; border:0; overflow:hidden;
 background:radial-gradient(ellipse at 90% 15%,rgba(53,89,241,.24),transparent 52%),linear-gradient(125deg,#0d162d,#152442);
}
.weboldal-keszites-page #technikai-alapok .se-title-2,
.weboldal-keszites-page #technikai-alapok .fcard-name { color:#f7f9ff; }
.weboldal-keszites-page #technikai-alapok .fcard-desc { color:#bfcce3; }
.weboldal-keszites-page #technikai-alapok > .container > .row:first-child > div:first-child > .fcard-label { color:#bbd1ff; border-color:rgba(135,172,255,.3); background:rgba(97,144,255,.1); }
.weboldal-keszites-page #technikai-alapok .wh-service-visual { padding-left:42px; }
.weboldal-keszites-page #technikai-alapok .wh-service-visual > img { border-radius:24px; box-shadow:0 24px 70px rgba(0,0,0,.2); }
.weboldal-keszites-page #technikai-alapok > .container > .row.mt-4 { margin-top:48px !important; }
.weboldal-keszites-page #technikai-alapok > .container > .row.mt-4 > div { border-top:1px solid rgba(168,192,241,.2); padding-top:24px; }
.weboldal-keszites-page #technikai-alapok .wh-launch-included { background:rgba(255,255,255,.055); border:1px solid rgba(168,192,241,.2); box-shadow:none; border-radius:20px; margin-top:12px; }
.weboldal-keszites-page #technikai-alapok .wh-launch-included::before,
.weboldal-keszites-page #technikai-alapok .wh-launch-included::after { display:none; }
.weboldal-keszites-page #technikai-alapok .wh-launch-included .fcard-label { color:#bcd2ff; background:rgba(97,144,255,.1); border-color:rgba(135,172,255,.25); }
.weboldal-keszites-page #technikai-alapok .wh-launch-included > p { border-color:rgba(168,192,241,.2); }
.weboldal-keszites-page #weboldal-megoldasok { background:#f4f6fb; }
.weboldal-keszites-page #weboldal-megoldasok .wh-site-plan { border:1px solid #dfe5f1; box-shadow:0 12px 36px rgba(26,48,95,.045); border-radius:22px; transition:transform .3s,box-shadow .3s; }
.weboldal-keszites-page #weboldal-megoldasok .wh-site-plan:hover { transform:translateY(-5px); box-shadow:0 24px 50px rgba(26,48,95,.1); }
.weboldal-keszites-page #weboldal-megoldasok .plan-ui-wrap { opacity:.65; }
.weboldal-keszites-page #referenciak { background:#fff; }
.weboldal-keszites-page #referenciak .wh-wp-reference { border-color:#e1e7f0; box-shadow:0 12px 36px rgba(26,48,95,.05); }
.weboldal-keszites-page #referenciak .wh-reference-review { border-color:#e7ebf3; }
.weboldal-keszites-page #referenciak figcaption { padding:24px; }
.weboldal-keszites-page #wordpress { background:linear-gradient(135deg,#f0f5ff,#f7f8fd 65%,#f1edff); border:0; }
.weboldal-keszites-page #wordpress .wh-service-visual { padding-left:35px; }
.weboldal-keszites-page #wordpress .wh-service-visual img { filter:drop-shadow(0 24px 35px rgba(30,65,135,.1)); }
.weboldal-keszites-page #weboldal-funkciok { background:linear-gradient(125deg,#0d162d,#162747); }
.weboldal-keszites-page #weboldal-funkciok .se-title-2,
.weboldal-keszites-page #weboldal-funkciok .fcard-name { color:#f7f9ff; }
.weboldal-keszites-page #weboldal-funkciok .se-para,
.weboldal-keszites-page #weboldal-funkciok .fcard-desc { color:#bfcee6; }
.weboldal-keszites-page #weboldal-funkciok .fcard-label { color:#bbd1ff; background:rgba(97,144,255,.1); border-color:rgba(135,172,255,.3); }
.weboldal-keszites-page #weboldal-funkciok .wh-integration-grid { border-color:rgba(168,192,241,.18); background:rgba(255,255,255,.025); }
.weboldal-keszites-page #weboldal-funkciok .wh-integration-grid > li { border-color:rgba(168,192,241,.18); }
.weboldal-keszites-page #weboldal-funkciok .wh-integration-grid > li > svg { color:#8eb8ff; }
.weboldal-keszites-page #weboldal-funkciok .wh-integration-grid > li:hover { background:rgba(118,159,255,.08); }
.weboldal-keszites-page #weboldal-folyamat { background:#f4f6fb; }
.weboldal-keszites-page #weboldal-folyamat .wh-flow-node { background:#fff; border-color:#e0e6f0; box-shadow:0 8px 24px rgba(26,48,95,.035); }
.weboldal-keszites-page #weboldal-folyamat .wh-flow-number { background:#eef3ff; color:#255df5; box-shadow:none; }
.weboldal-keszites-page #faqs { background:#fff; }
.weboldal-keszites-page #ajanlatkeres { background:#f4f6fb; }
.weboldal-keszites-page #ajanlatkeres .cta-glass-card { padding:65px 40px; border:1px solid rgba(255,255,255,.14); border-radius:28px; background:radial-gradient(ellipse at 90% 0%,rgba(129,100,255,.4),transparent 65%),linear-gradient(120deg,#102248,#17498c); box-shadow:0 24px 65px rgba(16,34,72,.13); }
.weboldal-keszites-page #ajanlatkeres .cta-glass-card::before,
.weboldal-keszites-page #ajanlatkeres .cta-glass-card::after { display:none; }
.weboldal-keszites-page #ajanlatkeres .se-title-2 { color:#fff; }
.weboldal-keszites-page #ajanlatkeres .fcard-desc { color:#d2dff5; max-width:640px; margin-inline:auto; }
@media(max-width:991px) {
 .weboldal-keszites-page #technikai-alapok .wh-service-visual,
 .weboldal-keszites-page #wordpress .wh-service-visual { padding-left:15px; }
 .weboldal-keszites-page #technikai-alapok .wh-service-visual { margin-top:12px; }
}
@media(max-width:575px) {
 .weboldal-keszites-page #technikai-alapok > .container > .row.mt-4 { margin-top:30px !important; }
 .weboldal-keszites-page #ajanlatkeres .cta-glass-card { padding:40px 22px; border-radius:22px; }
 .weboldal-keszites-page #referenciak figcaption { padding:20px; }
}
@media(prefers-reduced-motion:reduce) { .weboldal-keszites-page #weboldal-megoldasok .wh-site-plan { transition:none; }.weboldal-keszites-page #weboldal-megoldasok .wh-site-plan:hover { transform:none; } }
.weboldal-keszites-page #technikai-alapok > .container > .row:first-child > div:first-child > .fcard-desc { margin-bottom:18px; }
.weboldal-keszites-page.light-theme .wh-plan-art svg [fill="var(--semi-dark-2)"] { fill:#fff; }
/* Light-only BrandHost palette. */
.weboldal-keszites-page #technikai-alapok { background:radial-gradient(ellipse at 90% 15%,rgba(124,149,255,.12),transparent 60%),linear-gradient(120deg,#eef3ff,#f7f5ff); border-block:1px solid #e3e8f5; }
.weboldal-keszites-page #technikai-alapok .se-title-2,
.weboldal-keszites-page #technikai-alapok .fcard-name { color:#10182d; }
.weboldal-keszites-page #technikai-alapok .fcard-desc { color:#526483; }
.weboldal-keszites-page #technikai-alapok > .container > .row:first-child > div:first-child > .fcard-label,
.weboldal-keszites-page #technikai-alapok .wh-launch-included .fcard-label { color:#245cf2; border-color:#cfdaff; background:#e8eeff; }
.weboldal-keszites-page #technikai-alapok .wh-service-visual > img { box-shadow:0 22px 55px rgba(58,85,158,.09); }
.weboldal-keszites-page #technikai-alapok > .container > .row.mt-4 > div { border-color:#dbe3f3; }
.weboldal-keszites-page #technikai-alapok .wh-launch-included { background:rgba(255,255,255,.8); border-color:#dbe3f3; box-shadow:0 12px 35px rgba(58,85,158,.04); }
.weboldal-keszites-page #technikai-alapok .wh-launch-included > p { border-color:#dbe3f3; }
.weboldal-keszites-page #weboldal-funkciok { background:linear-gradient(130deg,#f0f5ff,#f7f4ff); }
.weboldal-keszites-page #weboldal-funkciok .se-title-2,
.weboldal-keszites-page #weboldal-funkciok .fcard-name { color:#10182d; }
.weboldal-keszites-page #weboldal-funkciok .se-para,
.weboldal-keszites-page #weboldal-funkciok .fcard-desc { color:#526483; }
.weboldal-keszites-page #weboldal-funkciok .fcard-label { color:#245cf2; background:#e8eeff; border-color:#cfdaff; }
.weboldal-keszites-page #weboldal-funkciok .wh-integration-grid { background:rgba(255,255,255,.72); border-color:#dbe3f3; }
.weboldal-keszites-page #weboldal-funkciok .wh-integration-grid > li { border-color:#dbe3f3; }
.weboldal-keszites-page #weboldal-funkciok .wh-integration-grid > li > svg { color:#3168f2; }
.weboldal-keszites-page #weboldal-funkciok .wh-integration-grid > li:hover { background:rgba(91,129,255,.055); }
.weboldal-keszites-page #ajanlatkeres .cta-glass-card { background:radial-gradient(ellipse at 90% 0%,rgba(164,145,255,.12),transparent 65%),linear-gradient(120deg,#edf3ff,#f7f4ff); border-color:#dbe3f3; box-shadow:0 18px 55px rgba(58,85,158,.07); }
.weboldal-keszites-page #ajanlatkeres .se-title-2 { color:#10182d; }
.weboldal-keszites-page #ajanlatkeres .fcard-desc { color:#526483; }

/* Process B: a scroll-drawn circuit route, with a complete readable no-JS fallback. */
.weboldal-keszites-page .wh-route { background:linear-gradient(135deg,#f5f8ff,#f9f7ff); }
.weboldal-keszites-page .wh-route-map { position:relative; margin-top:44px; padding:16px 32px 8px; }
.weboldal-keszites-page .wh-route-lines { position:absolute; inset:0; width:100%; height:100%; overflow:visible; pointer-events:none; }
.weboldal-keszites-page .wh-route-lines path { fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.weboldal-keszites-page .wh-route-base { stroke:#d7e2f7; }
.weboldal-keszites-page .wh-route-progress { stroke:#416cfa; }
.weboldal-keszites-page .wh-route-signal { fill:#416cfa; stroke:#fff; stroke-width:3; }
.weboldal-keszites-page .wh-route-stops { position:relative; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-areas:'s0 s1' 's3 s2' 's4 s5' 'finish s6'; gap:56px 70px; margin:0; padding:0; }
.weboldal-keszites-page .wh-route-stop { grid-area:var(--route-area); min-width:0; }
.weboldal-keszites-page .wh-route-pin { display:grid; place-items:center; width:42px; height:42px; border:1px solid #cfdbf3; border-radius:12px; background:#f4f7ff; color:#637494; font-size:12px; font-weight:700; box-shadow:0 0 0 9px #f5f7ff; position:relative; z-index:1; transition:background .3s,color .3s,box-shadow .3s; }
.weboldal-keszites-page .wh-route-content { margin-top:20px; padding:24px; background:rgba(255,255,255,.86); border:1px solid #e0e7f4; border-radius:18px; transition:border-color .35s,box-shadow .35s; }
.weboldal-keszites-page .wh-route-content .fcard-desc { margin:0; }
.weboldal-keszites-page .wh-route-output { display:block; color:#3865e7; font-size:11px; line-height:1.6; margin-top:16px; padding-top:14px; border-top:1px solid #e8edf6; }
.weboldal-keszites-page .wh-route-stop.is-reached .wh-route-pin { background:#3264f3; color:#fff; border-color:#3264f3; box-shadow:0 0 0 8px #e6edff; }
.weboldal-keszites-page .wh-route-stop.is-reached .wh-route-content { border-color:#bfcff7; box-shadow:0 10px 30px rgba(60,90,160,.045); }
.weboldal-keszites-page .wh-route-destination .wh-route-content { background:linear-gradient(135deg,#fff,#edf2ff); }
.weboldal-keszites-page .wh-route-destination .btn { margin-top:20px; }
@media(max-width:767px) {
 .weboldal-keszites-page .wh-route-map { padding:8px 0; margin-top:30px; }
 .weboldal-keszites-page .wh-route-stops { display:flex; flex-direction:column; gap:24px; }
 .weboldal-keszites-page .wh-route-stop { display:grid; grid-template-columns:34px minmax(0,1fr); gap:16px; }
 .weboldal-keszites-page .wh-route-pin { width:34px; height:34px; border-radius:10px; font-size:11px; }
 .weboldal-keszites-page .wh-route-content { margin-top:0; padding:20px; }
}
@media(prefers-reduced-motion:reduce) { .weboldal-keszites-page .wh-route-pin,.weboldal-keszites-page .wh-route-content { transition:none; } }

/* Hero brief: a factual extract alongside the main message. */
.weboldal-keszites-page .wh-hero-layout { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr); align-items:center; gap:7%; padding-top:20px; }
.weboldal-keszites-page .wh-hero-copy { min-width:0; }
.weboldal-keszites-page #website-hero .wh-launch-summary { display:block; margin-top:24px; }
.weboldal-keszites-page #website-hero .wh-launch-summary > div { margin-top:28px; }
.weboldal-keszites-page #website-hero .wh-launch-summary .para-1 { max-width:620px; }
.weboldal-keszites-page .wh-hero-extract { padding:32px; min-width:0; border:1px solid #dce5f5; border-radius:26px; background:#fff; box-shadow:0 20px 65px rgba(50,78,145,.09); text-align:left; }
.weboldal-keszites-page .wh-hero-extract::before,.weboldal-keszites-page .wh-hero-extract::after { display:none; }
.weboldal-keszites-page .wh-extract-head { padding-bottom:20px; border-bottom:1px solid #dce5f5; }
.weboldal-keszites-page .wh-extract-head .fcard-label { font-size:10px; letter-spacing:1px; margin-bottom:14px; }
.weboldal-keszites-page .wh-extract-head .fcard-name { margin:0; }
.weboldal-keszites-page .wh-hero-extract dl { margin:0; }
.weboldal-keszites-page .wh-hero-extract dl > div { display:grid; grid-template-columns:1fr 1.1fr; gap:14px; align-items:center; padding:18px 0; border-bottom:1px dashed #e1e7f2; }
.weboldal-keszites-page .wh-hero-extract dl > div:last-child { border:0; }
.weboldal-keszites-page .wh-hero-extract dt { font-size:12px; font-weight:400; color:#62718e; line-height:1.6; }
.weboldal-keszites-page .wh-hero-extract dd { margin:0; font-size:16px; font-weight:700; line-height:1.5; text-align:right; color:#245cf2; }
.weboldal-keszites-page .wh-extract-note { display:flex; align-items:center; gap:12px; padding:18px; margin:12px -10px -10px; border-radius:14px; background:linear-gradient(120deg,#edf3ff,#f4f0ff); }
.weboldal-keszites-page .wh-extract-note svg { flex-shrink:0; color:#245cf2; }
.weboldal-keszites-page .wh-extract-note p { margin:0; color:#526483; font-size:11px; line-height:1.7; }
@media(max-width:991px) { .weboldal-keszites-page .wh-hero-layout { grid-template-columns:1fr; gap:36px; padding-top:12px; }.weboldal-keszites-page .wh-hero-extract { width:100%; max-width:600px; margin-inline:auto; }.weboldal-keszites-page #website-hero .wh-launch-summary > div { align-items:inherit; } }
@media(max-width:575px) { .weboldal-keszites-page .wh-hero-extract { padding:24px; border-radius:22px; }.weboldal-keszites-page .wh-hero-extract dd { font-size:14px; }.weboldal-keszites-page .wh-hero-extract dl > div { gap:12px; padding-block:16px; } }
.weboldal-keszites-page .wh-hero-layout { align-items:start; }

.weboldal-keszites-page .wh-brand-strip { margin-top:42px; padding-top:24px; }
.weboldal-keszites-page .wh-brand-window { padding-block:8px; }
.weboldal-keszites-page .wh-brand-group img { opacity:.75; filter:grayscale(1) brightness(.32); }
.weboldal-keszites-page .wh-brand-group img:hover { filter:none; opacity:1; }
.weboldal-keszites-page .wh-brand-group img[data-logo-tone="light"]:hover { filter:brightness(.25); }

/* A conversation-led quality section, using the existing perspective selector. */
.weboldal-keszites-page .wh-quality { background:#fff; }
.weboldal-keszites-page .wh-quality-experience { display:grid; grid-template-columns:1fr 1fr; gap:6%; align-items:center; margin-top:42px; }
.weboldal-keszites-page .wh-quality-intro > .fcard-desc { margin-bottom:20px; }
.weboldal-keszites-page .wh-quality-caption { color:#62718e; font-size:11px; margin:25px 0 8px; }
.weboldal-keszites-page .wh-quality .wh-value-tabs { margin-top:0; }
.weboldal-keszites-page .wh-quality-demo { min-width:0; padding:28px; border:1px solid #dbe4f5; border-radius:24px; background:radial-gradient(ellipse at top right,rgba(172,155,255,.14),transparent 65%),linear-gradient(140deg,#f3f7ff,#fcfcff); box-shadow:0 18px 55px rgba(48,80,145,.065); }
.weboldal-keszites-page .wh-quality-demo-head { display:flex; gap:12px; align-items:center; padding-bottom:20px; border-bottom:1px solid #dce5f5; color:#526483; font-size:11px; }
.weboldal-keszites-page .wh-quality-demo-head > svg { color:#3168f2; flex-shrink:0; }
.weboldal-keszites-page .wh-quality-live { margin-left:auto; width:7px; height:7px; border-radius:50%; background:#6b88f5; box-shadow:0 0 0 5px #e4eaff; }
.weboldal-keszites-page .wh-quality-scene { padding-top:25px; animation:wh-quality-enter .35s ease both; }
.weboldal-keszites-page .wh-quality-scene[hidden] { display:none; }
.weboldal-keszites-page .wh-quality-question { color:#294a92; font-size:22px; line-height:1.5; font-weight:600; margin:0 0 25px; }
.weboldal-keszites-page .wh-quality-next { margin-top:24px; padding:18px; border-radius:12px; background:rgba(255,255,255,.85); border:1px solid #e1e7f5; }
.weboldal-keszites-page .wh-quality-next > span { display:block; color:#70809f; font-size:10px; margin-bottom:7px; }
.weboldal-keszites-page .wh-quality-next > strong { color:#315fd7; font-size:12px; line-height:1.6; }
.weboldal-keszites-page .wh-quality-example { margin:20px 0 0; font-size:10px; color:#70809f; line-height:1.6; }
.weboldal-keszites-page .wh-quality-principles { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:44px; gap:28px; }
.weboldal-keszites-page .wh-quality-principles > article { border-top:1px solid #dce5f4; padding-top:20px; }
.weboldal-keszites-page .wh-quality-mark { display:grid; place-items:center; width:32px; height:32px; background:#edf2ff; color:#3168f2; border-radius:10px; margin-bottom:16px; }
.weboldal-keszites-page .wh-quality-handover { display:flex; align-items:center; gap:40px; justify-content:space-between; margin-top:40px; padding:30px; border:1px solid #dce5f4; border-radius:20px; background:linear-gradient(120deg,#f2f6ff,#f8f5ff); }
.weboldal-keszites-page .wh-quality-handover > div { max-width:790px; }
.weboldal-keszites-page .wh-quality-handover > a { flex-shrink:0; }
@keyframes wh-quality-enter { from { opacity:.5; transform:translateY(5px); } to { opacity:1; transform:none; } }
@media(max-width:991px) { .weboldal-keszites-page .wh-quality-experience { gap:30px; grid-template-columns:1fr; }.weboldal-keszites-page .wh-quality-principles { grid-template-columns:1fr 1fr; }.weboldal-keszites-page .wh-quality-handover { flex-direction:column; align-items:flex-start; gap:24px; } }
@media(max-width:575px) { .weboldal-keszites-page .wh-quality-demo { padding:22px; border-radius:20px; }.weboldal-keszites-page .wh-quality-question { font-size:19px; }.weboldal-keszites-page .wh-quality-principles { grid-template-columns:1fr; gap:18px; }.weboldal-keszites-page .wh-quality-handover { padding:24px; }.weboldal-keszites-page .wh-quality-handover > a { white-space:normal; } }
@media(prefers-reduced-motion:reduce) { .weboldal-keszites-page .wh-quality-scene { animation:none; } }
/* Content-driven awareness artwork. Three states, one calm interactive stage. */
.weboldal-keszites-page .wh-quality { background:radial-gradient(ellipse at 95% 30%,rgba(156,135,255,.06),transparent 50%),#fff; }
.weboldal-keszites-page .wh-quality-lead { display:grid; grid-template-columns:1fr 1.4fr; gap:6%; margin:35px 0; align-items:start; }
.weboldal-keszites-page .wh-quality-lead > p { margin:0; }
.weboldal-keszites-page .wh-quality .wh-awareness-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:32px 0 22px; }
.weboldal-keszites-page .wh-awareness-tabs > button { display:flex; gap:14px; align-items:center; width:auto; margin:0; padding:20px; border:1px solid #e0e6f3; border-radius:16px; background:#f9faff; text-align:left; transition:border-color .3s,background .3s,box-shadow .3s; }
.weboldal-keszites-page .wh-awareness-tabs > button[aria-pressed="true"] { background:#fff; border-color:#9db8fa; box-shadow:0 10px 30px rgba(58,95,170,.08); }
.weboldal-keszites-page .wh-awareness-tabs > button > span { margin:0; color:inherit; }
.weboldal-keszites-page .wh-awareness-tabs .wh-awareness-index { display:grid; place-items:center; width:36px; height:36px; border-radius:11px; flex-shrink:0; background:#edf2ff; color:#4773dc; font-size:11px; }
.weboldal-keszites-page .wh-awareness-tabs > button[aria-pressed="true"] .wh-awareness-index { background:linear-gradient(135deg,#3879ff,#8d6ae7); color:#fff; }
.weboldal-keszites-page .wh-awareness-tabs strong { display:block; color:#1c315c; font-size:14px; margin-bottom:5px; }
.weboldal-keszites-page .wh-awareness-tabs small { display:block; font-size:10px; line-height:1.5; color:#6c7b99; font-weight:400; }
.weboldal-keszites-page .wh-awareness-tabs > button > svg { margin-left:auto; color:#7495db; flex-shrink:0; }
.weboldal-keszites-page .wh-awareness-stage { display:grid; grid-template-columns:1.2fr 1fr; align-items:center; border:1px solid #dce5f6; border-radius:26px; background:linear-gradient(115deg,#f0f5ff,#f8f6ff 70%,#fff); box-shadow:0 25px 65px rgba(47,79,146,.06); overflow:hidden; }
.weboldal-keszites-page .wh-awareness-graphic { position:relative; min-width:0; padding:25px 0 20px; isolation:isolate; }
.weboldal-keszites-page .wh-awareness-grid { position:absolute; inset:0; z-index:-1; background-image:radial-gradient(#b5c6e6 .7px,transparent .7px); background-size:20px 20px; mask-image:radial-gradient(ellipse,#000,transparent 70%); opacity:.55; }
.weboldal-keszites-page .wh-awareness-graphic > svg { display:block; width:100%; height:auto; overflow:visible; }
.weboldal-keszites-page .wh-awareness-graphic svg text { font-family:var(--primary-font),sans-serif; fill:#4f6591; font-size:12px; }
.weboldal-keszites-page .wh-awareness-graphic svg text[fill="white"] { fill:#fff; font-size:10px; letter-spacing:.5px; }
.weboldal-keszites-page .wh-awareness-graphic svg .wh-awareness-svg-title { font-weight:700; font-size:11px; fill:#2d529f; }
.weboldal-keszites-page .wh-awareness-graphic svg .wh-awareness-svg-small { font-size:9px; letter-spacing:.6px; }
.weboldal-keszites-page [data-awareness-art] { opacity:0; visibility:hidden; transition:opacity .45s ease; }
.weboldal-keszites-page [data-awareness="understand"] [data-awareness-art="understand"],
.weboldal-keszites-page [data-awareness="trust"] [data-awareness-art="trust"],
.weboldal-keszites-page [data-awareness="act"] [data-awareness-art="act"] { opacity:1; visibility:visible; }
.weboldal-keszites-page .wh-awareness-graphic-note { display:flex; align-items:center; justify-content:center; gap:10px; padding:8px 20px; }
.weboldal-keszites-page .wh-awareness-graphic-note span { width:6px; height:6px; border-radius:50%; background:#7396ed; box-shadow:0 0 0 4px #e5ecfc; }
.weboldal-keszites-page .wh-awareness-graphic-note p { margin:0; color:#6c7fa5; font-size:10px; line-height:1.6; }
.weboldal-keszites-page .wh-awareness-stage .wh-quality-demo { background:transparent; border:0; border-left:1px solid #dce5f6; border-radius:0; box-shadow:none; padding:36px; }
.weboldal-keszites-page .wh-awareness-stage .wh-quality-scene { padding-top:0; min-height:320px; }
.weboldal-keszites-page .wh-awareness-stage .wh-quality-question { font-size:23px; color:#294a92; }
.weboldal-keszites-page .wh-awareness-float { animation:wh-awareness-float 5s ease-in-out infinite; }
.weboldal-keszites-page .wh-awareness-pulse { transform-origin:320px 185px; animation:wh-awareness-pulse 4s ease-out infinite; }
.weboldal-keszites-page .wh-awareness-cursor { animation:wh-awareness-cursor 4s ease-in-out infinite; }
.weboldal-keszites-page .wh-quality-principles { margin-top:36px; }
.weboldal-keszites-page .wh-awareness-tabs > button:focus-visible { outline:2px solid #4777ed; outline-offset:4px; }
@keyframes wh-awareness-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-6px); } }
@keyframes wh-awareness-pulse { 0% { transform:scale(.95); opacity:.5; } 100% { transform:scale(1.25); opacity:0; } }
@keyframes wh-awareness-cursor { 0%,100% { transform:translate(16px,12px); } 45%,65% { transform:translate(0,0); } }
@media(max-width:991px) { .weboldal-keszites-page .wh-quality-lead { grid-template-columns:1fr; gap:12px; }.weboldal-keszites-page .wh-awareness-tabs > button { padding:16px; gap:10px; }.weboldal-keszites-page .wh-awareness-tabs > button > svg { display:none; }.weboldal-keszites-page .wh-awareness-stage { grid-template-columns:1fr 1fr; }.weboldal-keszites-page .wh-awareness-stage .wh-quality-demo { padding:24px; }.weboldal-keszites-page .wh-awareness-stage .wh-quality-question { font-size:19px; } }
@media(max-width:767px) { .weboldal-keszites-page .wh-awareness-stage { grid-template-columns:1fr; }.weboldal-keszites-page .wh-awareness-graphic { padding:8px 0; }.weboldal-keszites-page .wh-awareness-stage .wh-quality-demo { border-left:0; border-top:1px solid #dce5f6; padding:24px; }.weboldal-keszites-page .wh-awareness-stage .wh-quality-scene { min-height:0; }.weboldal-keszites-page .wh-quality .wh-awareness-tabs { gap:8px; }.weboldal-keszites-page .wh-awareness-tabs > button { flex-direction:column; align-items:flex-start; padding:14px 10px; }.weboldal-keszites-page .wh-awareness-tabs small { display:none; }.weboldal-keszites-page .wh-awareness-tabs strong { font-size:11px; margin:0; }.weboldal-keszites-page .wh-awareness-tabs .wh-awareness-index { width:28px; height:28px; border-radius:8px; }.weboldal-keszites-page .wh-awareness-stage { border-radius:20px; } }
@media(prefers-reduced-motion:reduce) { .weboldal-keszites-page .wh-awareness-float,.weboldal-keszites-page .wh-awareness-pulse,.weboldal-keszites-page .wh-awareness-cursor { animation:none; }.weboldal-keszites-page [data-awareness-art],.weboldal-keszites-page .wh-awareness-tabs > button { transition:none; } }
.weboldal-keszites-page .wh-awareness-graphic svg text { font-family:inherit; }
.weboldal-keszites-page [data-awareness-art] .wh-awareness-float,
.weboldal-keszites-page [data-awareness-art] .wh-awareness-pulse,
.weboldal-keszites-page [data-awareness-art] .wh-awareness-cursor { animation-play-state:paused; }
.weboldal-keszites-page [data-awareness="understand"] [data-awareness-art="understand"] *,
.weboldal-keszites-page [data-awareness="trust"] [data-awareness-art="trust"] *,
.weboldal-keszites-page [data-awareness="act"] [data-awareness-art="act"] * { animation-play-state:running; }

/* Concise business benefits in the hero's main column. */
.weboldal-keszites-page .wh-hero-benefits { margin:25px 0 0; display:grid; gap:16px; text-align:left; }
.weboldal-keszites-page .wh-hero-benefits > li { display:flex; align-items:flex-start; gap:12px; }
.weboldal-keszites-page .wh-hero-benefits > li > span { display:grid; place-items:center; width:23px; height:23px; flex-shrink:0; border:1px solid #d8e3fc; border-radius:8px; color:#3868e4; background:#eef3ff; font-size:12px; }
.weboldal-keszites-page .wh-hero-benefits strong { display:block; font-size:13px; line-height:1.6; color:#1c3158; }
.weboldal-keszites-page .wh-hero-benefits p { margin:3px 0 0; color:#62718e; font-size:12px; line-height:1.7; }
.weboldal-keszites-page .wh-hero-cta-note { margin:12px 0 0; max-width:430px; font-size:11px; line-height:1.7; color:#70809e; }
.weboldal-keszites-page #website-hero .wh-launch-summary > div { gap:0; }
@media(max-width:575px) { .weboldal-keszites-page .wh-hero-benefits { gap:14px; }.weboldal-keszites-page .wh-hero-cta-note { margin-inline:auto; } }

/* Compact workflow banner in the hero extract. */
.weboldal-keszites-page .wh-hero-extract .wh-extract-head { padding-bottom:0; border-bottom:0; }
.weboldal-keszites-page .wh-ai-workflow { position:relative; isolation:isolate; display:flex; align-items:center; gap:12px; overflow:hidden; margin:0 -12px 12px; padding:18px 20px; border:1px solid #cad8fc; border-radius:14px; background:linear-gradient(110deg,#eaf2ff,#f0eaff 60%,#edf5ff); color:#3655b8; font-family:inherit; font-size:14px; line-height:1.5; font-weight:700; letter-spacing:.3px; }
.weboldal-keszites-page .wh-ai-workflow > svg { flex-shrink:0; color:#6b6ae5; }
.weboldal-keszites-page .wh-ai-workflow::after { content:''; position:absolute; z-index:-1; inset:0; background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.7) 50%,transparent 70%); transform:translateX(-120%); animation:wh-ai-sheen 7s ease-in-out infinite; pointer-events:none; }
.weboldal-keszites-page .wh-ai-status { width:6px; height:6px; flex-shrink:0; margin-left:auto; border-radius:50%; background:#fff; box-shadow:0 0 0 4px rgba(255,255,255,.12); }
@keyframes wh-ai-sheen { 0%,65% { transform:translateX(-120%); } 100% { transform:translateX(120%); } }
@media(prefers-reduced-motion:reduce) { .weboldal-keszites-page .wh-ai-workflow::after { animation:none; } }
/* Full-bleed cap on the hero summary card. */
.weboldal-keszites-page .wh-hero-extract .wh-ai-workflow { margin:-32px -32px 12px; padding:23px 32px; border:0; border-bottom:1px solid #cad8fc; border-radius:25px 25px 0 0; }
@media(max-width:575px) { .weboldal-keszites-page .wh-hero-extract .wh-ai-workflow { margin:-24px -24px 12px; padding:21px 24px; border-radius:21px 21px 0 0; } }
/* Requested hero color preview. */
.weboldal-keszites-page #website-hero { background:#e6f4f8; }
/* Unified light palette: ice, porcelain and a restrained BrandHost blue accent. */
.weboldal-keszites-page { --wh-ink:#182c47; --wh-muted:#5c7088; --wh-line:#dce6ef; --wh-soft-shadow:0 18px 50px rgba(43,71,111,.055); }
.weboldal-keszites-page #website-hero { background:#e6f4f8; border-bottom:1px solid #dcebf1; }
.weboldal-keszites-page #technikai-alapok { background:linear-gradient(180deg,#f5fafc,#fff); border:0; }
.weboldal-keszites-page #weboldal-megoldasok { background:#fff; }
.weboldal-keszites-page #referenciak { background:#f5f8fb; }
.weboldal-keszites-page #mitol-jo-a-weboldal { background:#fff; }
.weboldal-keszites-page #wordpress { background:linear-gradient(135deg,#f0f7fa,#f7f9fc); }
.weboldal-keszites-page #weboldal-funkciok { background:#fff; }
.weboldal-keszites-page #weboldal-folyamat { background:linear-gradient(180deg,#f2f7fa,#f8fafc); }
.weboldal-keszites-page #faqs { background:#fff; }
.weboldal-keszites-page main > section { border-top-color:var(--wh-line); border-bottom-color:var(--wh-line); }
.weboldal-keszites-page main :is(.se-para,.fcard-desc,.para-1) { color:var(--wh-muted); }
.weboldal-keszites-page main .fcard-name { color:var(--wh-ink); }
.weboldal-keszites-page main .fcard-label { color:#3767bc; background:#eef4fc; border-color:#d6e3f5; }
.weboldal-keszites-page .wh-hero-extract { border-color:#d8e7ee; box-shadow:0 20px 60px rgba(36,80,112,.07); }
.weboldal-keszites-page .wh-hero-extract .wh-ai-workflow { background:linear-gradient(110deg,#e9f2fc,#eeeffb); border-bottom-color:#d9e3f1; color:#355c9c; }
.weboldal-keszites-page .wh-extract-note { background:linear-gradient(110deg,#eef6fa,#f1f3fb); }
.weboldal-keszites-page #technikai-alapok :is(.se-title-2,.fcard-name) { color:var(--wh-ink); }
.weboldal-keszites-page #technikai-alapok .fcard-desc { color:var(--wh-muted); }
.weboldal-keszites-page #technikai-alapok .wh-launch-included { background:#f5f9fc; border-color:var(--wh-line); box-shadow:none; }
.weboldal-keszites-page #technikai-alapok .wh-launch-included .fcard-label { background:#eaf2fb; border-color:#d8e5f3; color:#3767bc; }
.weboldal-keszites-page #technikai-alapok .wh-service-visual > img { box-shadow:var(--wh-soft-shadow); }
.weboldal-keszites-page #weboldal-megoldasok .wh-site-plan { background:linear-gradient(150deg,#fff,#f3f7fd); border-color:var(--wh-line); box-shadow:var(--wh-soft-shadow); }
.weboldal-keszites-page #weboldal-megoldasok .plan-ui-wrap { opacity:.3; }
.weboldal-keszites-page #weboldal-megoldasok .wh-site-plan:hover { transform:translateY(-3px); box-shadow:0 24px 55px rgba(43,71,111,.09); }
.weboldal-keszites-page #referenciak .wh-wp-reference { border-color:var(--wh-line); box-shadow:0 12px 35px rgba(43,71,111,.035); }
.weboldal-keszites-page .wh-quality .se-head .se-title-2 { max-width:1000px; margin-inline:auto; }
.weboldal-keszites-page .wh-awareness-stage { background:linear-gradient(115deg,#eff6fb,#f7f8fd 65%,#fff); border-color:var(--wh-line); box-shadow:var(--wh-soft-shadow); }
.weboldal-keszites-page .wh-awareness-stage .wh-quality-demo { border-color:var(--wh-line); }
.weboldal-keszites-page .wh-awareness-tabs > button { background:#f7fafc; border-color:var(--wh-line); }
.weboldal-keszites-page .wh-awareness-tabs > button[aria-pressed="true"] { border-color:#a9c0e8; box-shadow:0 7px 24px rgba(43,71,111,.065); }
.weboldal-keszites-page .wh-awareness-tabs > button[aria-pressed="true"] .wh-awareness-index { background:linear-gradient(135deg,#417de9,#7179dd); }
.weboldal-keszites-page .wh-quality-handover { background:linear-gradient(110deg,#f0f7fa,#f4f6fc); border-color:var(--wh-line); }
.weboldal-keszites-page #weboldal-funkciok :is(.se-title-2,.fcard-name) { color:var(--wh-ink); }
.weboldal-keszites-page #weboldal-funkciok :is(.se-para,.fcard-desc) { color:var(--wh-muted); }
.weboldal-keszites-page #weboldal-funkciok .wh-integration-grid { background:#f8fafc; border-color:var(--wh-line); }
.weboldal-keszites-page #weboldal-funkciok .wh-integration-grid > li { border-color:var(--wh-line); }
.weboldal-keszites-page #weboldal-folyamat .wh-route-content { border-color:var(--wh-line); background:rgba(255,255,255,.92); }
.weboldal-keszites-page #weboldal-folyamat .wh-route-destination .wh-route-content { background:linear-gradient(135deg,#fff,#edf5fc); }
.weboldal-keszites-page .wh-awareness-float { animation-duration:7s; }
.weboldal-keszites-page .wh-awareness-pulse { animation-duration:5s; }
.weboldal-keszites-page .wh-plan-accent { animation-duration:6s; }

/* Decision details surfaced beside the evidence, pricing and delivery path. */
.weboldal-keszites-page .wh-reference-scope { display:flex; flex-wrap:wrap; gap:7px; margin:15px 0 0; }
.weboldal-keszites-page .wh-reference-scope > li { font-size:10px; line-height:1.5; color:#536e98; padding:5px 9px; border:1px solid #dfe8f3; border-radius:7px; background:#f5f8fc; }
.weboldal-keszites-page .wh-budget-clarity { display:grid; grid-template-columns:1fr 1fr; gap:32px; padding:28px 0 0; margin-top:12px; border-top:1px solid var(--wh-line); }
.weboldal-keszites-page .wh-budget-clarity .fcard-desc { margin:0; }
.weboldal-keszites-page .wh-project-clarity { border-top:1px solid var(--wh-line); margin-top:36px; padding-top:30px; }
.weboldal-keszites-page .wh-project-clarity .fcard-desc { margin-bottom:0; }
@media(max-width:767px) { .weboldal-keszites-page .wh-budget-clarity { grid-template-columns:1fr; gap:22px; } }
/* Confirmed team and eight-step delivery route. */
.weboldal-keszites-page .wh-team { background:#fff; }
.weboldal-keszites-page .wh-team-layout { display:grid; grid-template-columns:1fr 1.1fr; gap:5%; align-items:center; }
.weboldal-keszites-page .wh-team-contact { padding:30px; background:linear-gradient(130deg,#f0f7fa,#f6f8fc); border:1px solid var(--wh-line); border-radius:22px; box-shadow:var(--wh-soft-shadow); }
.weboldal-keszites-page .wh-team-contact::before,.weboldal-keszites-page .wh-team-contact::after { display:none; }
.weboldal-keszites-page .wh-team-role { margin:6px 0 18px; font-size:12px; color:#4671bc; }
.weboldal-keszites-page .wh-team-contact .wh-text-link { display:inline-block; margin-top:12px; }
.weboldal-keszites-page .wh-route-stops { grid-template-areas:'s0 s1' 's3 s2' 's4 s5' 's6 s6' 'finish finish'; }
.weboldal-keszites-page .wh-route-intent { margin:0 0 12px; color:var(--wh-ink); font-size:12px; font-weight:600; line-height:1.6; }
.weboldal-keszites-page .wh-route-payment { padding:12px 14px; margin:16px 0 0; border:1px solid #d6e4f6; border-radius:10px; background:#eef5fc; color:#315f9b; font-size:11px; line-height:1.7; font-weight:600; }
.weboldal-keszites-page .wh-route-destination .wh-route-content { max-width:800px; }
@media(max-width:767px) { .weboldal-keszites-page .wh-team-layout { grid-template-columns:1fr; gap:26px; }.weboldal-keszites-page .wh-team-contact { padding:24px; } }

/* Contact portrait. */
.weboldal-keszites-page .wh-team-portrait { width:100%; aspect-ratio:4/3; margin-bottom:24px; display:grid; place-items:center; overflow:hidden; border-radius:14px; border:1px solid #dce7f1; background:radial-gradient(ellipse at 65% 20%,#fff9 0,transparent 65%),linear-gradient(135deg,#deedf4,#e8eaf7); }
.weboldal-keszites-page .wh-team-portrait > img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 25%; }

.weboldal-keszites-page .wh-route-destination .wh-route-content { max-width:none; }

/* Deep-blue hero summary: isolated contrast against the ice-blue hero. */
.weboldal-keszites-page .wh-hero-extract {
 background:radial-gradient(ellipse at 100% 0,rgba(189,41,242,.14),transparent 60%),radial-gradient(ellipse at 0 35%,rgba(0,69,255,.16),transparent 70%),linear-gradient(145deg,#122b50,#0b1933);
 border-color:#294669;
 box-shadow:0 24px 65px rgba(12,35,70,.22),inset 0 1px 0 rgba(255,255,255,.08);
 color:#f5f6f8;
}
.weboldal-keszites-page .wh-hero-extract .wh-ai-workflow { background:linear-gradient(40deg,#0045ff 0%,#bd29f2 100%); color:#fafbff; border-bottom-color:#ffffff26; }
.weboldal-keszites-page .wh-hero-extract .wh-ai-workflow > svg { color:#9edbff; }
.weboldal-keszites-page .wh-hero-extract .wh-ai-workflow::after { opacity:.12; }
.weboldal-keszites-page .wh-hero-extract dt { color:#bccce2; }
.weboldal-keszites-page .wh-hero-extract dd { color:#f6f8fc; }
.weboldal-keszites-page .wh-hero-extract dd small { color:#afc4e0; font-size:11px; font-weight:400; margin-top:4px; }
.weboldal-keszites-page .wh-hero-extract dl > div { border-bottom-color:#ffffff24; }
.weboldal-keszites-page .wh-hero-extract .wh-extract-note { background:#ffffff08; border:1px solid #ffffff14; }
.weboldal-keszites-page .wh-hero-extract .wh-extract-note svg { color:#94d5fb; }
.weboldal-keszites-page .wh-hero-extract .wh-extract-note p { color:#c2d1e5; }
.weboldal-keszites-page .wh-hero-extract .wh-extract-note strong { color:#f6f8fc; }

/* Compact shoe-buying awareness examples. */
.weboldal-keszites-page .wh-quality > .container > .wh-quality-principles { margin:28px 0 40px; }
.weboldal-keszites-page .wh-awareness-stage .wh-quality-scene { min-height:250px; }
.weboldal-keszites-page .wh-quality-lead { margin:30px 0 24px; }
@media(max-width:767px) { .weboldal-keszites-page .wh-awareness-stage .wh-quality-scene { min-height:0; } }

.weboldal-keszites-page .wh-quality-lead { display:block; max-width:850px; margin:48px auto 30px; text-align:center; }
.weboldal-keszites-page .wh-quality-lead .fcard-name { font-size:clamp(20px,2.2vw,28px); line-height:1.5; color:var(--wh-ink); margin:0 0 14px; }
.weboldal-keszites-page .wh-quality-lead .fcard-desc { color:var(--wh-muted); }

/* Technology overview: native expandable information, also usable without JS. */
.weboldal-keszites-page .wh-tech-overview { margin:0 0 40px; padding-bottom:28px; border-bottom:1px solid var(--wh-line); }
.weboldal-keszites-page .wh-tech-overview > .fcard-name,.weboldal-keszites-page .wh-tech-overview > .fcard-desc { text-align:center; }
.weboldal-keszites-page .wh-tech-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:24px 0 18px; }
.weboldal-keszites-page .wh-tech-item { position:relative; min-width:0; border:1px solid var(--wh-line); border-radius:12px; background:#fff; }
.weboldal-keszites-page .wh-tech-item summary { display:flex; align-items:center; gap:10px; padding:15px 12px; cursor:pointer; list-style:none; color:var(--wh-ink); }
.weboldal-keszites-page .wh-tech-item summary::-webkit-details-marker { display:none; }
.weboldal-keszites-page .wh-tech-item summary > img { object-fit:contain; flex:0 0 28px; }
.weboldal-keszites-page .wh-tech-item summary > span:first-child { display:grid; place-items:center; width:28px; height:28px; flex:0 0 28px; color:#4659cb; font-size:15px; font-weight:700; }
.weboldal-keszites-page .wh-tech-item summary strong { font-size:12px; line-height:1.4; font-weight:600; }
.weboldal-keszites-page .wh-tech-item summary > span:last-child { margin-left:auto; color:#697e9b; }
.weboldal-keszites-page .wh-tech-item[open] { z-index:5; border-color:#a6b9ec; box-shadow:0 8px 25px #2443700c; }
.weboldal-keszites-page .wh-tech-item summary:focus-visible { outline:2px solid #0045ff; outline-offset:3px; border-radius:12px; }
.weboldal-keszites-page .wh-tech-info { position:absolute; top:calc(100% + 8px); left:0; width:100%; min-width:230px; padding:18px; background:#fff; border:1px solid #dce5f5; border-radius:12px; box-shadow:0 15px 40px #18325b20; }
.weboldal-keszites-page .wh-tech-item:nth-child(4n) .wh-tech-info { left:auto; right:0; }
.weboldal-keszites-page .wh-tech-info p { margin:0; font-size:12px; line-height:1.8; color:var(--wh-muted); }
.weboldal-keszites-page .wh-tech-hint { font-size:11px; }
@media(max-width:991px) { .weboldal-keszites-page .wh-tech-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.weboldal-keszites-page .wh-tech-item:nth-child(3n) .wh-tech-info { left:auto; right:0; } }
@media(max-width:575px) { .weboldal-keszites-page .wh-tech-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }.weboldal-keszites-page .wh-tech-item summary { padding:12px 9px; gap:7px; }.weboldal-keszites-page .wh-tech-info { position:static; min-width:0; border:0; border-top:1px solid var(--wh-line); box-shadow:none; padding:12px; }.weboldal-keszites-page .wh-tech-item summary strong { font-size:11px; } }

/* Readable service-page typography and a more substantial technology overview. */
.weboldal-keszites-page main .fcard-desc,
.weboldal-keszites-page main .se-para { font-size:16px; line-height:1.8; }
.weboldal-keszites-page main .fcard-name { font-size:21px; line-height:1.45; }
.weboldal-keszites-page main .fcard-label { font-size:12px; }
.weboldal-keszites-page .wh-hero-benefits strong { font-size:16px; }
.weboldal-keszites-page .wh-hero-benefits p { font-size:15px; }
.weboldal-keszites-page .wh-hero-extract dt { font-size:14px; }
.weboldal-keszites-page .wh-hero-extract dd { font-size:18px; }
.weboldal-keszites-page .wh-hero-extract dd small,
.weboldal-keszites-page .wh-hero-extract .wh-extract-note p { font-size:13px; }
.weboldal-keszites-page .wh-reference-review blockquote p { font-size:16px; }
.weboldal-keszites-page .wh-reference-review-context,
.weboldal-keszites-page .wh-reference-scope > li { font-size:13px; }
.weboldal-keszites-page .wh-route-intent,
.weboldal-keszites-page .wh-route-payment,
.weboldal-keszites-page .wh-route-output,
.weboldal-keszites-page .wh-team-role { font-size:14px; }
.weboldal-keszites-page .wh-awareness-tabs strong { font-size:17px; }
.weboldal-keszites-page .wh-awareness-tabs small { font-size:14px; line-height:1.65; }
.weboldal-keszites-page .wh-quality-next > span { font-size:13px; }
.weboldal-keszites-page .wh-quality-next > strong { font-size:16px; }
.weboldal-keszites-page .brand-premium-faq .q-h .text { font-size:16px; line-height:1.6; }
.weboldal-keszites-page .brand-premium-faq .q-b p { font-size:16px; line-height:1.8; }
.weboldal-keszites-page .wh-tech-overview { padding:32px; border:1px solid #dce5f4; border-radius:24px; background:linear-gradient(135deg,#f0f5ff,#f7f3fc 70%,#fff); margin-bottom:44px; }
.weboldal-keszites-page .wh-tech-overview > .fcard-name { font-size:clamp(24px,2.5vw,32px); }
.weboldal-keszites-page .wh-tech-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:28px 0 22px; }
.weboldal-keszites-page .wh-tech-item { border-radius:16px; box-shadow:0 4px 16px #213b6505; }
.weboldal-keszites-page .wh-tech-item summary { min-height:92px; padding:22px 18px; gap:14px; }
.weboldal-keszites-page .wh-tech-item summary > img,
.weboldal-keszites-page .wh-tech-item summary > span:first-child { width:40px; height:40px; flex-basis:40px; font-size:22px; }
.weboldal-keszites-page .wh-tech-item summary strong { font-size:17px; }
.weboldal-keszites-page .wh-tech-info { min-width:290px; padding:22px; }
.weboldal-keszites-page .wh-tech-info p { font-size:15px; line-height:1.75; }
.weboldal-keszites-page .wh-tech-item:nth-child(4n) .wh-tech-info { left:0; right:auto; }
.weboldal-keszites-page .wh-tech-item:nth-child(3n) .wh-tech-info { left:auto; right:0; }
.weboldal-keszites-page main .wh-tech-hint { font-size:13px; }
@media(max-width:991px) {
 .weboldal-keszites-page .wh-tech-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .weboldal-keszites-page .wh-tech-item:nth-child(3n) .wh-tech-info { left:0; right:auto; }
 .weboldal-keszites-page .wh-tech-item:nth-child(2n) .wh-tech-info { left:auto; right:0; }
}
@media(max-width:575px) {
 .weboldal-keszites-page .wh-tech-overview { padding:24px 16px; border-radius:20px; }
 .weboldal-keszites-page .wh-tech-grid { grid-template-columns:1fr; gap:10px; }
 .weboldal-keszites-page .wh-tech-item summary { min-height:76px; padding:16px; }
 .weboldal-keszites-page .wh-tech-info { min-width:0; padding:16px; }
 .weboldal-keszites-page .wh-awareness-tabs strong { font-size:14px; }
 .weboldal-keszites-page .wh-hero-extract dd { font-size:16px; }
}

/* Four illustrated pillars of a useful website. */
.weboldal-keszites-page .wh-quality { background:radial-gradient(ellipse at 5% 30%,#f0f5ff,transparent 55%),radial-gradient(ellipse at 95% 80%,#f6f0fc,transparent 50%),#fff; }
.weboldal-keszites-page .wh-quality > .container > .wh-quality-principles { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin:40px 0 0; }
.weboldal-keszites-page .wh-quality-principles > article { position:relative; isolation:isolate; padding:0 30px 30px; border:1px solid #dce5f2; border-radius:22px; background:#ffffffd9; box-shadow:0 10px 35px #243f7406; overflow:hidden; transition:transform .3s,border-color .3s,box-shadow .3s; }
.weboldal-keszites-page .wh-quality-principles > article:hover { transform:translateY(-5px); border-color:#b5b8ed; box-shadow:0 20px 45px #3d439b12; }
.weboldal-keszites-page .wh-quality-principles > article::before { content:''; position:absolute; inset:0 0 auto; height:2px; background:linear-gradient(90deg,#0045ff,#bd29f2); opacity:0; transition:opacity .3s; }
.weboldal-keszites-page .wh-quality-principles > article:hover::before { opacity:1; }
.weboldal-keszites-page .wh-quality-art { margin:0 -30px 22px; padding:12px 30px 0; background:radial-gradient(ellipse at center,#edf2ff,transparent 72%); border-bottom:1px solid #eaf0f8; }
.weboldal-keszites-page .wh-quality-art svg { width:100%; height:190px; display:block; }
.weboldal-keszites-page .wh-quality-principles .fcard-name { font-size:24px; margin-bottom:12px; }
.weboldal-keszites-page .wh-quality-principles .fcard-desc { margin:0; }
.weboldal-keszites-page .wh-quality-motion { animation:wh-quality-breathe 4s ease-in-out infinite; transform-box:fill-box; transform-origin:center; }
.weboldal-keszites-page .wh-quality-route-line { stroke-dasharray:600; stroke-dashoffset:0; }
.weboldal-keszites-page .wh-quality-principles > article:hover .wh-quality-route-line { animation:wh-quality-draw 1.3s ease both; }
@keyframes wh-quality-breathe { 50% { transform:translateY(-4px); opacity:.7; } }
@keyframes wh-quality-draw { from { stroke-dashoffset:600; } to { stroke-dashoffset:0; } }
@media(max-width:767px) { .weboldal-keszites-page .wh-quality > .container > .wh-quality-principles { grid-template-columns:1fr; gap:20px; }.weboldal-keszites-page .wh-quality-art svg { height:170px; }.weboldal-keszites-page .wh-quality-principles > article { padding:0 24px 26px; }.weboldal-keszites-page .wh-quality-art { margin-inline:-24px; }.weboldal-keszites-page .wh-quality-principles .fcard-name { font-size:22px; } }
@media(prefers-reduced-motion:reduce) { .weboldal-keszites-page .wh-quality-motion,.weboldal-keszites-page .wh-quality-principles > article:hover .wh-quality-route-line { animation:none; }.weboldal-keszites-page .wh-quality-principles > article { transition:none; }.weboldal-keszites-page .wh-quality-principles > article:hover { transform:none; } }

/* Compact project contact and expanded specialist introduction. */
.weboldal-keszites-page .wh-team-layout { grid-template-columns:minmax(0,330px) minmax(0,1fr); gap:clamp(30px,5vw,70px); align-items:start; }
.weboldal-keszites-page .wh-team-contact { padding:22px; border-radius:20px; }
.weboldal-keszites-page .wh-team-portrait { aspect-ratio:1; margin-bottom:20px; }
.weboldal-keszites-page .wh-team-contact .fcard-name { font-size:22px; }
.weboldal-keszites-page .wh-team-contact .fcard-desc { font-size:15px; }
.weboldal-keszites-page .wh-team-expertise { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px 28px; margin:26px 0; }
.weboldal-keszites-page .wh-team-expertise > div { padding-top:18px; border-top:1px solid var(--wh-line); }
.weboldal-keszites-page .wh-team-expertise .fcard-name { font-size:18px; margin:0 0 10px; }
.weboldal-keszites-page .wh-team-expertise .fcard-desc { font-size:15px; margin:0; line-height:1.8; }
@media(max-width:991px) { .weboldal-keszites-page .wh-team-layout { grid-template-columns:minmax(0,280px) minmax(0,1fr); gap:28px; }.weboldal-keszites-page .wh-team-expertise { grid-template-columns:1fr; gap:20px; } }
@media(max-width:767px) { .weboldal-keszites-page .wh-team-layout { grid-template-columns:1fr; }.weboldal-keszites-page .wh-team-contact { width:100%; max-width:360px; margin-inline:auto; }.weboldal-keszites-page .wh-team-portrait { max-height:290px; } }

/* Three clear, illustrated reasons to work with the team. */
.weboldal-keszites-page .wh-team-specialists .wh-team-expertise { display:grid; grid-template-columns:1fr; gap:20px; margin:0; }
.weboldal-keszites-page .wh-team-value { position:relative; display:flex; align-items:flex-start; gap:22px; padding:28px; border:1px solid #dfe6f3; border-radius:20px; background:linear-gradient(125deg,#fff,#f7f9fe); box-shadow:0 8px 28px #25406c05; transition:transform .25s,box-shadow .25s,border-color .25s; }
.weboldal-keszites-page .wh-team-value:hover { transform:translateY(-3px); border-color:#c3c4f0; box-shadow:0 14px 35px #3345970d; }
.weboldal-keszites-page .wh-team-value:nth-child(2) { background:linear-gradient(125deg,#fff,#f8f5ff); }
.weboldal-keszites-page .wh-team-value:nth-child(3) { background:linear-gradient(125deg,#fff,#eff8fc); }
.weboldal-keszites-page .wh-team-icon { flex:0 0 54px; height:54px; display:grid; place-items:center; border:1px solid #dce3fa; border-radius:16px; background:linear-gradient(135deg,#edf3ff,#f0eafd); color:#5363cc; }
.weboldal-keszites-page .wh-team-value > div { min-width:0; }
.weboldal-keszites-page .wh-team-value .fcard-name { font-size:21px; margin:0 0 12px; }
.weboldal-keszites-page .wh-team-value .fcard-desc { font-size:16px; line-height:1.8; margin:0; }
@media(max-width:991px) { .weboldal-keszites-page .wh-team-value { padding:22px; gap:16px; }.weboldal-keszites-page .wh-team-icon { flex-basis:46px; height:46px; border-radius:13px; } }
@media(max-width:575px) { .weboldal-keszites-page .wh-team-value { flex-direction:column; gap:18px; }.weboldal-keszites-page .wh-team-icon { flex-basis:auto; width:46px; }.weboldal-keszites-page .wh-team-value .fcard-name { font-size:20px; } }
@media(prefers-reduced-motion:reduce) { .weboldal-keszites-page .wh-team-value { transition:none; }.weboldal-keszites-page .wh-team-value:hover { transform:none; } }

/* Equal columns: the specialist cards determine the desktop row height. */
@media(min-width:992px) {
 .weboldal-keszites-page .wh-team-layout { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; gap:30px; }
 .weboldal-keszites-page #akikkel-dolgozol > .container > .row { align-items:stretch !important; }
 .weboldal-keszites-page #akikkel-dolgozol > .container > .row > .col-lg-6:first-child { contain:size; display:flex; }
 .weboldal-keszites-page .wh-team-contact { display:flex; flex-direction:column; min-height:0; height:100%; width:100%; max-width:none; margin:0; }
 .weboldal-keszites-page .wh-team-layout > .wh-team-contact { contain:size; }
 .weboldal-keszites-page .wh-team-contact > :not(.wh-team-portrait) { flex-shrink:0; }
 .weboldal-keszites-page .wh-team-contact .wh-team-portrait { position:relative; flex:1 1 0; min-height:0; height:0; max-height:none; aspect-ratio:auto; }
 .weboldal-keszites-page .wh-team-contact .wh-team-portrait img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 25%; }
}
@media(max-width:991px) {
 .weboldal-keszites-page .wh-team-layout { grid-template-columns:1fr; }
 .weboldal-keszites-page .wh-team-contact { max-width:440px; margin-inline:auto; }
 .weboldal-keszites-page .wh-team-contact .wh-team-portrait { aspect-ratio:4/3; max-height:280px; }
}

/* Give the portrait all remaining height; keep the text anchored below it. */
@media(min-width:992px) {
 .weboldal-keszites-page .wh-team-contact {
  display:grid;
  grid-template-rows:minmax(0,1fr) repeat(6,auto);
  align-content:stretch;
  height:auto;
  align-self:stretch;
  flex:1;
 }
 .weboldal-keszites-page .wh-team-contact .wh-team-portrait {
  height:auto;
  min-height:0;
  align-self:stretch;
  margin-bottom:22px;
 }
 .weboldal-keszites-page .wh-team-contact .wh-team-portrait img {
  max-width:none;
  max-height:none;
  object-fit:cover;
  object-position:center 20%;
  aspect-ratio:auto;
 }
 .weboldal-keszites-page .wh-team-contact > .fcard-label { justify-self:start; margin-bottom:8px; }
 .weboldal-keszites-page .wh-team-contact > .fcard-name { margin:0 0 5px; }
 .weboldal-keszites-page .wh-team-contact > .wh-team-role { margin:0 0 12px; }
 .weboldal-keszites-page .wh-team-contact > .fcard-desc { margin:0; }
 .weboldal-keszites-page .wh-team-contact > .wh-text-link { margin-top:14px; }
}

/* Add roughly three text lines of portrait space to the matched desktop columns. */
@media(min-width:992px) {
 .weboldal-keszites-page .wh-team-specialists .wh-team-value { padding-top:43px; padding-bottom:43px; }
}

/* Award distinction supplied by the project lead. */
.weboldal-keszites-page .wh-team-award { display:flex; align-items:center; gap:12px; padding:13px 15px; margin:10px 0 14px; border:1px solid #e3cf9b; border-radius:12px; background:linear-gradient(115deg,#fff9e9,#fffdf6); color:#80601e; box-shadow:0 3px 12px #a9872a08; }
.weboldal-keszites-page .wh-team-award > svg { flex-shrink:0; color:#a47a21; }
.weboldal-keszites-page .wh-team-award strong { display:block; font-size:13px; line-height:1.55; font-weight:600; }
.weboldal-keszites-page .wh-team-award small { display:block; margin-top:3px; font-size:12px; line-height:1.5; color:#88734a; }

/* Infrastructure benefits reuse the illustrated quality cards. */
.weboldal-keszites-page #technikai-alapok .wh-foundation-cards { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:44px 0 28px; }
.weboldal-keszites-page .wh-foundation-cards .wh-quality-art { padding-inline:12px; }
.weboldal-keszites-page .wh-foundation-cards .wh-quality-art svg { height:170px; }
.weboldal-keszites-page .wh-foundation-cards .fcard-name { font-size:22px; }
@media(max-width:991px) { .weboldal-keszites-page #technikai-alapok .wh-foundation-cards { grid-template-columns:1fr; }.weboldal-keszites-page .wh-foundation-cards .wh-quality-art svg { height:180px; } }

/* Homepage hero card and badge palette, reused only in the service hero. */
.weboldal-keszites-page #website-hero .wh-hero-extract.testimonial-hero-card { max-width:none; padding:30px; border:0; border-radius:24px; background:linear-gradient(160deg,#fff 0%,#f0f4ff 100%); color:#182c47; box-shadow:0 0 0 1px rgba(0,96,254,.13),0 32px 80px rgba(0,96,254,.14); }
.weboldal-keszites-page #website-hero .wh-hero-extract::before { display:block; height:3px; background:linear-gradient(90deg,#0060fe,#7c3aed 50%,#0060fe); }
.weboldal-keszites-page #website-hero .wh-hero-extract .wh-ai-workflow { display:flex; margin:0 0 14px; padding:12px 15px; border:1px solid rgba(21,128,61,.22); border-radius:14px; background:rgba(21,128,61,.07); color:#15803d; font-size:13px; text-transform:none; letter-spacing:0; }
.weboldal-keszites-page #website-hero .wh-ai-workflow > svg { color:#15803d; }
.weboldal-keszites-page #website-hero .wh-ai-status { background:#fff; border:3px solid #15803d; box-sizing:content-box; box-shadow:0 0 0 3px #15803d10; }
.weboldal-keszites-page #website-hero .wh-hero-extract dt { color:#5c7088; }
.weboldal-keszites-page #website-hero .wh-hero-extract dd { color:#213b63; font-size:16px; }
.weboldal-keszites-page #website-hero .wh-hero-extract dd small { color:#687b95; }
.weboldal-keszites-page #website-hero .wh-hero-extract dl > div { border-bottom:1px solid #0060fe12; padding-block:17px; }
.weboldal-keszites-page #website-hero .wh-hero-extract dl > div:last-child { border:0; }
.weboldal-keszites-page #website-hero .wh-hero-extract .tcard-pill { font-size:14px; padding:7px 12px; }
.weboldal-keszites-page #website-hero .wh-hero-extract .wh-extract-note { margin:15px 0 0; background:rgba(29,78,216,.05); border:1px solid rgba(29,78,216,.14); }
.weboldal-keszites-page #website-hero .wh-hero-extract .wh-extract-note svg { color:#1d4ed8; }
.weboldal-keszites-page #website-hero .wh-hero-extract .wh-extract-note p { color:#536987; }
.weboldal-keszites-page #website-hero .wh-hero-extract .wh-extract-note strong { color:#1d4ed8; }
@media(max-width:575px) { .weboldal-keszites-page #website-hero .wh-hero-extract.testimonial-hero-card { padding:24px; }.weboldal-keszites-page #website-hero .wh-hero-extract .tcard-pill { font-size:12px; }.weboldal-keszites-page #website-hero .wh-hero-extract dd { font-size:15px; } }

/* Stronger benefit hierarchy and a shorter hero summary. */
.weboldal-keszites-page #website-hero .wh-hero-benefits { display:grid; gap:12px; margin:26px 0; }
.weboldal-keszites-page #website-hero .wh-hero-benefits > li { display:flex; align-items:flex-start; gap:16px; padding:16px 18px; border:1px solid #ffffffd9; border-radius:16px; background:linear-gradient(120deg,#ffffffc9,#ffffff70); box-shadow:0 5px 20px #254b7a05; transition:transform .25s,border-color .25s,box-shadow .25s; }
.weboldal-keszites-page #website-hero .wh-hero-benefits > li:hover { transform:translateX(4px); border-color:#b8c9ef; box-shadow:0 8px 25px #2447800b; }
.weboldal-keszites-page #website-hero .wh-hero-benefits > li > span { width:46px; height:46px; flex:0 0 46px; border-radius:13px; border:1px solid #cddafa; background:linear-gradient(135deg,#e5efff,#eee7ff); color:#4f58c7; }
.weboldal-keszites-page #website-hero .wh-hero-benefits strong { font-size:17px; line-height:1.45; }
.weboldal-keszites-page #website-hero .wh-hero-benefits p { font-size:15px; line-height:1.65; margin-top:5px; }
.weboldal-keszites-page .wh-hero-proof { display:grid; grid-template-columns:1fr 1fr; gap:18px; padding:20px 0 25px; border-bottom:1px solid #0060fe14; }
.weboldal-keszites-page .wh-hero-proof > div + div { border-left:1px solid #0060fe14; padding-left:22px; }
.weboldal-keszites-page .wh-hero-proof strong { display:block; font-size:clamp(32px,3.6vw,46px); font-weight:700; line-height:1.15; letter-spacing:-1.5px; color:#285bd1; }
.weboldal-keszites-page .wh-hero-proof span { display:block; margin-top:8px; font-size:14px; color:#5c7088; }
.weboldal-keszites-page .wh-hero-platforms { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.weboldal-keszites-page #website-hero .wh-hero-platforms .tcard-pill { font-size:12px; padding:7px 10px; }
@media(max-width:575px) { .weboldal-keszites-page #website-hero .wh-hero-benefits > li { padding:14px; gap:12px; }.weboldal-keszites-page #website-hero .wh-hero-benefits > li > span { width:40px; height:40px; flex-basis:40px; }.weboldal-keszites-page #website-hero .wh-hero-benefits strong { font-size:16px; } }
@media(prefers-reduced-motion:reduce) { .weboldal-keszites-page #website-hero .wh-hero-benefits > li { transition:none; }.weboldal-keszites-page #website-hero .wh-hero-benefits > li:hover { transform:none; } }

@media(min-width:992px) {
 .weboldal-keszites-page #website-hero .wh-hero-extract { margin-top:var(--wh-hero-title-offset,48px); }
}

/* Website enquiry and matching confirmation page. */
.weboldal-keszites-page .wh-enquiry { background:linear-gradient(140deg,#eef6fc,#f5f2fc); }
.weboldal-keszites-page .wh-enquiry-form { max-width:900px; margin:auto; padding:clamp(24px,4vw,44px); background:#fff; border:1px solid #dce5f2; border-radius:24px; box-shadow:0 20px 60px #263e7408; }
.weboldal-keszites-page .wh-enquiry-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 24px; }
.weboldal-keszites-page .wh-enquiry-wide { grid-column:1/-1; }
.weboldal-keszites-page .wh-enquiry-field label { display:block; font-size:15px; font-weight:600; color:#213b63; margin-bottom:9px; }
.weboldal-keszites-page .wh-enquiry-field input,.weboldal-keszites-page .wh-enquiry-field textarea { width:100%; min-width:0; padding:14px 16px; border:1px solid #cad7e8; border-radius:10px; background:#fbfcff; color:#182c47; font:inherit; font-size:16px; line-height:1.5; }
.weboldal-keszites-page .wh-enquiry-field textarea { resize:vertical; min-height:140px; }
.weboldal-keszites-page .wh-enquiry-field input:focus,.weboldal-keszites-page .wh-enquiry-field textarea:focus { outline:2px solid #467bf1; outline-offset:2px; background:#fff; }
.weboldal-keszites-page .wh-enquiry-field [aria-invalid=true] { border-color:#b83c45; }
.weboldal-keszites-page .wh-enquiry-field-error { display:block; color:#a02d3c; font-size:13px; line-height:1.6; margin-top:5px; }
.weboldal-keszites-page .wh-enquiry-error { padding:18px; margin-bottom:24px; border:1px solid #f0c7cd; border-radius:10px; background:#fff3f4; color:#8b2633; font-size:15px; }
.weboldal-keszites-page .wh-enquiry-privacy { display:flex; align-items:flex-start; gap:12px; margin:22px 0 0; font-size:14px; line-height:1.7; color:#536987; }
.weboldal-keszites-page .wh-enquiry-privacy input { width:20px; height:20px; flex:0 0 20px; margin-top:3px; accent-color:#315fda; }
.weboldal-keszites-page .wh-enquiry-privacy a { color:#245bd0; text-decoration:underline; }
.weboldal-keszites-page .wh-enquiry-submit { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:24px; }
.weboldal-keszites-page .wh-enquiry-submit .fcard-desc { font-size:13px; max-width:360px; }
.weboldal-keszites-page .wh-enquiry-submit button { flex-shrink:0; }
.weboldal-keszites-page .wh-enquiry-trap { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.weboldal-keszites-page .wh-enquiry-thanks { background:linear-gradient(135deg,#eff7fc,#f6f3ff); min-height:70vh; }
.weboldal-keszites-page .wh-enquiry-confirmation { max-width:800px; margin:auto; padding:clamp(28px,5vw,60px); border:1px solid #dbe5f3; border-radius:28px; background:#fff; text-align:center; box-shadow:0 25px 70px #243b760c; }
.weboldal-keszites-page .wh-enquiry-success-icon { display:grid; place-items:center; width:80px; height:80px; margin:0 auto 28px; border-radius:24px; color:#2e60cf; background:linear-gradient(135deg,#e5efff,#f0e9ff); }
.weboldal-keszites-page .wh-enquiry-confirmation .se-head { margin-bottom:24px; }
.weboldal-keszites-page .wh-enquiry-next { padding:24px; margin-bottom:28px; border-radius:16px; background:#f4f7fc; }
.weboldal-keszites-page .wh-enquiry-next p { margin:0; }
@media(max-width:575px) { .weboldal-keszites-page .wh-enquiry-fields { grid-template-columns:1fr; }.weboldal-keszites-page .wh-enquiry-submit { flex-direction:column; align-items:stretch; }.weboldal-keszites-page .wh-enquiry-submit button { width:100%; } }

/* Quiet quotation treatment for the project testimonials. */
.weboldal-keszites-page .wh-reference-review blockquote { margin:14px 0 0; padding:2px 0 2px 18px; border-left:2px solid #c9cced; }
.weboldal-keszites-page .wh-reference-review blockquote p { color:#526580; font-size:16px; line-height:1.85; font-style:italic; }