/* BrandHost page-specific composition only.
   Headings: shared .header .title-1 / .se-head .se-title-2 / .fcard-name.
   Surfaces and CTAs: shared .premium-hero-card / .fcard / .cta-glass-card / .btn.
   No local heading, button or container typography overrides. */
.weboldal-keszites-page main { isolation:isolate; }
.weboldal-keszites-page main [id] { scroll-margin-top:25px; }
.weboldal-keszites-page main .premium-hero-card::after { pointer-events:none; }
.weboldal-keszites-page .wh-story-heading { max-width:none; margin:0 0 25px; text-align:left; }
.weboldal-keszites-page .wh-story-heading em { font-style:normal; }
.weboldal-keszites-page .wh-launch-hero > .container { position:relative; }
.weboldal-keszites-page .wh-launch-hero .title-1 { max-width:760px; }
.weboldal-keszites-page .wh-launch-topline { display:flex; justify-content:space-between; align-items:center; gap:20px; }
.weboldal-keszites-page .wh-launch-topline > span:last-child { font-size:11px; color:var(--darkGray); }
.weboldal-keszites-page .wh-launch-summary { display:grid; grid-template-columns:1fr 1fr; gap:8%; align-items:center; }
.weboldal-keszites-page .wh-launch-summary > p { margin:0; }
.weboldal-keszites-page .wh-launch-summary > div { display:flex; align-items:flex-start; flex-direction:column; gap:20px; }
.weboldal-keszites-page .wh-launch-summary .btn > span { margin-left:18px; }
.weboldal-keszites-page .wh-text-link { color:var(--primary); font-size:14px; }
.weboldal-keszites-page .wh-text-link > span { margin-left:12px; }
/* The channel illustration uses BrandHost surfaces and theme colors. */
.weboldal-keszites-page .wh-launch-world { position:relative; height:310px; margin-top:30px; }
.weboldal-keszites-page .wh-world-lines { position:absolute; inset:0; width:100%; height:100%; stroke:var(--border); stroke-width:1; }
.weboldal-keszites-page .wh-world-lines .wh-line-pulse { stroke:var(--primary); stroke-dasharray:10 500; opacity:.5; animation:wh-signal 10s linear infinite; }
.weboldal-keszites-page .wh-world-rings { position:absolute; inset:0; display:grid; place-items:center; pointer-events:none; }
.weboldal-keszites-page .wh-world-rings i { position:absolute; width:440px; height:200px; border:1px solid var(--border); border-radius:50%; transform:rotate(-12deg); }
.weboldal-keszites-page .wh-world-rings i:nth-child(2) { width:640px; height:270px; transform:rotate(8deg); }.weboldal-keszites-page .wh-world-rings i:nth-child(3) { width:840px; height:330px; transform:rotate(-4deg); }
.weboldal-keszites-page .wh-world-home { position:absolute; left:50%; top:50%; transform:translate(-50%,-35%); display:flex; gap:20px; align-items:center; min-width:370px; }
.weboldal-keszites-page .wh-home-icon { display:grid; place-items:center; width:44px; height:44px; flex-shrink:0; border-radius:16px; background:rgba(20,92,255,.09); color:var(--primary); font-size:30px; }
.weboldal-keszites-page .wh-world-home small { display:block; font-size:9px; color:var(--darkGray); }
.weboldal-keszites-page .wh-world-home strong { display:block; font-size:23px; font-weight:700; margin:7px 0; color:var(--darkBlue); }
.weboldal-keszites-page .wh-world-home strong span { color:var(--primary); }.weboldal-keszites-page .wh-world-home div > span { color:var(--darkGray); font-size:12px; }
.weboldal-keszites-page .wh-world-node { position:absolute; display:flex; align-items:center; gap:10px; font-size:12px; color:var(--darkGray); padding:12px 15px; border:1px solid var(--border); border-radius:12px; background:var(--semi-dark-2); }
.weboldal-keszites-page.light-theme .wh-world-node { background:#fff; }.weboldal-keszites-page .wh-world-node i { color:var(--primary); }
.weboldal-keszites-page .wh-node-search { top:25px; left:2%; }.weboldal-keszites-page .wh-node-referral { bottom:40px; left:4%; }.weboldal-keszites-page .wh-node-social { top:25px; right:0; }.weboldal-keszites-page .wh-node-action { bottom:40px; right:2%; }
.weboldal-keszites-page .wh-world-caption { position:absolute; bottom:0; left:50%; transform:translateX(-50%); font-size:10px; color:var(--darkGray); white-space:nowrap; }
.weboldal-keszites-page .wh-launch-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; border-top:1px solid var(--border); padding-top:25px; margin-top:25px; color:var(--darkGray); font-size:12px; }.weboldal-keszites-page .wh-launch-footer a { color:var(--primary); }
/* Different story layouts; appearance comes from shared BrandHost components. */
.weboldal-keszites-page .wh-opening-top { display:flex; align-items:center; justify-content:space-between; gap:25px; }.weboldal-keszites-page .wh-side-note { color:var(--darkGray); font-size:12px; }
.weboldal-keszites-page .wh-opening-bottom { display:grid; grid-template-columns:1fr 1fr; gap:10%; border-top:1px solid var(--border); padding-top:30px; }
.weboldal-keszites-page .wh-pullquote { font-family:var(--primary-font); font-size:24px; color:var(--darkGray); line-height:1.4; margin:0; }
.weboldal-keszites-page .wh-reach-shift { display:grid; grid-template-columns:1fr 70px 1fr; gap:30px; align-items:center; margin-top:35px; }.weboldal-keszites-page .wh-reach-shift > div { padding:25px 0; border-top:1px solid var(--border); }.weboldal-keszites-page .wh-reach-shift > div > span { font-size:10px; color:var(--primary); }.weboldal-keszites-page .wh-reach-shift p { font-family:var(--primary-font); font-size:25px; line-height:1.3; margin:20px 0; }.weboldal-keszites-page .wh-reach-shift small { color:var(--darkGray); font-size:12px; }.weboldal-keszites-page .wh-shift-arrow { text-align:center; color:var(--primary); font-size:45px; }
.weboldal-keszites-page .wh-hub-intro { display:grid; grid-template-columns:1fr 1fr; gap:0 10%; align-items:end; }.weboldal-keszites-page .wh-hub-intro > .fcard-label { grid-column:1 / -1; }
.weboldal-keszites-page .wh-hub-map { display:grid; grid-template-columns:1fr 60px 1fr; align-items:center; gap:25px; margin-top:40px; }.weboldal-keszites-page .wh-hub-inputs { display:grid; grid-template-columns:1fr 1fr; gap:15px; }.weboldal-keszites-page .wh-hub-inputs span { padding:22px 15px; border:1px solid var(--border); border-radius:12px; text-align:center; font-size:12px; color:var(--darkGray); }.weboldal-keszites-page .wh-hub-bridge { text-align:center; color:var(--primary); font-size:45px; }.weboldal-keszites-page .wh-hub-center strong { display:block; font-size:28px; color:var(--darkBlue); font-weight:700; margin:20px 0; }.weboldal-keszites-page .wh-hub-center > span { font-size:10px; color:var(--primary); }.weboldal-keszites-page .wh-hub-center p { margin-bottom:20px; }.weboldal-keszites-page .wh-hub-center a { position:relative; z-index:2; }.weboldal-keszites-page .wh-hub-note { max-width:700px; margin:25px 0 0 auto; color:var(--darkGray); font-size:12px; line-height:1.7; }
.weboldal-keszites-page .wh-value-layout { display:grid; grid-template-columns:1fr 1fr; gap:8%; align-items:center; }.weboldal-keszites-page .wh-value-tabs { display:grid; margin-top:25px; }.weboldal-keszites-page .wh-value-tabs button { display:flex; justify-content:space-between; text-align:left; border:0; border-top:1px solid var(--border); background:transparent; padding:18px 0; color:var(--darkGray); cursor:pointer; }.weboldal-keszites-page .wh-value-tabs button[aria-pressed=true] { color:var(--primary); font-weight:700; }
.weboldal-keszites-page .wh-value-scene { min-height:490px; }.weboldal-keszites-page .wh-value-scene[hidden] { display:none; }.weboldal-keszites-page .wh-scene-index { display:block; margin-bottom:30px; color:var(--primary); font-size:10px; }.weboldal-keszites-page .wh-question { font-family:var(--primary-font); font-size:36px; line-height:1.2; color:var(--darkBlue); min-height:180px; }.weboldal-keszites-page .wh-question em { color:var(--primary); }.weboldal-keszites-page .wh-scene-foot { margin-top:25px; padding-top:25px; border-top:1px solid var(--border); }.weboldal-keszites-page .wh-value-scenes:not(.wh-tabs-ready) .wh-value-scene + .wh-value-scene { margin-top:24px; }
.weboldal-keszites-page .wh-brand-title { padding-bottom:25px; }.weboldal-keszites-page .wh-brand-canvas { display:grid; grid-template-columns:1.1fr 1fr; gap:8%; }.weboldal-keszites-page .wh-type-art { min-height:510px; display:flex; flex-direction:column; align-items:center; justify-content:center; }.weboldal-keszites-page .wh-type-art > span { font-family:var(--primary-font); font-size:190px; line-height:1; color:var(--primary); }.weboldal-keszites-page .wh-type-art > i { font-size:10px; font-style:normal; text-align:center; color:var(--darkGray); margin-top:20px; }.weboldal-keszites-page .wh-color-palette { display:flex; margin-top:25px; }.weboldal-keszites-page .wh-color-palette b { width:38px; height:50px; border:3px solid #fff; margin-left:-3px; background:#0045ff; }.weboldal-keszites-page .wh-color-palette b:nth-child(2) { background:#0060fe; }.weboldal-keszites-page .wh-color-palette b:nth-child(3) { background:#7c3aed; }.weboldal-keszites-page .wh-color-palette b:nth-child(4) { background:#e6f4f8; }.weboldal-keszites-page .wh-color-palette b:nth-child(5) { background:#0b0c1b; }.weboldal-keszites-page .wh-brand-notes article { padding:24px 0; border-bottom:1px solid var(--border); }.weboldal-keszites-page .wh-brand-notes article > span { display:block; color:var(--primary); font-size:10px; margin-bottom:12px; }
.weboldal-keszites-page .wh-journey-layout { display:grid; grid-template-columns:1fr 1fr; gap:10%; align-items:start; }.weboldal-keszites-page .wh-journey-heading { position:sticky; top:35px; }.weboldal-keszites-page .wh-journey-heading > p { margin-bottom:25px; }.weboldal-keszites-page .wh-journey-note { display:block; color:var(--darkGray); font-size:12px; margin-top:20px; }.weboldal-keszites-page .wh-journey-track { list-style:none; margin:0; padding:0; }.weboldal-keszites-page .wh-journey-track li { position:relative; display:grid; grid-template-columns:40px 1fr; gap:20px; padding:20px 0 45px; }.weboldal-keszites-page .wh-journey-track li::before { content:''; position:absolute; top:60px; bottom:-20px; left:19px; width:1px; background:var(--border); }.weboldal-keszites-page .wh-journey-track li:last-child::before { display:none; }.weboldal-keszites-page .wh-track-dot { height:40px; width:40px; display:grid; place-items:center; border:1px solid var(--border); border-radius:50%; color:var(--primary); background:rgba(0,96,254,.07); font-size:12px; }.weboldal-keszites-page .wh-track-active .wh-track-dot { background:var(--primary); color:#fff; }.weboldal-keszites-page .wh-journey-track li > div > span { display:block; font-size:10px; color:var(--primary); margin-bottom:15px; }.weboldal-keszites-page .wh-journey-track small { display:block; color:var(--darkGray); font-size:11px; margin-top:15px; }
/* Editor mockup: illustrative UI, not a new typography system for the content. */
.weboldal-keszites-page .wh-workspace-layout { display:grid; grid-template-columns:1fr 1fr; gap:8%; align-items:center; }.weboldal-keszites-page .wh-editor { padding:0; }.weboldal-keszites-page .wh-editor-top { display:flex; gap:10px; align-items:center; padding:18px; border-bottom:1px solid var(--border); font-size:11px; color:var(--darkGray); }.weboldal-keszites-page .wh-editor-top i { color:var(--primary); font-size:22px; }.weboldal-keszites-page .wh-editor-label { margin-left:auto; font-size:9px; }.weboldal-keszites-page .wh-editor-body { display:grid; grid-template-columns:40px 1fr; }.weboldal-keszites-page .wh-editor-sidebar { display:flex; flex-direction:column; align-items:center; gap:25px; padding-top:25px; border-right:1px solid var(--border); color:var(--darkGray); }.weboldal-keszites-page .wh-editor-page { padding:28px; }.weboldal-keszites-page .wh-editor-page small { font-size:9px; color:var(--darkGray); }.weboldal-keszites-page .wh-editor-page h3 { margin:20px 0; }.weboldal-keszites-page .wh-editor-line { height:4px; width:95%; background:var(--border); margin-bottom:8px; }.weboldal-keszites-page .wh-editor-line:nth-of-type(3) { width:65%; }.weboldal-keszites-page .wh-editor-image { height:100px; margin-top:20px; border-radius:10px; background:rgba(0,96,254,.07); display:grid; place-items:center; font-size:40px; color:var(--primary); }.weboldal-keszites-page .wh-editor-save { display:block; color:var(--primary); font-size:11px; margin-top:18px; }.weboldal-keszites-page .wh-editor-save i { font-style:normal; }.weboldal-keszites-page .wh-workspace-copy h3 { margin-top:25px; }.weboldal-keszites-page .wh-workspace-copy p { margin-bottom:20px; }
.weboldal-keszites-page .wh-technology-note { display:grid; grid-template-columns:140px 1fr 30px; gap:30px; border-top:1px solid var(--border); margin-top:55px; padding-top:30px; }.weboldal-keszites-page .wh-technology-note > span { color:var(--primary); font-size:11px; }.weboldal-keszites-page .wh-technology-note > a { color:var(--primary); font-size:28px; }
/* Seven-step flow: shared cards, page-specific routing and connectors only. */
.weboldal-keszites-page .wh-delivery-head { display:grid; grid-template-columns:1fr 1fr; gap:0 8%; align-items:end; }.weboldal-keszites-page .wh-delivery-head > .fcard-label { grid-column:1 / -1; }
.weboldal-keszites-page .wh-flow-legend { display:flex; flex-wrap:wrap; gap:20px; margin:30px 0 25px; color:var(--darkGray); font-size:11px; }.weboldal-keszites-page .wh-flow-legend > span { display:flex; align-items:center; gap:8px; }.weboldal-keszites-page .wh-flow-legend i { height:6px; width:6px; border-radius:50%; background:var(--primary); }
.weboldal-keszites-page .wh-flow { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-areas:'strategy strategy strategy' 'brand wireframe design' 'care test build'; gap:36px; list-style:none; margin:0; padding:0; }
.weboldal-keszites-page .wh-flow-node { overflow:visible; min-width:0; height:auto; }
.weboldal-keszites-page .wh-flow-node-top { display:flex; align-items:center; gap:12px; margin-bottom:22px; }.weboldal-keszites-page .wh-flow-number { font-size:15px; font-weight:700; flex-shrink:0; }.weboldal-keszites-page .wh-flow-phase { color:var(--primary); font-size:10px; }.weboldal-keszites-page .wh-flow-node-top > img { width:22px; height:22px; object-fit:contain; margin-left:auto; }
.weboldal-keszites-page .wh-flow-node-copy { margin-bottom:25px; }.weboldal-keszites-page .wh-flow-node-copy p { margin:0; }
.weboldal-keszites-page .wh-flow-result { padding-top:18px; border-top:1px solid var(--border); margin-top:auto; }.weboldal-keszites-page .wh-flow-result > span { display:block; color:var(--darkGray); font-size:9px; margin-bottom:8px; }.weboldal-keszites-page .wh-flow-result > strong { display:block; color:var(--primary); font-size:12px; line-height:1.5; font-weight:500; }.weboldal-keszites-page .wh-flow-result i { font-style:normal; margin-right:5px; }
.weboldal-keszites-page .wh-flow-step-0 { grid-area:strategy; display:grid; grid-template-columns:160px 1fr 220px; gap:25px; align-items:center; }.weboldal-keszites-page .wh-flow-step-0 .wh-flow-node-top,.weboldal-keszites-page .wh-flow-step-0 .wh-flow-node-copy { margin:0; }.weboldal-keszites-page .wh-flow-step-0 .wh-flow-node-top > img { display:none; }.weboldal-keszites-page .wh-flow-step-0 .wh-flow-result { border-top:0; border-left:1px solid var(--border); padding:0 0 0 22px; margin:0; }
.weboldal-keszites-page .wh-flow-step-1 { grid-area:brand; }.weboldal-keszites-page .wh-flow-step-2 { grid-area:wireframe; }.weboldal-keszites-page .wh-flow-step-3 { grid-area:design; }.weboldal-keszites-page .wh-flow-step-4 { grid-area:build; }.weboldal-keszites-page .wh-flow-step-5 { grid-area:test; }.weboldal-keszites-page .wh-flow-step-6 { grid-area:care; }
.weboldal-keszites-page .wh-flow-node::after { position:absolute; z-index:1; width:36px; height:36px; display:grid; place-items:center; font-size:23px; line-height:1; color:var(--primary); pointer-events:none; }.weboldal-keszites-page .wh-flow-step-0::after { content:'↓'; left:calc(16.666% - 30px); bottom:-38px; inset:auto auto -38px calc(16.666% - 30px); background:none; border-radius:0; filter:none; }.weboldal-keszites-page .wh-flow-step-1::after,.weboldal-keszites-page .wh-flow-step-2::after { content:'→'; right:-38px; top:calc(50% - 18px); }.weboldal-keszites-page .wh-flow-step-3::after { content:'↓'; left:calc(50% - 18px); bottom:-38px; }.weboldal-keszites-page .wh-flow-step-4::after,.weboldal-keszites-page .wh-flow-step-5::after { content:'←'; left:-38px; top:calc(50% - 18px); }
.weboldal-keszites-page .wh-flow-close { display:flex; align-items:center; justify-content:space-between; gap:30px; margin-top:30px; }.weboldal-keszites-page .wh-flow-close p { max-width:640px; }.weboldal-keszites-page .wh-flow-close > a { flex-shrink:0; font-size:13px; }
.weboldal-keszites-page .wh-investment-layout { display:grid; grid-template-columns:1.1fr 1fr; gap:10%; align-items:center; }.weboldal-keszites-page .wh-investment-layout > div:first-child > p { margin-bottom:25px; }.weboldal-keszites-page .wh-scope { border-block:1px solid var(--border); padding:25px 0; }.weboldal-keszites-page .wh-scope-heading { color:var(--primary); font-size:11px; }.weboldal-keszites-page .wh-scope dl { margin:20px 0; }.weboldal-keszites-page .wh-scope dl > div { padding:18px 0; border-bottom:1px solid var(--border); }.weboldal-keszites-page .wh-scope dt { font-size:16px; font-weight:700; margin-bottom:8px; color:var(--darkGray); }.weboldal-keszites-page .wh-scope dd { color:var(--darkGray); font-size:14px; line-height:1.7; margin:0; }
.weboldal-keszites-page .wh-nextchapter-header { max-width:780px; margin:auto; }.weboldal-keszites-page .wh-nextchapter-header .wh-story-heading { text-align:center; }.weboldal-keszites-page .wh-horizon { display:grid; grid-template-columns:1fr 90px 1fr; gap:35px; margin-top:40px; }.weboldal-keszites-page .wh-horizon article > span { display:block; color:var(--primary); font-size:11px; margin-bottom:20px; }.weboldal-keszites-page .wh-horizon a { display:inline-block; margin:20px 15px 0 0; }.weboldal-keszites-page .wh-horizon-axis { display:flex; flex-direction:column; align-items:center; gap:20px; padding-block:12px; font-size:8px; color:var(--primary); }.weboldal-keszites-page .wh-horizon-axis i { flex:1; width:1px; background:var(--border); position:relative; }.weboldal-keszites-page .wh-horizon-axis i::before { content:''; position:absolute; top:45%; left:-4px; width:9px; height:9px; background:var(--primary); border-radius:50%; }.weboldal-keszites-page .wh-business-note { max-width:700px; margin:35px auto 0; color:var(--darkGray); font-size:12px; line-height:1.7; text-align:center; }
/* Existing carousel and FAQ, with only native-button and fallback adaptations. */
.weboldal-keszites-page #referenciak .fcard-head p { max-width:700px; margin:20px auto 0; }.weboldal-keszites-page #referenciak .swiper-wrapper { gap:24px; }.weboldal-keszites-page #referenciak .swiper-initialized .swiper-wrapper { gap:0; }.weboldal-keszites-page #referenciak .swiper-slide { width:min(360px,100%); height:auto; flex-shrink:0; }.weboldal-keszites-page #referenciak .swiper:not(.swiper-initialized) { overflow-x:auto; }.weboldal-keszites-page #referenciak .swiper-pagination { position:static; margin-top:25px; }
.weboldal-keszites-page #faqs button.q-h { width:100%; border:0; background:transparent; text-align:left; }.weboldal-keszites-page #faqs button.item { width:100%; text-align:left; }.weboldal-keszites-page #faqs .q-h .text { margin:0; }
.weboldal-keszites-page .wh-service-links { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:25px; padding-block:25px 55px; font-size:13px; }.weboldal-keszites-page .wh-service-links > span { color:var(--darkGray); }
.weboldal-keszites-page .wh-final-body { display:grid; grid-template-columns:1fr 1fr; gap:8%; align-items:start; }.weboldal-keszites-page .wh-final-body > div { position:relative; z-index:2; }.weboldal-keszites-page .wh-final-copy ol { list-style:none; padding:0; margin:25px 0; }.weboldal-keszites-page .wh-final-copy li { padding:17px 0; border-bottom:1px solid var(--border); font-size:14px; color:var(--darkGray); }.weboldal-keszites-page .wh-final-copy li span { color:var(--primary); margin-right:12px; }.weboldal-keszites-page .wh-direct-mail { display:block; margin:25px 0 12px; overflow-wrap:anywhere; }.weboldal-keszites-page .wh-final-small { color:var(--darkGray); font-size:12px; }
.weboldal-keszites-page .wh-brief-panel fieldset { border:0; padding:0; margin:0 0 25px; min-width:0; }.weboldal-keszites-page .wh-brief-panel legend { color:var(--darkGray); font-size:16px; font-weight:700; margin-bottom:15px; }.weboldal-keszites-page .wh-brief-options { display:flex; flex-wrap:wrap; gap:8px; }.weboldal-keszites-page .wh-brief-options label { position:relative; cursor:pointer; margin:0; }.weboldal-keszites-page .wh-brief-options input { position:absolute; opacity:0; width:1px; height:1px; }.weboldal-keszites-page .wh-brief-options span { display:block; padding:10px; border:1px solid var(--border); border-radius:10px; font-size:12px; color:var(--darkGray); }.weboldal-keszites-page .wh-brief-options input:checked + span { color:var(--primary); border-color:var(--primary); background:rgba(0,96,254,.07); }.weboldal-keszites-page .wh-brief-options input:focus-visible + span { outline:2px solid var(--primary); outline-offset:3px; }
.weboldal-keszites-page .wh-field-label { display:block; margin:22px 0 10px; color:var(--darkGray); font-size:13px; }.weboldal-keszites-page .wh-field-label > span { font-size:11px; }.weboldal-keszites-page .wh-brief-panel input[type=text],.weboldal-keszites-page .wh-brief-panel textarea { display:block; width:100%; max-width:100%; border:1px solid var(--border); border-radius:10px; padding:13px; color:var(--darkGray); background:var(--semi-dark-2); font-size:14px; line-height:1.7; resize:vertical; }.weboldal-keszites-page.light-theme .wh-brief-panel input[type=text],.weboldal-keszites-page.light-theme .wh-brief-panel textarea { background:#fff; }.weboldal-keszites-page .wh-brief-panel .btn { width:100%; margin-top:23px; }.weboldal-keszites-page .wh-brief-panel .btn span { margin-left:12px; }.weboldal-keszites-page .wh-brief-help { color:var(--darkGray); font-size:11px; line-height:1.7; margin:15px 0 0; }.weboldal-keszites-page .wh-brief-fallback[hidden],.weboldal-keszites-page .wh-brief-panel form[hidden] { display:none!important; }
/* Modest progressive enhancement; no animated heading or custom button styling. */
.weboldal-keszites-page .wh-reveal { opacity:1; transform:none; }.weboldal-keszites-page .wh-reveal.wh-waiting { opacity:0; transform:translateY(18px); }.weboldal-keszites-page .wh-reveal.wh-visible { opacity:1; transform:none; transition:opacity .6s ease,transform .6s ease; }
.weboldal-keszites-page .wh-project-dock { position:fixed; z-index:90; bottom:18px; left:50%; transform:translateX(-50%); display:flex; align-items:center; gap:15px; padding:8px 8px 8px 20px; white-space:nowrap; }.weboldal-keszites-page .wh-project-dock[hidden] { display:none; }.weboldal-keszites-page .wh-project-dock [data-wh-current-chapter] { display:inline-block; font-size:12px; color:var(--darkGray); }.weboldal-keszites-page .wh-project-dock .btn > span { margin-left:10px; }.weboldal-keszites-page .wh-status-dot { height:5px; width:5px; border-radius:50%; background:var(--primary); flex-shrink:0; }
.weboldal-keszites-page .wh-reading-progress { position:fixed; z-index:999; top:0; left:0; height:2px; width:100%; background:var(--primary); transform:scaleX(var(--wh-progress,0)); transform-origin:left; pointer-events:none; }
@keyframes wh-signal { to { stroke-dashoffset:-1020; } }@keyframes wh-orbit { to { transform:rotate(360deg); } }
@media (max-width:1199px) { .weboldal-keszites-page .wh-flow-step-0 { grid-template-columns:120px 1fr 180px; gap:20px; } }
@media (max-width:991px) {
 .weboldal-keszites-page .wh-launch-topline > span:last-child { display:none; }.weboldal-keszites-page .wh-launch-summary,.weboldal-keszites-page .wh-workspace-layout { grid-template-columns:1fr; gap:30px; }.weboldal-keszites-page .wh-launch-summary > p { max-width:650px; }.weboldal-keszites-page .wh-launch-summary > div { align-items:inherit; }.weboldal-keszites-page .wh-world-node { font-size:10px; }.weboldal-keszites-page .wh-world-node i { display:none; }
 .weboldal-keszites-page .wh-value-layout,.weboldal-keszites-page .wh-brand-canvas,.weboldal-keszites-page .wh-journey-layout { gap:35px; }.weboldal-keszites-page .wh-value-scene { min-height:470px; }.weboldal-keszites-page .wh-question { font-size:29px; }.weboldal-keszites-page .wh-editor { max-width:440px; width:100%; margin:auto; }
 .weboldal-keszites-page .wh-delivery-head { grid-template-columns:1fr; }.weboldal-keszites-page .wh-flow { grid-template-columns:1fr; grid-template-areas:'strategy' 'brand' 'wireframe' 'design' 'build' 'test' 'care'; gap:30px; }.weboldal-keszites-page .wh-flow-node { display:grid; grid-template-columns:120px 1fr; gap:0 25px; }.weboldal-keszites-page .wh-flow-node-top { grid-row:1 / 3; flex-wrap:wrap; align-content:start; margin:0; }.weboldal-keszites-page .wh-flow-node-top > img { margin:10px auto 0 10px; }.weboldal-keszites-page .wh-flow-node-copy { margin-bottom:20px; }.weboldal-keszites-page .wh-flow-step-0 .wh-flow-result { padding:18px 0 0; border-left:0; border-top:1px solid var(--border); margin-top:20px; }.weboldal-keszites-page .wh-flow-node:not(:last-child)::after { content:'↓'; left:calc(50% - 18px); right:auto; top:auto; bottom:-32px; height:30px; }.weboldal-keszites-page .wh-flow-close { flex-direction:column; align-items:flex-start; gap:18px; }
 .weboldal-keszites-page .wh-final-body { grid-template-columns:1fr; gap:30px; }
}
@media (max-width:767px) {
 .weboldal-keszites-page .wh-opening-top { display:block; }.weboldal-keszites-page .wh-side-note { display:none; }.weboldal-keszites-page .wh-opening-bottom,.weboldal-keszites-page .wh-value-layout,.weboldal-keszites-page .wh-brand-canvas,.weboldal-keszites-page .wh-journey-layout,.weboldal-keszites-page .wh-hub-intro,.weboldal-keszites-page .wh-investment-layout { grid-template-columns:1fr; gap:25px; }.weboldal-keszites-page .wh-hub-intro > .fcard-label { grid-column:auto; }.weboldal-keszites-page .wh-journey-heading { position:static; }.weboldal-keszites-page .wh-hub-map { grid-template-columns:1fr; gap:20px; }.weboldal-keszites-page .wh-hub-bridge { transform:rotate(90deg); font-size:35px; }.weboldal-keszites-page .wh-type-art { min-height:330px; }.weboldal-keszites-page .wh-type-art > span { font-size:150px; }.weboldal-keszites-page .wh-technology-note { grid-template-columns:1fr 30px; gap:15px; }.weboldal-keszites-page .wh-technology-note > span { grid-column:1 / -1; }.weboldal-keszites-page .wh-horizon { grid-template-columns:1fr; gap:20px; }.weboldal-keszites-page .wh-horizon-axis { flex-direction:row; min-height:60px; }.weboldal-keszites-page .wh-horizon-axis i { height:1px; width:auto; }.weboldal-keszites-page .wh-horizon-axis i::before { left:45%; top:-4px; }
}
@media (max-width:575px) {
 .weboldal-keszites-page .wh-launch-hero .title-5 { font-size:9px; }.weboldal-keszites-page .wh-launch-world { height:280px; }.weboldal-keszites-page .wh-world-lines { display:none; }.weboldal-keszites-page .wh-world-home { min-width:0; width:95%; padding:20px; gap:12px; }.weboldal-keszites-page .wh-world-home strong { font-size:19px; }.weboldal-keszites-page .wh-world-home small { font-size:7px; }.weboldal-keszites-page .wh-world-home div > span { font-size:10px; }.weboldal-keszites-page .wh-world-node { padding:9px; font-size:9px; }.weboldal-keszites-page .wh-node-search { top:15px; left:0; }.weboldal-keszites-page .wh-node-social { top:15px; right:0; }.weboldal-keszites-page .wh-node-referral { bottom:35px; left:0; }.weboldal-keszites-page .wh-node-action { bottom:35px; right:0; }.weboldal-keszites-page .wh-world-caption { font-size:8px; }.weboldal-keszites-page .wh-launch-footer > span:nth-child(2) { display:none; }.weboldal-keszites-page .wh-launch-footer { font-size:10px; }.weboldal-keszites-page .wh-reach-shift { grid-template-columns:1fr; gap:0; }.weboldal-keszites-page .wh-shift-arrow { text-align:left; }.weboldal-keszites-page .wh-value-scene { min-height:440px; }.weboldal-keszites-page .wh-question { font-size:30px; }.weboldal-keszites-page .wh-flow-node { display:flex; gap:0; padding:25px; }.weboldal-keszites-page .wh-flow-node-top { margin-bottom:20px; flex-wrap:nowrap; }.weboldal-keszites-page .wh-flow-node-top > img { margin:0 0 0 auto; }.weboldal-keszites-page .wh-flow-step-0 .wh-flow-node-top,.weboldal-keszites-page .wh-flow-step-0 .wh-flow-node-copy { margin-bottom:20px; }.weboldal-keszites-page .wh-flow-step-0 .wh-flow-result { margin:0; }.weboldal-keszites-page .wh-flow-legend { gap:12px; font-size:10px; }.weboldal-keszites-page .wh-service-links { gap:15px; }.weboldal-keszites-page .wh-service-links > span { width:100%; text-align:center; }.weboldal-keszites-page .wh-brief-panel { padding:22px; }.weboldal-keszites-page .wh-project-dock { max-width:calc(100% - 20px); gap:8px; padding-left:12px; bottom:12px; }.weboldal-keszites-page .wh-project-dock [data-wh-current-chapter] { max-width:120px; overflow:hidden; text-overflow:ellipsis; vertical-align:middle; font-size:10px; }.weboldal-keszites-page .wh-project-dock .btn { font-size:12px; padding-inline:13px; }
}
@media (prefers-reduced-motion:reduce) { .weboldal-keszites-page main *,.weboldal-keszites-page main *::before,.weboldal-keszites-page main *::after { animation:none!important; transition-duration:.01ms!important; scroll-behavior:auto!important; }.weboldal-keszites-page .wh-reveal.wh-waiting { opacity:1; transform:none; } }
.weboldal-keszites-page .wh-brief-panel textarea { font-family:inherit; }
.weboldal-keszites-page .wh-brief-panel button.btn { border:0; }
@media (max-width:575px) { .weboldal-keszites-page .wh-flow-step-0 { flex-direction:column; align-items:stretch; } }
/* Standalone website pricing: shared plan surfaces and typography, no tabs. */
.weboldal-keszites-page #weboldal-megoldasok .wh-site-plan { display:flex; flex-direction:column; height:100%; }
.weboldal-keszites-page #weboldal-megoldasok .plan-price { display:block; }
.weboldal-keszites-page #weboldal-megoldasok .plan-head { margin-bottom:15px; }
.weboldal-keszites-page #weboldal-megoldasok .plan-price { margin-bottom:0; }
.weboldal-keszites-page #weboldal-megoldasok .wh-plan-specifics { flex:1; margin-top:25px; }
.weboldal-keszites-page #weboldal-megoldasok .group .list li { align-items:flex-start; padding-right:0; }
.weboldal-keszites-page #weboldal-megoldasok .group .list li > img { flex-shrink:0; margin-top:4px; }
.weboldal-keszites-page #weboldal-megoldasok .actions { margin-top:25px; padding-bottom:0; }
@media (min-width:992px) { .weboldal-keszites-page #weboldal-megoldasok .plan-name { min-height:72px; }.weboldal-keszites-page #weboldal-megoldasok .plan-para { min-height:48px; } }
@media (max-width:575px) { .weboldal-keszites-page #weboldal-megoldasok .plan { padding:28px 24px; } }
@media (max-width:575px) { .weboldal-keszites-page #weboldal-megoldasok .row { margin-inline:0; }.weboldal-keszites-page #weboldal-megoldasok .row > .col-lg-4,.weboldal-keszites-page #weboldal-megoldasok .row > .col-md-6 { padding-inline:0; } }
/* Illustrated BrandHost services: shared type, surfaces and buttons. */
.weboldal-keszites-page .wh-service { overflow:hidden; }
.weboldal-keszites-page .wh-service .row { row-gap:32px; }
.weboldal-keszites-page .wh-service-copy > .fcard-desc { margin-bottom:22px; }
.weboldal-keszites-page .wh-service-copy > .btn { margin:8px 12px 8px 0; }
.weboldal-keszites-page .wh-service-visual { text-align:center; }
.weboldal-keszites-page .wh-service-visual > img { width:100%; max-height:440px; object-fit:contain; }
.weboldal-keszites-page .wh-domain-image { border-radius:28px; }
.weboldal-keszites-page .wh-service-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin:30px 0; }
.weboldal-keszites-page .wh-service-steps > div { border-top:1px solid var(--border); padding-top:16px; }
.weboldal-keszites-page .wh-service-steps > div > span { display:block; color:var(--primary); margin-bottom:12px; }
.weboldal-keszites-page .wh-service-mail { padding:45px; }
.weboldal-keszites-page .wh-mail-art { position:relative; max-width:330px; margin:25px auto; padding-bottom:65px; text-align:left; }
.weboldal-keszites-page .wh-mail-stationery { padding:30px; transform:rotate(-4deg); }
.weboldal-keszites-page .wh-mail-stationery .fcard-label { margin-bottom:25px; }
.weboldal-keszites-page .wh-mail-stationery small { color:var(--darkGray); }
.weboldal-keszites-page .wh-mail-rule { height:1px; background:var(--border); margin:25px 0; }
.weboldal-keszites-page .wh-mail-envelope { position:absolute; bottom:0; right:0; width:130px; height:110px; border-radius:24px; background:var(--primary); display:grid; place-items:center; transform:rotate(8deg); }
@media(max-width:991px) { .weboldal-keszites-page .wh-service-visual > img { max-height:340px; }.weboldal-keszites-page .wh-service-mail { padding:30px; } }
@media(max-width:575px) { .weboldal-keszites-page .wh-service-steps { grid-template-columns:1fr; gap:12px; }.weboldal-keszites-page .wh-service-mail { padding:22px 15px; }.weboldal-keszites-page .wh-mail-stationery { padding:23px; transform:none; }.weboldal-keszites-page .wh-mail-stationery .fcard-desc { overflow-wrap:anywhere; }.weboldal-keszites-page .wh-service-visual > img { max-height:280px; } }

/* One native horizontal track for the seven project milestones. */
.weboldal-keszites-page .wh-flow { display:flex; gap:24px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x proximity; scroll-padding-inline:2px; padding:8px 2px 24px; scrollbar-width:thin; scrollbar-color:var(--primary) transparent; }
.weboldal-keszites-page .wh-flow .wh-flow-node { flex:0 0 350px; display:flex; flex-direction:column; align-items:stretch; gap:0; grid-area:auto; padding:28px; scroll-snap-align:start; overflow:hidden; margin:0; }
.weboldal-keszites-page .wh-flow .wh-flow-node::after { display:none; }
.weboldal-keszites-page .wh-flow .wh-flow-node-top { display:flex; flex-wrap:nowrap; margin:0 0 22px; }
.weboldal-keszites-page .wh-flow .wh-flow-node-top > img { display:block; margin:0 0 0 auto; }
.weboldal-keszites-page .wh-flow .wh-flow-node-copy { margin:0 0 25px; }
.weboldal-keszites-page .wh-flow .wh-flow-result { border-left:0; border-top:1px solid var(--border); padding:18px 0 0; margin-top:auto; }
.weboldal-keszites-page .wh-flow:focus-visible { outline:2px solid var(--primary); outline-offset:5px; }
@media(max-width:575px) { .weboldal-keszites-page .wh-flow .wh-flow-node { flex-basis:87%; padding:24px; } }

/* Real WordPress references, ready for additional slides without a new library. */
.weboldal-keszites-page .wh-wp-references { min-width:0; display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:24px; scrollbar-width:thin; }
.weboldal-keszites-page .wh-wp-reference { flex:0 0 100%; min-width:0; padding:0; margin:0; overflow:hidden; scroll-snap-align:start; }
.weboldal-keszites-page .wh-wp-reference > img { display:block; width:100%; height:auto; }
.weboldal-keszites-page .wh-wp-reference figcaption { padding:18px 22px; }
.weboldal-keszites-page .wh-wp-reference .fcard-name { overflow-wrap:anywhere; font-size:14px; line-height:1.5; margin-bottom:8px; }

@media(min-width:992px) { .weboldal-keszites-page .wh-workspace-layout { grid-template-columns:minmax(0,3fr) minmax(0,2fr); gap:4%; } }

.weboldal-keszites-page .wh-wp-showcase { min-width:0; }
.weboldal-keszites-page .wh-wp-reference > a { display:block; }
.weboldal-keszites-page .wh-wp-reference > a > img { display:block; width:100%; height:auto; }
.weboldal-keszites-page .wh-wp-controls { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:18px; }
.weboldal-keszites-page .wh-wp-controls[hidden] { display:none; }
.weboldal-keszites-page .wh-wp-pagination { display:flex; gap:10px; }
.weboldal-keszites-page .wh-wp-pagination button { width:10px; height:10px; border:0; border-radius:50%; padding:0; font-size:0; background:var(--border); cursor:pointer; }
.weboldal-keszites-page .wh-wp-pagination button[aria-current="true"] { background:var(--primary); }