/* A Stage adatadaptere. A márkaértékek és komponensek gazdája stage-home.css. */
.stage-brand .stg-skip{position:fixed;z-index:100;top:-100px;left:20px;padding:10px 20px;background:var(--paper);min-height:44px}
.stage-brand .stg-skip:focus{top:10px}
.stage-brand .stg-body a,.stage-brand .stg-source a{text-decoration:underline;text-underline-offset:3px}
.stage-brand .feature>img{width:100%;height:auto;object-fit:contain;margin-bottom:1em;border-radius:inherit}
.stage-brand .feature>p,.stage-brand .price-card>p{overflow-wrap:anywhere}
.stage-brand .price-card{min-width:0}
.stage-brand .price-card .price{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.stage-brand .stg-card--stat{min-width:0}
.stage-brand .stg-card--stat .price{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.stage-brand .stg-source{font-size:smaller;margin-block:1em}
.stage-brand .stg-source a{display:inline-flex;align-items:center;min-height:44px}
.stage-brand .stg-kicker{display:block;color:var(--green);font-size:smaller}
.stage-brand .featured .stg-kicker{color:var(--lime)}
.stage-brand .stg-footnote{font-size:smaller;color:var(--muted);margin-top:2em;text-align:center}
.stage-brand .stg-section--tint{background:color-mix(in srgb,var(--lime) 12%,var(--paper))}
.stage-brand .stg-section--dark{background:radial-gradient(ellipse at top,var(--green),transparent),var(--night);color:var(--paper)}
.stage-brand .stg-section--dark .eyebrow{color:var(--lime)}
.stage-brand .stg-section--dark .section-heading p{color:var(--paper)}
.stage-brand .stg-actions{justify-content:center;margin-top:2em}
.stage-brand .ai-layout .section-heading{margin-bottom:0}
.stage-brand .ai-layout>.actions,.stage-brand .ai-layout>.stg-footnote{grid-column:1/-1}
.stage-brand .stg-media-first>.ai-visual{grid-column:1;grid-row:1}
.stage-brand .stg-media-first>.section-heading{grid-column:2;grid-row:1}
.stage-brand .ai-visual img{width:100%;height:auto}
.stage-brand .stg-phone{position:absolute;bottom:0;right:0;width:20%;overflow:hidden;background:var(--night);border-radius:1em;padding:4px}
.stage-brand .stg-phone img{width:100%;border-radius:inherit}
.stage-brand .hero-product .floating-note{pointer-events:none}
.stage-brand .hero-assurance{color:var(--paper)}
.stage-brand .stg-logos{display:flex;align-items:center;justify-content:space-around;gap:2em;flex-wrap:wrap}
.stage-brand .stg-logos img{max-width:150px;max-height:60px;object-fit:contain}
.stage-brand .stg-logos a{min-height:60px;display:flex;align-items:center}
.stage-brand .footer-bottom nav{display:flex;gap:1.5em;flex-wrap:wrap}
.stage-brand .footer-bottom nav a{display:inline-flex;align-items:center;min-height:44px}
.stage-brand .stg-video{position:relative;display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer}
.stage-brand .stg-play{position:absolute;inset:0;display:grid;place-items:center;color:var(--lime)}
.stage-brand .stg-play svg{width:15%;max-width:70px;filter:drop-shadow(0 2px 8px var(--ink))}
.stage-brand .stg-sticky{position:fixed;z-index:40;bottom:0;left:0;right:0;padding:12px 18px max(12px,env(safe-area-inset-bottom));background:var(--paper);box-shadow:0 -8px 25px #12372a15}
.stage-brand .stg-sticky[hidden]{display:none}
.stage-brand .stg-sticky .button{width:100%}
.stage-brand .pk-consent-title,.stage-brand .pk-consent-panel-title{font-size:var(--fs-lead);line-height:1.3;letter-spacing:normal}
.stage-brand .pk-consent-icon{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}
@media(min-width:761px){.stage-brand .stg-sticky{display:none}}
@media(max-width:620px){.stage-brand .stg-media-first>.ai-visual,.stage-brand .stg-media-first>.section-heading{grid-column:auto;grid-row:auto}.stage-brand .header-actions>.button{display:inline-flex}}
@media(pointer:coarse){.stage-brand p a,.stage-brand .section-form-checkbox-text a{display:inline-flex;align-items:center;min-height:44px}}

/* Az etalon örökölt design.css transzformja és a szekció-CSS elleni tipóvédelem. */
.stage-brand .hero .product-window{transform:perspective(2000px) rotateX(2deg)}
.stage-brand .feature h3{letter-spacing:-.045em}
.stage-brand .header .brand{flex-shrink:0}
@media(min-width:621px){.stage-brand :is(.feature-grid,.pricing-grid):is(.stg-grid--2,.stg-grid--4){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.stage-brand .header-actions{flex:1;min-width:0;justify-content:flex-end}.stage-brand .header-actions>.button{flex:1;min-width:0;overflow-wrap:anywhere}.stage-brand .menu-button{flex-shrink:0}}

/* A natív split teljes szélességű Stage-kerete nem egy újabb szűk oszlop. */
.stage-brand .stg-form>.stage-contact-form{width:100%;max-width:none;margin:0}
.stage-brand .stg-form .page-section.section-form{padding:0}
.stage-brand .stg-form .section-form-layout>*{min-width:0}

.stage-brand .stg-proof-groups{grid-template-columns:minmax(0,1fr)}
.stage-brand .feature-grid.stg-grid--1{grid-template-columns:minmax(0,1fr);max-width:660px;margin-inline:auto}
.stage-brand .feature-grid.stg-grid--1>.feature{min-height:0}
.stage-brand .feature-grid.stg-grid--1>.feature p{max-width:none}

/* A szövegbe írt nyíl helyén a Stage vonalas nyila, a betűmérethez igazítva (ArrowGlyph). */
.stage-brand .stg-inline-arrow{width:.72em;height:.72em;margin-inline:.1em;vertical-align:-.04em;stroke-width:2.2}

/* A főoldalon az értéksáv körül papírszínű tér van (a demo- és a történet-szekció belső margója).
   A landingen színes sáv is határolhatja: ott a sáv maga tart ugyanekkora távolságot. */
.stage-brand :is(.ai-section,.pricing-section,.stg-section--tint,.stg-section--dark)+.value-band{margin-top:clamp(40px,5vw,68px)}
.stage-brand .value-band:has(+:is(.ai-section,.pricing-section,.stg-section--tint,.stg-section--dark)){margin-bottom:clamp(40px,5vw,68px)}

/* A főoldal felső címkéi nagybetűsek (ott a szöveg maga az); a landingen a tárolt szöveg marad, a megjelenés egyezik. */
.stage-brand .eyebrow{text-transform:uppercase}

/* Lépésblokk a főoldali történet (journey) mintájára: számozott lépéskártyák, nem interaktív fülek. */
.stage-brand .stg-steps .steps{list-style:none;padding:0}
.stage-brand .stg-steps .step{background:#fff;border-color:#e3ecdc;cursor:default;color:inherit;text-decoration:none}
.stage-brand .stg-steps div.step:hover{background:#fff;border-color:#e3ecdc}
.stage-brand .stg-steps a.step{cursor:pointer}
.stage-brand .stg-steps a.step:hover,.stage-brand .stg-steps a.step:focus-visible{background:#f0f6ec;border-color:#b4cba6}
.stage-brand .stg-steps .step-number{background:var(--green);color:#fff}
.stage-brand .stg-steps .step>span:nth-child(2){flex:1;min-width:0}
.stage-brand .stg-steps .stg-arrow{width:18px;height:18px;flex:none;color:var(--green);opacity:.65}
.stage-brand .stg-steps--plain{align-items:start}
.stage-brand .stg-steps--plain .steps{margin-top:0}