body{min-width:320px}
a,button{outline-offset:4px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--m-aqua);outline-offset:4px}
.eyebrow{font-family:'JetBrains Mono',monospace;font-size:.68rem;font-weight:800;letter-spacing:.16em;color:var(--m-aqua)}
.pill-aqua,.pill-muted{display:inline-flex;align-items:center;border-radius:999px;padding:.42rem .72rem;font-size:.65rem;line-height:1;font-weight:800;letter-spacing:.08em}
.pill-aqua{border:1px solid rgba(20,216,208,.32);background:rgba(20,216,208,.08);color:var(--m-aqua)}
.pill-muted{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025);color:#bdbdbd}
.btn-primary,.btn-secondary{align-items:center;justify-content:center;border-radius:.8rem;padding:.92rem 1.25rem;font-weight:800;transition:.2s ease;text-align:center}
.btn-primary{background:var(--m-aqua);color:#071110}
.btn-primary:hover{background:var(--m-coral);color:#17100d}
.btn-secondary{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.025);color:#fff}
.btn-secondary:hover{border-color:var(--m-coral);color:var(--m-coral)}
.nav-drop{display:flex;flex-direction:column;gap:.18rem;border-radius:.8rem;padding:.75rem .85rem;transition:.18s ease}
.nav-drop:hover{background:rgba(255,255,255,.045)}
.nav-drop span{font-size:.85rem;color:#fff}
.nav-drop small{font-size:.68rem;color:#777}
.mobile-nav{border-radius:.75rem;padding:.8rem .85rem;font-size:.92rem;font-weight:700;color:#d1d1d1;transition:.18s ease}
.mobile-nav:hover{background:rgba(255,255,255,.045);color:var(--m-aqua)}
.menu-lines{position:relative;width:18px;height:12px;border-top:2px solid #fff;border-bottom:2px solid #fff}.menu-lines:after{content:"";position:absolute;left:0;right:0;top:4px;border-top:2px solid #fff}
.hero-step{display:grid;grid-template-columns:2.55rem 1fr;gap:.85rem;border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:1rem;background:rgba(255,255,255,.018)}
.hero-step>span{display:grid;height:2.55rem;width:2.55rem;place-items:center;border:1px solid rgba(20,216,208,.26);border-radius:.75rem;background:rgba(20,216,208,.055);font-family:'JetBrains Mono',monospace;font-size:.68rem;font-weight:800;color:var(--m-aqua)}
.hero-step strong{font-size:.96rem}.hero-step p{margin-top:.25rem;font-size:.78rem;line-height:1.4;color:#888}
.metric-mini{border:1px solid rgba(255,255,255,.09);border-radius:.8rem;padding:.8rem .45rem;text-align:center}.metric-mini strong{display:block;font-size:.95rem;color:#fff}.metric-mini span{display:block;margin-top:.2rem;font-family:'JetBrains Mono',monospace;font-size:.58rem;color:#666}
.feature-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:1.15rem;background:#0d0d0d;padding:1.5rem;transition:.22s ease}
.feature-card:after{content:"";position:absolute;right:-50px;bottom:-55px;width:130px;height:130px;border-radius:999px;background:rgba(20,216,208,.055);filter:blur(10px);transition:.22s ease}.feature-card:hover{border-color:var(--m-coral);transform:translateY(-3px)}.feature-card:hover:after{background:rgba(248,143,111,.08)}
.feature-card h3{margin-top:2.4rem;font-size:1.65rem;line-height:1.05;font-weight:900;letter-spacing:-.035em}.feature-card p{margin-top:.85rem;line-height:1.75;color:#9e9e9e}.feature-no{font-family:'JetBrains Mono',monospace;font-size:.65rem;font-weight:800;color:var(--m-aqua)}
.service-link-card{display:flex;min-height:100%;flex-direction:column;border:1px solid rgba(255,255,255,.12);border-radius:1.15rem;background:rgba(255,255,255,.018);padding:1.45rem;transition:.22s ease}.service-link-card:hover{border-color:var(--m-coral);transform:translateY(-3px)}
.service-icon{display:grid;height:2.8rem;width:2.8rem;place-items:center;border:1px solid rgba(20,216,208,.28);border-radius:.8rem;background:rgba(20,216,208,.055);font-family:'JetBrains Mono',monospace;font-size:.68rem;font-weight:800;color:var(--m-aqua)}.service-link-card:hover .service-icon{border-color:var(--m-coral);color:var(--m-coral)}
.service-link-card h3{margin-top:2.8rem;font-size:1.8rem;line-height:1.05;font-weight:900;letter-spacing:-.035em}.service-link-card p{margin-top:.85rem;flex:1;line-height:1.7;color:#9d9d9d}.service-arrow{margin-top:1.5rem;font-size:.86rem;font-weight:800;color:var(--m-aqua)}.service-link-card:hover .service-arrow{color:var(--m-coral)}
.process-line{position:relative;display:grid;gap:0;border-top:1px solid rgba(255,255,255,.1)}.process-line li{display:grid;grid-template-columns:3.7rem 1fr;gap:1rem;border-bottom:1px solid rgba(255,255,255,.1);padding:1.5rem 0}.process-line>li>span{font-family:'JetBrains Mono',monospace;font-size:.72rem;font-weight:800;color:var(--m-aqua);padding-top:.35rem}.process-line h3{font-size:1.45rem;font-weight:900}.process-line p{margin-top:.5rem;max-width:52rem;line-height:1.75;color:#9b9b9b}
.micro-point{border-top:1px solid rgba(255,255,255,.12);padding-top:1rem}.micro-point strong{display:block}.micro-point span{display:block;margin-top:.25rem;font-size:.84rem;color:#888}
.browser-frame{overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:1.45rem;background:#0c0c0c;box-shadow:0 28px 80px rgba(0,0,0,.45)}.browser-top{display:flex;align-items:center;gap:.45rem;border-bottom:1px solid rgba(255,255,255,.08);padding:.75rem 1rem}.browser-top i{height:.55rem;width:.55rem;border-radius:999px;background:#444}.browser-top i:first-child{background:var(--m-coral)}.browser-top i:nth-child(3){background:var(--m-aqua)}.browser-top span{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:.58rem;color:#555}.browser-body{position:relative;min-height:360px;background:linear-gradient(135deg,#171717,#101010);padding:1.1rem}.mock-desktop{height:250px;border:1px solid rgba(255,255,255,.08);border-radius:1rem;background:#131313;padding:1rem}.mock-nav{height:18px;width:50%;border-radius:6px;background:#252525}.mock-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem;margin-top:1.25rem}.mock-hero div{display:grid;gap:.45rem}.mock-hero b{height:16px;border-radius:6px;background:#272727}.mock-hero b:first-child{width:88%;height:28px;background:rgba(20,216,208,.22)}.mock-hero span{border-radius:.8rem;background:#1f1f1f}.mock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:1rem}.mock-grid i{height:72px;border:1px solid rgba(255,255,255,.07);border-radius:.7rem;background:#181818}.phone-shell{position:absolute;right:8%;bottom:-30px;width:145px;border:5px solid #242424;border-radius:1.8rem;background:#0b0b0b;padding:.45rem;box-shadow:0 20px 50px rgba(0,0,0,.55)}.phone-notch{height:8px;width:44px;margin:0 auto .5rem;border-radius:999px;background:#242424}.phone-screen{min-height:245px;border-radius:1.25rem;background:#121212;padding:.8rem}.phone-pill{display:block;width:56px;height:9px;border-radius:999px;background:rgba(20,216,208,.28)}.phone-screen b{display:block;height:16px;margin-top:.55rem;border-radius:5px;background:#2a2a2a}.phone-screen b:nth-of-type(1){width:90%;height:24px;background:rgba(20,216,208,.2)}.phone-screen i{display:block;width:60px;height:22px;margin-top:.8rem;border-radius:6px;background:var(--m-aqua)}.phone-card{height:62px;margin-top:.8rem;border:1px solid rgba(255,255,255,.08);border-radius:.7rem;background:#191919}.phone-card.short{height:44px}
.check-row{position:relative;border-bottom:1px solid rgba(255,255,255,.08);padding:1rem 0 1rem 2rem;font-weight:700}.check-row:before{content:"✓";position:absolute;left:0;color:var(--m-aqua);font-weight:900}
.compare-panel{border-radius:1.15rem;padding:1.7rem;border:1px solid rgba(255,255,255,.1);background:#0e0e0e}.compare-panel>span{font-family:'JetBrains Mono',monospace;font-size:.64rem;font-weight:800;letter-spacing:.13em}.compare-panel h3{margin-top:1rem;font-size:2rem;font-weight:900;letter-spacing:-.035em}.compare-panel p{margin-top:1rem;line-height:1.8;color:#9a9a9a}.compare-old{border-color:rgba(248,143,111,.22)}.compare-old>span{color:var(--m-coral)}.compare-new{border-color:rgba(20,216,208,.22)}.compare-new>span{color:var(--m-aqua)}
.faq-item summary{position:relative;cursor:pointer;list-style:none;padding:1.35rem 3rem 1.35rem 0;font-size:1.05rem;font-weight:800}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";position:absolute;right:.25rem;top:1.1rem;font-size:1.5rem;color:var(--m-aqua);transition:.2s}.faq-item[open] summary:after{content:"−";color:var(--m-coral)}.faq-item p{max-width:50rem;padding:0 3rem 1.5rem 0;line-height:1.8;color:#999}
.footer-title{font-family:'JetBrains Mono',monospace;font-size:.68rem;font-weight:800;letter-spacing:.14em;color:#666;text-transform:uppercase}.footer-links{display:grid;gap:.65rem;margin-top:1rem}.footer-links a{font-size:.9rem;color:#aaa;transition:.18s}.footer-links a:hover{color:var(--m-aqua)}
@media(max-width:639px){.phone-shell{right:4%;width:125px}.browser-body{min-height:300px}.mock-desktop{height:205px}.mock-grid i{height:55px}.hero-step{grid-template-columns:2.3rem 1fr}.hero-step>span{height:2.3rem;width:2.3rem}.feature-card h3{margin-top:1.9rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* /egyedi-webfejlesztes/ page-specific compositions */
.terminal-window{overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:1.3rem;background:#0b0b0b;box-shadow:0 28px 80px rgba(0,0,0,.48)}
.terminal-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;border-bottom:1px solid rgba(255,255,255,.08);padding:.8rem 1rem;font-family:'JetBrains Mono',monospace;font-size:.63rem;color:#666}.terminal-bar>span:nth-child(2){text-align:center}.terminal-dots{display:flex;gap:.38rem}.terminal-dots i{height:.55rem;width:.55rem;border-radius:999px;background:#444}.terminal-dots i:first-child{background:var(--m-coral)}.terminal-dots i:nth-child(3){background:var(--m-aqua)}.terminal-live{display:flex!important;align-items:center;gap:.4rem!important;color:var(--m-aqua)!important}.terminal-live i{display:inline-block;height:.45rem;width:.45rem;border-radius:999px;background:var(--m-aqua)}
.terminal-code{overflow-x:auto;padding:1.2rem 1rem 1.4rem;font-family:'JetBrains Mono',monospace;font-size:.75rem;line-height:1.8;color:#cfcfcf}.terminal-code>div{display:grid;grid-template-columns:2rem max-content;min-width:max-content}.terminal-code b{padding-right:.75rem;text-align:right;color:#4f4f4f;font-weight:500;user-select:none}.terminal-code .indent{padding-left:1.3rem}.terminal-code em{font-style:normal;color:#8bc8ff}.terminal-code strong{font-weight:600;color:#a8e6b2}.terminal-code mark{border-radius:.3rem;background:rgba(248,143,111,.12);padding:.08rem .22rem;color:var(--m-coral);font-weight:800;animation:m-pulse-text 1.65s ease-in-out infinite}.terminal-cursor{display:inline-block;height:1em;width:.55rem;background:var(--m-aqua);animation:m-cursor 1s steps(2,end) infinite;box-shadow:0 0 16px rgba(20,216,208,.35)}
.system-card{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.11);border-radius:1.2rem;background:#0d0d0d;padding:1.5rem;transition:.22s ease}.system-card:hover{border-color:var(--m-coral);transform:translateY(-3px)}.system-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.system-card h3{margin-top:2.4rem;font-size:2rem;line-height:1.05;font-weight:900;letter-spacing:-.035em}.system-card p{margin-top:.9rem;flex:1;line-height:1.75;color:#9e9e9e}.system-card strong{margin-top:1.25rem;color:var(--m-aqua);font-size:.92rem}.system-card:hover strong,.system-card:hover .service-icon{color:var(--m-coral);border-color:var(--m-coral)}
.explain-panel{border-top:2px solid rgba(20,216,208,.55);padding:1.25rem 0 0}.explain-panel>span{font-family:'JetBrains Mono',monospace;font-size:.66rem;font-weight:800;letter-spacing:.14em;color:var(--m-aqua)}.explain-panel h3{margin-top:.8rem;font-size:1.6rem;font-weight:900;letter-spacing:-.03em}.explain-panel p{margin-top:.7rem;line-height:1.75;color:#9a9a9a}
.tool-pill{display:inline-flex;border:1px solid rgba(255,255,255,.11);border-radius:.75rem;background:#0f0f0f;padding:.72rem .9rem;font-family:'JetBrains Mono',monospace;font-size:.7rem;font-weight:800;color:#aaa;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.integration-shell{overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:1.2rem;background:#0b0b0b}.integration-head{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(255,255,255,.08);padding:1rem 1.1rem;font-family:'JetBrains Mono',monospace;font-size:.64rem;font-weight:800;color:#666}.integration-head span:last-child{display:flex;align-items:center;gap:.5rem;color:var(--m-aqua)}.integration-head i{height:.45rem;width:.45rem;border-radius:999px;background:var(--m-aqua)}.integration-list>div{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(255,255,255,.07);padding:1rem 1.1rem}.integration-list>div:last-child{border-bottom:0}.integration-list strong{font-size:.95rem}.integration-list span{font-family:'JetBrains Mono',monospace;font-size:.62rem;color:#777}.integration-list>div:hover span{color:var(--m-coral)}
.dashboard-mock{display:grid;grid-template-columns:150px 1fr;min-height:360px;background:#101010}.dash-side{display:flex;flex-direction:column;gap:.35rem;border-right:1px solid rgba(255,255,255,.08);padding:1rem}.dash-side strong{margin-bottom:.7rem;font-family:'JetBrains Mono',monospace;font-size:.65rem;letter-spacing:.12em;color:var(--m-aqua)}.dash-side span{border-radius:.55rem;padding:.55rem .6rem;font-size:.68rem;color:#777}.dash-side span.active{background:rgba(20,216,208,.07);color:#dcdcdc}.dash-main{padding:1rem}.dash-top{display:flex;align-items:start;justify-content:space-between;gap:1rem}.dash-top small{display:block;font-family:'JetBrains Mono',monospace;font-size:.57rem;color:#606060}.dash-top strong{display:block;margin-top:.2rem;font-size:1rem}.dash-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin-top:1rem}.dash-metrics>div{border:1px solid rgba(255,255,255,.07);border-radius:.65rem;background:#141414;padding:.75rem}.dash-metrics b{display:block;font-size:1.35rem}.dash-metrics span{display:block;margin-top:.2rem;font-size:.6rem;color:#6f6f6f}.dash-board{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin-top:1rem}.dash-board>div{min-height:150px;border:1px solid rgba(255,255,255,.07);border-radius:.65rem;background:#131313;padding:.6rem}.dash-board span{font-family:'JetBrains Mono',monospace;font-size:.52rem;color:#555}.dash-board i{display:block;height:38px;margin-top:.55rem;border:1px solid rgba(255,255,255,.06);border-radius:.45rem;background:#191919}.dash-board>div:nth-child(2) i:first-of-type{border-color:rgba(20,216,208,.16);background:rgba(20,216,208,.04)}
.pricing-scope{border:1px solid rgba(255,255,255,.12);border-radius:1.2rem;background:#0d0d0d;padding:1.5rem;box-shadow:0 28px 80px rgba(0,0,0,.25)}.pricing-scope h3{margin-top:1.2rem;font-size:2rem;font-weight:900;letter-spacing:-.035em}.pricing-scope>p{margin-top:.75rem;line-height:1.75;color:#999}
@media(max-width:767px){.dashboard-mock{grid-template-columns:1fr}.dash-side{display:none}.dash-board{grid-template-columns:1fr 1fr}.dash-board>div:last-child{display:none}.terminal-bar{grid-template-columns:auto 1fr}.terminal-live{display:none!important}}
@media(max-width:479px){.dash-metrics{grid-template-columns:1fr}.dash-board{grid-template-columns:1fr}.dash-board>div:nth-child(2){display:none}.integration-list>div{align-items:flex-start;flex-direction:column;gap:.35rem}.terminal-code{font-size:.68rem}}
@media(prefers-reduced-motion:reduce){.terminal-code mark,.terminal-cursor{animation:none!important}}

/* /landing-page-keszites/ page-specific compositions */
.campaign-hero{position:relative}.campaign-window{overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:1.35rem;background:#0b0b0b;box-shadow:0 28px 80px rgba(0,0,0,.48)}
.campaign-window-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;border-bottom:1px solid rgba(255,255,255,.08);padding:.8rem 1rem;font-family:'JetBrains Mono',monospace;font-size:.62rem;color:#666}.campaign-window-top>div{display:flex;gap:.38rem}.campaign-window-top i{height:.55rem;width:.55rem;border-radius:999px;background:#444}.campaign-window-top i:first-child{background:var(--m-coral)}.campaign-window-top i:nth-child(3){background:var(--m-aqua)}.campaign-window-top span{text-align:center}.campaign-window-top b{color:var(--m-aqua);font-size:.58rem;letter-spacing:.12em}
.campaign-stage{margin:1rem;border:1px solid rgba(255,255,255,.09);border-radius:1rem;background:#121212;padding:1.15rem 1.2rem}.campaign-stage strong{display:block;margin-top:.55rem;font-size:1.35rem;line-height:1.15}.campaign-stage p{margin-top:.45rem;line-height:1.6;color:#888}.campaign-kicker{font-family:'JetBrains Mono',monospace;font-size:.58rem;font-weight:800;letter-spacing:.12em;color:#777}.campaign-badge{display:inline-flex;margin-top:.9rem;border:1px solid rgba(20,216,208,.22);border-radius:.65rem;background:rgba(20,216,208,.06);padding:.45rem .65rem;font-style:normal;font-family:'JetBrains Mono',monospace;font-size:.58rem;font-weight:800;color:var(--m-aqua)}.campaign-arrow{text-align:center;font-size:1.3rem;color:#555}.landing-stage{border-color:rgba(20,216,208,.22);background:linear-gradient(145deg,rgba(20,216,208,.045),#111 36%)}.lead-stage{border-color:rgba(248,143,111,.18)}.landing-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin-top:.9rem}.landing-mini i{height:35px;border:1px solid rgba(255,255,255,.08);border-radius:.5rem;background:#181818}.landing-mini b{grid-column:1/-1;height:11px;width:52%;border-radius:999px;background:var(--m-aqua)}
.funnel-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:1rem}.funnel-flow article{display:grid;grid-template-columns:3rem 1fr;gap:1rem;border:1px solid rgba(255,255,255,.1);border-radius:1rem;background:#101010;padding:1.2rem}.funnel-flow article>span{display:grid;height:3rem;width:3rem;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:.8rem;font-family:'JetBrains Mono',monospace;font-size:.68rem;color:#777}.funnel-flow small{font-family:'JetBrains Mono',monospace;font-size:.58rem;font-weight:800;letter-spacing:.12em;color:#666}.funnel-flow h3{margin-top:.35rem;font-size:1.35rem;font-weight:900}.funnel-flow p{margin-top:.4rem;line-height:1.6;color:#888}.funnel-flow>i{align-self:center;font-style:normal;font-size:1.4rem;color:#555}.funnel-flow article.active{border-color:rgba(20,216,208,.3);box-shadow:0 0 0 1px rgba(20,216,208,.04),0 20px 55px rgba(20,216,208,.05)}.funnel-flow article.active>span{border-color:rgba(20,216,208,.25);color:var(--m-aqua)}.funnel-flow article.active small{color:var(--m-aqua)}
.feature-5{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem}.feature-5>article:nth-child(-n+3){grid-column:span 2}.feature-5>article:nth-child(n+4){grid-column:span 3}
.conversion-list{border-top:1px solid rgba(255,255,255,.1)}.conversion-list li{display:grid;grid-template-columns:3.4rem 1fr;gap:1rem;border-bottom:1px solid rgba(255,255,255,.1);padding:1.5rem 0}.conversion-list>li>span{padding-top:.3rem;font-family:'JetBrains Mono',monospace;font-size:.7rem;font-weight:800;color:var(--m-aqua)}.conversion-list h3{font-size:1.45rem;font-weight:900}.conversion-list p{margin-top:.45rem;max-width:48rem;line-height:1.75;color:#999}
.focus-quote{max-width:1100px;font-size:clamp(3.1rem,8vw,7.7rem);font-weight:900;line-height:.9;letter-spacing:-.06em}.focus-quote span{color:var(--m-aqua)}
.campaign-continuity{position:relative;display:grid;grid-template-columns:.72fr .28fr 1fr;align-items:center;gap:1rem}.ad-preview,.landing-preview{border:1px solid rgba(255,255,255,.11);border-radius:1.15rem;background:#0d0d0d;padding:1.2rem;box-shadow:0 24px 70px rgba(0,0,0,.25)}.ad-preview strong{display:block;margin-top:1.8rem;font-size:1.35rem}.ad-preview p,.landing-preview p{margin-top:.6rem;line-height:1.65;color:#8f8f8f}.ad-preview>i,.landing-preview>i{display:inline-flex;margin-top:1rem;border-radius:.65rem;background:var(--m-aqua);padding:.55rem .75rem;font-style:normal;font-size:.7rem;font-weight:900;color:#061111}.landing-preview{border-color:rgba(20,216,208,.2);padding:1.45rem}.landing-preview h3{margin-top:1.8rem;font-size:2rem;line-height:1.05;font-weight:900;letter-spacing:-.04em}.landing-preview h3 em{font-style:normal;color:var(--m-aqua)}.preview-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-family:'JetBrains Mono',monospace;font-size:.58rem;font-weight:800;letter-spacing:.1em;color:#666}.preview-meta b{color:var(--m-aqua)}.continuity-line{position:relative;height:2px;background:linear-gradient(90deg,rgba(248,143,111,.25),var(--m-aqua));}.continuity-line:after{content:'→';position:absolute;right:-.45rem;top:50%;transform:translateY(-52%);color:var(--m-aqua)}.continuity-line span{position:absolute;left:50%;top:-1.4rem;transform:translateX(-50%);white-space:nowrap;font-family:'JetBrains Mono',monospace;font-size:.52rem;font-weight:800;color:#666}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.metric-grid article{border:1px solid rgba(255,255,255,.1);border-radius:1rem;background:#0e0e0e;padding:1.25rem}.metric-grid span{font-family:'JetBrains Mono',monospace;font-size:.58rem;font-weight:800;letter-spacing:.12em;color:var(--m-aqua)}.metric-grid strong{display:block;margin-top:2rem;font-size:1.6rem;font-weight:900}.metric-grid p{margin-top:.45rem;line-height:1.6;color:#858585}.metric-grid article:hover{border-color:var(--m-coral)}.metric-grid article:hover span{color:var(--m-coral)}
.deliverables-panel{border:1px solid rgba(255,255,255,.11);border-radius:1.2rem;background:#0d0d0d;padding:1.4rem 1.5rem;box-shadow:0 28px 80px rgba(0,0,0,.2)}
.pricing-copy{border-top:1px solid rgba(255,255,255,.12);padding-top:1.4rem}.pricing-copy h3{font-size:2rem;font-weight:900;letter-spacing:-.035em}.pricing-copy>p{margin-top:1rem;line-height:1.8;color:#999}.pricing-cta{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border:1px solid rgba(20,216,208,.16);border-radius:1rem;background:rgba(20,216,208,.035);padding:1rem 1.1rem}.pricing-cta span{display:block;font-family:'JetBrains Mono',monospace;font-size:.58rem;font-weight:800;letter-spacing:.12em;color:var(--m-aqua)}.pricing-cta strong{display:block;margin-top:.25rem}
.mobile-sticky-cta{display:none}
@media(max-width:1023px){.funnel-flow{grid-template-columns:1fr}.funnel-flow>i{transform:rotate(90deg);justify-self:center}.campaign-continuity{grid-template-columns:1fr}.continuity-line{height:55px;width:2px;justify-self:center;background:linear-gradient(180deg,rgba(248,143,111,.25),var(--m-aqua))}.continuity-line:after{content:'↓';right:auto;left:50%;top:auto;bottom:-.65rem;transform:translateX(-50%)}.continuity-line span{left:1rem;top:50%;transform:translateY(-50%) rotate(-90deg)}}
@media(max-width:767px){.feature-5{grid-template-columns:1fr}.feature-5>article:nth-child(n){grid-column:auto}.metric-grid{grid-template-columns:1fr 1fr}.pricing-cta{align-items:stretch;flex-direction:column}.pricing-cta .btn-primary{width:100%}.campaign-window-top{grid-template-columns:auto 1fr}.campaign-window-top b{display:none}.mobile-sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:60;display:block;border-top:1px solid rgba(255,255,255,.12);background:rgba(11,11,11,.94);padding:.7rem .8rem calc(.7rem + env(safe-area-inset-bottom));backdrop-filter:blur(14px)}.mobile-sticky-cta a{display:flex;align-items:center;justify-content:center;border-radius:.75rem;background:var(--m-aqua);padding:.85rem 1rem;font-size:.9rem;font-weight:900;color:#071110}body{padding-bottom:74px}}
@media(max-width:479px){.metric-grid{grid-template-columns:1fr}.campaign-stage{margin:.7rem}.campaign-window-top{font-size:.56rem}.funnel-flow article{grid-template-columns:2.6rem 1fr}.funnel-flow article>span{height:2.6rem;width:2.6rem}.focus-quote{font-size:clamp(2.8rem,15vw,4.6rem)}}

/* /weboldal-felujitas/ page-specific compositions */
.renewal-status{overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:1.35rem;background:#0b0b0b;box-shadow:0 28px 80px rgba(0,0,0,.46)}
.renewal-status-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(255,255,255,.08);padding:.9rem 1rem;font-family:'JetBrains Mono',monospace;font-size:.62rem;font-weight:800;letter-spacing:.1em;color:#666}.renewal-status-head b{display:flex;align-items:center;gap:.5rem;color:var(--m-aqua)}.renewal-status-head b:before{content:'';height:.48rem;width:.48rem;border-radius:999px;background:var(--m-aqua);box-shadow:0 0 16px rgba(20,216,208,.4)}
.renewal-scan{padding:1rem}.renewal-scan>div{display:grid;grid-template-columns:1fr auto;gap:1rem;border-bottom:1px solid rgba(255,255,255,.07);padding:1rem .2rem}.renewal-scan>div:last-child{border-bottom:0}.renewal-scan span{font-size:.92rem;font-weight:800}.renewal-scan em{font-style:normal;font-family:'JetBrains Mono',monospace;font-size:.62rem;font-weight:800}.renewal-scan .keep em{color:var(--m-aqua)}.renewal-scan .change em{color:var(--m-coral)}.renewal-scan .review em{color:#aaa}.renewal-summary{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;border-top:1px solid rgba(255,255,255,.08);padding:1rem}.renewal-summary div{border:1px solid rgba(255,255,255,.08);border-radius:.8rem;background:#111;padding:.9rem}.renewal-summary small{display:block;font-family:'JetBrains Mono',monospace;font-size:.56rem;font-weight:800;letter-spacing:.12em;color:#666}.renewal-summary strong{display:block;margin-top:.4rem;font-size:1.05rem}.renewal-summary div:first-child strong{color:var(--m-aqua)}.renewal-summary div:last-child strong{color:var(--m-coral)}
.preserve-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid rgba(255,255,255,.1);border-radius:1.15rem;overflow:hidden}.preserve-grid article{min-height:160px;border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background:#0d0d0d;padding:1.2rem}.preserve-grid article:nth-child(2n){border-right:0}.preserve-grid article:nth-last-child(-n+2){border-bottom:0}.preserve-grid span{font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:800;letter-spacing:.12em;color:var(--m-aqua)}.preserve-grid h3{margin-top:1.3rem;font-size:1.3rem;font-weight:900}.preserve-grid p{margin-top:.55rem;line-height:1.65;color:#8f8f8f}
.change-list{border-top:1px solid rgba(255,255,255,.1)}.change-list li{display:grid;grid-template-columns:3.2rem 1fr;gap:1rem;border-bottom:1px solid rgba(255,255,255,.1);padding:1.45rem 0}.change-list>li>span{padding-top:.25rem;font-family:'JetBrains Mono',monospace;font-size:.68rem;font-weight:800;color:var(--m-coral)}.change-list h3{font-size:1.4rem;font-weight:900}.change-list p{margin-top:.45rem;max-width:50rem;line-height:1.72;color:#999}
.seo-preserve{overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:1.2rem;background:#0b0b0b}.seo-preserve-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(255,255,255,.08);padding:1rem 1.1rem;font-family:'JetBrains Mono',monospace;font-size:.62rem;font-weight:800;color:#666}.seo-preserve-head b{color:var(--m-aqua)}.seo-preserve-row{display:grid;grid-template-columns:1fr auto;gap:1rem;border-bottom:1px solid rgba(255,255,255,.07);padding:1rem 1.1rem}.seo-preserve-row:last-child{border-bottom:0}.seo-preserve-row strong{font-size:.92rem}.seo-preserve-row span{font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:800;color:var(--m-aqua)}
.renewal-quote{max-width:1120px;font-size:clamp(3.2rem,8vw,7.9rem);font-weight:900;line-height:.89;letter-spacing:-.062em}.renewal-quote span{color:var(--m-coral)}
.before-after-frame{overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:1.3rem;background:#0b0b0b;box-shadow:0 28px 80px rgba(0,0,0,.38)}.before-after-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);padding:.8rem 1rem;font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:800;color:#666}.before-after-top b{color:var(--m-aqua)}.before-after-body{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem}.phone-compare{border:1px solid rgba(255,255,255,.08);border-radius:1rem;background:#111;padding:1rem}.phone-compare>span{font-family:'JetBrains Mono',monospace;font-size:.58rem;font-weight:800;letter-spacing:.12em}.phone-compare.old>span{color:var(--m-coral)}.phone-compare.new>span{color:var(--m-aqua)}.phone-canvas{margin-top:1rem;border:5px solid #272727;border-radius:1.5rem;background:#0d0d0d;padding:.55rem}.phone-ui{min-height:300px;border-radius:1rem;background:#141414;padding:.75rem}.old .phone-ui{filter:saturate(.55);opacity:.78}.ui-nav{height:14px;width:72%;border-radius:5px;background:#292929}.ui-title{height:30px;margin-top:1rem;border-radius:6px;background:#2c2c2c}.new .ui-title{width:78%;background:rgba(20,216,208,.2)}.ui-copy{height:12px;margin-top:.55rem;border-radius:5px;background:#242424}.ui-copy.short{width:70%}.ui-button{height:32px;width:58%;margin-top:1rem;border-radius:7px;background:#333}.new .ui-button{background:var(--m-aqua)}.ui-card{height:70px;margin-top:1rem;border:1px solid rgba(255,255,255,.07);border-radius:.7rem;background:#181818}.old .ui-card{margin-top:.55rem}.new .ui-card{border-color:rgba(20,216,208,.12)}
.brand-board{display:grid;gap:.75rem;border:1px solid rgba(255,255,255,.11);border-radius:1.2rem;background:#0d0d0d;padding:1rem}.brand-board-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(255,255,255,.08);padding:.3rem .2rem 1rem;font-family:'JetBrains Mono',monospace;font-size:.6rem;color:#666}.brand-board-top b{color:var(--m-aqua)}.brand-logo{display:grid;min-height:150px;place-items:center;border:1px solid rgba(255,255,255,.07);border-radius:.9rem;background:#111;font-size:2rem;font-weight:900;letter-spacing:-.04em}.brand-logo span{color:var(--m-aqua)}.brand-swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.brand-swatches i{height:70px;border-radius:.7rem;background:#1a1a1a}.brand-swatches i:first-child{background:var(--m-aqua)}.brand-swatches i:nth-child(2){background:var(--m-coral)}.brand-swatches i:nth-child(3){background:#f2f2f2}.brand-type{border:1px solid rgba(255,255,255,.07);border-radius:.8rem;background:#111;padding:1rem}.brand-type strong{font-size:1.25rem}.brand-type p{margin-top:.3rem;font-family:'JetBrains Mono',monospace;font-size:.62rem;color:#666}
.renewal-pricing{border-top:1px solid rgba(255,255,255,.12);padding-top:1.4rem}.renewal-pricing h3{font-size:2rem;font-weight:900;letter-spacing:-.035em}.renewal-pricing>p{margin-top:1rem;line-height:1.8;color:#999}.renewal-pricing-cta{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border:1px solid rgba(20,216,208,.16);border-radius:1rem;background:rgba(20,216,208,.035);padding:1rem 1.1rem}.renewal-pricing-cta span{display:block;font-family:'JetBrains Mono',monospace;font-size:.58rem;font-weight:800;letter-spacing:.12em;color:var(--m-aqua)}.renewal-pricing-cta strong{display:block;margin-top:.25rem}
@media(max-width:767px){.renewal-summary,.preserve-grid,.before-after-body{grid-template-columns:1fr}.preserve-grid article:nth-child(n){border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.preserve-grid article:last-child{border-bottom:0}.renewal-pricing-cta{align-items:stretch;flex-direction:column}.renewal-pricing-cta .btn-primary{width:100%}.phone-ui{min-height:240px}}
@media(max-width:479px){.renewal-scan>div,.seo-preserve-row{grid-template-columns:1fr}.renewal-scan em,.seo-preserve-row span{justify-self:start}.renewal-quote{font-size:clamp(2.8rem,15vw,4.6rem)}}

/* /wordpress-weboldal-keszites/ page-specific compositions */
.legacy-stack{overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:1.35rem;background:#0b0b0b;box-shadow:0 28px 80px rgba(0,0,0,.46)}
.legacy-stack-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(255,255,255,.08);padding:.9rem 1rem;font-family:'JetBrains Mono',monospace;font-size:.62rem;font-weight:800;letter-spacing:.1em;color:#666}.legacy-stack-head b{color:var(--m-coral)}
.legacy-stack-body{padding:1rem}.legacy-layer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;border:1px solid rgba(255,255,255,.08);border-radius:.85rem;background:#111;padding:.85rem 1rem}.legacy-layer+.legacy-layer{margin-top:.65rem}.legacy-layer i{height:.55rem;width:.55rem;border-radius:999px;background:var(--m-coral);box-shadow:0 0 14px rgba(248,143,111,.28)}.legacy-layer:nth-child(even) i{background:#777;box-shadow:none}.legacy-layer strong{font-size:.88rem}.legacy-layer span{font-family:'JetBrains Mono',monospace;font-size:.58rem;font-weight:800;color:#666}.legacy-stack-foot{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;border-top:1px solid rgba(255,255,255,.08);padding:1rem}.legacy-stack-foot div{border:1px solid rgba(255,255,255,.08);border-radius:.8rem;background:#111;padding:.9rem}.legacy-stack-foot small{display:block;font-family:'JetBrains Mono',monospace;font-size:.56rem;font-weight:800;letter-spacing:.12em;color:#666}.legacy-stack-foot strong{display:block;margin-top:.35rem}.legacy-stack-foot div:first-child strong{color:var(--m-coral)}.legacy-stack-foot div:last-child strong{color:var(--m-aqua)}
.wp-list{border-top:1px solid rgba(255,255,255,.1)}.wp-list li{display:grid;grid-template-columns:3.2rem 1fr;gap:1rem;border-bottom:1px solid rgba(255,255,255,.1);padding:1.35rem 0}.wp-list>li>span{padding-top:.25rem;font-family:'JetBrains Mono',monospace;font-size:.68rem;font-weight:800;color:var(--m-coral)}.wp-list h3{font-size:1.32rem;font-weight:900}.wp-list p{margin-top:.4rem;max-width:52rem;line-height:1.72;color:#999}
.error-surface{overflow:hidden;border:1px solid rgba(248,143,111,.23);border-radius:1.2rem;background:#0b0b0b}.error-surface-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(255,255,255,.08);padding:1rem 1.1rem;font-family:'JetBrains Mono',monospace;font-size:.62rem;font-weight:800;color:#666}.error-surface-head b{display:flex;align-items:center;gap:.45rem;color:var(--m-coral)}.error-surface-head b:before{content:'';height:.45rem;width:.45rem;border-radius:999px;background:var(--m-coral);box-shadow:0 0 14px rgba(248,143,111,.35)}.error-row{display:grid;grid-template-columns:1fr auto;gap:1rem;border-bottom:1px solid rgba(255,255,255,.07);padding:1rem 1.1rem}.error-row:last-child{border-bottom:0}.error-row strong{font-size:.92rem}.error-row span{font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:800;color:var(--m-coral)}
.decision-fork{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:stretch}.decision-fork>div{border:1px solid rgba(255,255,255,.1);border-radius:1.15rem;background:#0e0e0e;padding:1.35rem}.decision-fork>div:first-child{border-color:rgba(248,143,111,.22)}.decision-fork>div:last-child{border-color:rgba(20,216,208,.22)}.decision-fork>div>span{font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:800;letter-spacing:.12em}.decision-fork>div:first-child>span{color:var(--m-coral)}.decision-fork>div:last-child>span{color:var(--m-aqua)}.decision-fork h3{margin-top:1rem;font-size:1.55rem;font-weight:900}.decision-fork p{margin-top:.6rem;line-height:1.7;color:#999}.decision-fork>a,.decision-fork>i{align-self:center;font-style:normal;color:#555;font-size:1.4rem}
.wp-quote{max-width:1120px;font-size:clamp(3rem,7.5vw,7rem);font-weight:900;line-height:.9;letter-spacing:-.058em}.wp-quote span{color:var(--m-aqua)}
.wp-meta{overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:1.15rem;background:#0d0d0d}.wp-meta-row{display:grid;grid-template-columns:1fr auto;gap:1rem;border-bottom:1px solid rgba(255,255,255,.07);padding:1rem 1.1rem}.wp-meta-row:last-child{border-bottom:0}.wp-meta-row strong{font-size:.9rem}.wp-meta-row span{font-family:'JetBrains Mono',monospace;font-size:.58rem;font-weight:800;color:#888}.wp-meta-row.good span{color:var(--m-aqua)}.wp-meta-row.bad span{color:var(--m-coral)}
.wp-close{position:relative;overflow:hidden;border:1px solid rgba(20,216,208,.18);border-radius:1.5rem;background:radial-gradient(circle at 85% 15%,rgba(20,216,208,.08),transparent 34%),#0c0c0c;padding:clamp(2rem,5vw,4.5rem)}.wp-close h2{max-width:900px;font-size:clamp(2.5rem,6vw,6rem);font-weight:900;line-height:.92;letter-spacing:-.055em}.wp-close h2 span{color:var(--m-aqua)}
@media(max-width:900px){.decision-fork{grid-template-columns:1fr}.decision-fork>i{transform:rotate(90deg);justify-self:center}.legacy-stack-foot{grid-template-columns:1fr}}
@media(max-width:479px){.legacy-layer,.error-row,.wp-meta-row{grid-template-columns:1fr}.legacy-layer span,.error-row span,.wp-meta-row span{justify-self:start}.wp-quote{font-size:clamp(2.7rem,15vw,4.5rem)}}

/* /seo/ page-specific compositions */
.search-status{overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:1.35rem;background:#0b0b0b;box-shadow:0 28px 80px rgba(0,0,0,.46)}
.search-status-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(255,255,255,.08);padding:.9rem 1rem;font-family:'JetBrains Mono',monospace;font-size:.62rem;font-weight:800;letter-spacing:.1em;color:#666}.search-status-head b{display:flex;align-items:center;gap:.45rem;color:var(--m-aqua)}.search-status-head b:before{content:'';height:.45rem;width:.45rem;border-radius:999px;background:var(--m-aqua);box-shadow:0 0 15px rgba(20,216,208,.36)}
.search-status-body{padding:1rem}.search-status-row{display:grid;grid-template-columns:1fr auto;gap:1rem;border:1px solid rgba(255,255,255,.08);border-radius:.85rem;background:#111;padding:.9rem 1rem}.search-status-row+.search-status-row{margin-top:.65rem}.search-status-row strong{font-size:.9rem}.search-status-row span{font-family:'JetBrains Mono',monospace;font-size:.59rem;font-weight:800;color:var(--m-aqua)}
.search-status-foot{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;border-top:1px solid rgba(255,255,255,.08);padding:1rem}.search-status-foot div{border:1px solid rgba(255,255,255,.08);border-radius:.8rem;background:#111;padding:.9rem}.search-status-foot small{display:block;font-family:'JetBrains Mono',monospace;font-size:.56rem;font-weight:800;letter-spacing:.12em;color:#666}.search-status-foot strong{display:block;margin-top:.35rem}.search-status-foot strong em{font-style:normal;color:var(--m-aqua)}
.seo-diagnostic{border-top:1px solid rgba(255,255,255,.1)}.seo-diagnostic li{display:grid;grid-template-columns:3.2rem 1fr;gap:1rem;border-bottom:1px solid rgba(255,255,255,.1);padding:1.35rem 0}.seo-diagnostic>li>span{padding-top:.25rem;font-family:'JetBrains Mono',monospace;font-size:.68rem;font-weight:800;color:var(--m-aqua)}.seo-diagnostic h3{font-size:1.3rem;font-weight:900}.seo-diagnostic p{margin-top:.4rem;max-width:52rem;line-height:1.72;color:#999}
.site-health{overflow:hidden;border:1px solid rgba(20,216,208,.19);border-radius:1.2rem;background:#0b0b0b}.site-health-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(255,255,255,.08);padding:1rem 1.1rem;font-family:'JetBrains Mono',monospace;font-size:.62rem;font-weight:800;color:#666}.site-health-head b{color:var(--m-aqua)}.site-health-row{display:grid;grid-template-columns:1fr auto;gap:1rem;border-bottom:1px solid rgba(255,255,255,.07);padding:1rem 1.1rem}.site-health-row:last-child{border-bottom:0}.site-health-row strong{font-size:.92rem}.site-health-row span{font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:800;color:var(--m-aqua)}
.intent-frame{overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:1.2rem;background:#0d0d0d}.intent-frame-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);padding:.85rem 1rem;font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:800;color:#666}.intent-frame-head b{color:var(--m-aqua)}.intent-search{margin:1rem;border:1px solid rgba(255,255,255,.08);border-radius:.85rem;background:#111;padding:1rem}.intent-search small{display:block;font-family:'JetBrains Mono',monospace;font-size:.57rem;font-weight:800;color:#666}.intent-search strong{display:block;margin-top:.45rem;font-size:1rem}.intent-results{display:grid;gap:.7rem;padding:0 1rem 1rem}.intent-result{border:1px solid rgba(255,255,255,.07);border-radius:.85rem;background:#111;padding:1rem}.intent-result span{font-family:'JetBrains Mono',monospace;font-size:.56rem;font-weight:800;color:var(--m-aqua)}.intent-result strong{display:block;margin-top:.4rem}.intent-result p{margin-top:.35rem;font-size:.82rem;line-height:1.45;color:#777}
.local-chapter{display:grid;gap:2rem}.local-sticky{align-self:start}.local-sticky h2{font-size:clamp(2.5rem,5vw,5.2rem);font-weight:900;line-height:.92;letter-spacing:-.055em}.local-points{border-top:1px solid rgba(255,255,255,.1)}.local-points article{border-bottom:1px solid rgba(255,255,255,.1);padding:1.25rem 0}.local-points span{font-family:'JetBrains Mono',monospace;font-size:.61rem;font-weight:800;color:var(--m-aqua)}.local-points h3{margin-top:.45rem;font-size:1.35rem;font-weight:900}.local-points p{margin-top:.4rem;line-height:1.68;color:#999}
.seo-quote{max-width:1120px;font-size:clamp(3.2rem,8vw,7.8rem);font-weight:900;line-height:.89;letter-spacing:-.062em}.seo-quote span{color:var(--m-aqua)}
.identity-frame{overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:1.2rem;background:#0d0d0d}.identity-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);padding:.85rem 1rem;font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:800;color:#666}.identity-head b{color:var(--m-aqua)}.identity-body{padding:1rem}.identity-card{display:grid;grid-template-columns:auto 1fr;gap:1rem;border:1px solid rgba(255,255,255,.07);border-radius:.9rem;background:#111;padding:1rem}.identity-mark{display:grid;height:3rem;width:3rem;place-items:center;border:1px solid rgba(20,216,208,.22);border-radius:.85rem;background:rgba(20,216,208,.055);font-weight:900;color:var(--m-aqua)}.identity-card strong{display:block}.identity-card p{margin-top:.35rem;font-size:.82rem;line-height:1.5;color:#777}.identity-lines{display:grid;gap:.65rem;margin-top:.8rem}.identity-line{display:grid;grid-template-columns:1fr auto;gap:1rem;border:1px solid rgba(255,255,255,.07);border-radius:.75rem;background:#111;padding:.8rem .9rem}.identity-line span{font-size:.82rem;color:#aaa}.identity-line b{font-family:'JetBrains Mono',monospace;font-size:.57rem;color:var(--m-aqua)}
.seo-scope{display:grid;grid-template-columns:repeat(2,1fr);overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:1.15rem;background:#0d0d0d}.seo-scope div{border-bottom:1px solid rgba(255,255,255,.07);padding:1.1rem}.seo-scope div:nth-child(odd){border-right:1px solid rgba(255,255,255,.07)}.seo-scope div:nth-last-child(-n+2){border-bottom:0}.seo-scope span{font-family:'JetBrains Mono',monospace;font-size:.58rem;font-weight:800;color:var(--m-aqua)}.seo-scope strong{display:block;margin-top:.35rem}.seo-scope p{margin-top:.3rem;font-size:.82rem;line-height:1.5;color:#777}
.metric-business{display:flex;min-height:190px;flex-direction:column;justify-content:space-between;border:1px solid rgba(255,255,255,.1);border-radius:1.1rem;background:#0d0d0d;padding:1.25rem}.metric-business span{font-family:'JetBrains Mono',monospace;font-size:.59rem;font-weight:800;letter-spacing:.1em;color:#666}.metric-business strong{font-size:1.6rem;line-height:1.05;font-weight:900;letter-spacing:-.035em}.metric-business p{font-size:.83rem;line-height:1.55;color:#888}.metric-business:hover{border-color:rgba(20,216,208,.3)}
.no-guarantee{border:1px solid rgba(248,143,111,.2);border-radius:1.3rem;background:radial-gradient(circle at 90% 10%,rgba(248,143,111,.07),transparent 32%),#0c0c0c;padding:clamp(1.5rem,4vw,3rem)}.no-guarantee blockquote{font-size:clamp(2.2rem,5vw,4.8rem);font-weight:900;line-height:.95;letter-spacing:-.05em}.no-guarantee blockquote span{color:var(--m-coral)}.no-guarantee p{margin-top:1.4rem;max-width:52rem;line-height:1.8;color:#999}
.seo-close{position:relative;overflow:hidden;border:1px solid rgba(20,216,208,.18);border-radius:1.5rem;background:radial-gradient(circle at 82% 12%,rgba(20,216,208,.08),transparent 34%),#0c0c0c;padding:clamp(2rem,5vw,4.5rem)}.seo-close h2{max-width:980px;font-size:clamp(2.5rem,6vw,6rem);font-weight:900;line-height:.92;letter-spacing:-.055em}.seo-close h2 span{color:var(--m-aqua)}.seo-close-steps{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.6rem}.seo-close-steps span{border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.025);padding:.5rem .75rem;font-family:'JetBrains Mono',monospace;font-size:.61rem;font-weight:800;color:#aaa}.seo-close-steps span:last-child{border-color:rgba(20,216,208,.25);color:var(--m-aqua)}
@media(min-width:1024px){.local-chapter{grid-template-columns:.72fr 1.28fr}.local-sticky{position:sticky;top:8rem}}
@media(max-width:767px){.search-status-foot,.seo-scope{grid-template-columns:1fr}.seo-scope div:nth-child(odd){border-right:0}.seo-scope div:nth-last-child(-n+2){border-bottom:1px solid rgba(255,255,255,.07)}.seo-scope div:last-child{border-bottom:0}}
@media(max-width:479px){.search-status-row,.site-health-row,.identity-line{grid-template-columns:1fr}.search-status-row span,.site-health-row span,.identity-line b{justify-self:start}.seo-quote{font-size:clamp(2.8rem,15vw,4.6rem)}}

/* /online-marketing/ page-specific compositions */
.marketing-system{overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:1.35rem;background:#0b0b0b;box-shadow:0 28px 80px rgba(0,0,0,.46)}
.marketing-system-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(255,255,255,.08);padding:.9rem 1rem;font-family:'JetBrains Mono',monospace;font-size:.62rem;font-weight:800;letter-spacing:.1em;color:#666}.marketing-system-head b{color:var(--m-aqua)}
.marketing-system-body{padding:1rem}.channel-row{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:.85rem;background:#111;padding:.9rem 1rem}.channel-row+.channel-row{margin-top:.65rem}.channel-row strong{font-size:.9rem}.channel-row span{font-family:'JetBrains Mono',monospace;font-size:.58rem;font-weight:800;color:#888}.channel-row.active{border-color:rgba(20,216,208,.2)}.channel-row.active span{color:var(--m-aqua)}
.marketing-system-goal{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid rgba(255,255,255,.08);padding:1rem}.marketing-system-goal span{font-family:'JetBrains Mono',monospace;font-size:.58rem;font-weight:800;color:#666}.marketing-system-goal strong{color:var(--m-aqua)}
.marketing-quote{max-width:1120px;font-size:clamp(3rem,7vw,7rem);font-weight:900;line-height:.9;letter-spacing:-.06em}.marketing-quote span{color:var(--m-aqua)}
.channel-slim{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);padding:1rem 0;transition:.2s ease}.channel-slim:first-child{border-top:1px solid rgba(255,255,255,.1)}.channel-slim:hover{color:var(--m-coral)}.channel-slim>span{font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:800;color:var(--m-aqua)}.channel-slim strong{font-size:1rem}.channel-slim b{font-size:.8rem;color:#777}.channel-slim:hover b{color:var(--m-coral)}
.journey-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:.7rem}.journey-step{position:relative;border:1px solid rgba(255,255,255,.1);border-radius:1rem;background:#0d0d0d;padding:1.15rem;min-height:185px}.journey-step:not(:last-child):after{content:'→';position:absolute;right:-.72rem;top:50%;z-index:2;display:grid;height:1.45rem;width:1.45rem;place-items:center;border:1px solid rgba(20,216,208,.25);border-radius:999px;background:#0b0b0b;color:var(--m-aqua);transform:translateY(-50%);font-size:.75rem}.journey-step span{font-family:'JetBrains Mono',monospace;font-size:.58rem;font-weight:800;color:var(--m-aqua)}.journey-step h3{margin-top:1.7rem;font-size:1.25rem;font-weight:900}.journey-step p{margin-top:.55rem;font-size:.82rem;line-height:1.5;color:#888}
.hub-frame{overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:1.2rem;background:#0d0d0d}.hub-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);padding:.85rem 1rem;font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:800;color:#666}.hub-head b{color:var(--m-aqua)}.hub-body{padding:1rem}.hub-core{border:1px solid rgba(20,216,208,.25);border-radius:.95rem;background:rgba(20,216,208,.055);padding:1.2rem;text-align:center}.hub-core span{font-family:'JetBrains Mono',monospace;font-size:.58rem;color:#777}.hub-core strong{display:block;margin-top:.35rem;font-size:1.35rem}.hub-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;margin-top:.7rem}.hub-grid div{border:1px solid rgba(255,255,255,.08);border-radius:.8rem;background:#111;padding:.9rem}.hub-grid small{font-family:'JetBrains Mono',monospace;font-size:.55rem;font-weight:800;color:#666}.hub-grid strong{display:block;margin-top:.3rem}
.marketing-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.marketing-metric{display:flex;min-height:170px;flex-direction:column;justify-content:space-between;border:1px solid rgba(255,255,255,.1);border-radius:1rem;background:#0d0d0d;padding:1.15rem}.marketing-metric span{font-family:'JetBrains Mono',monospace;font-size:.56rem;font-weight:800;letter-spacing:.08em;color:#666}.marketing-metric strong{font-size:1.35rem;font-weight:900;line-height:1.05}.marketing-metric p{font-size:.8rem;line-height:1.5;color:#858585}.marketing-metric:hover{border-color:rgba(20,216,208,.3)}
.marketing-scope{display:grid;grid-template-columns:repeat(2,1fr);overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:1.15rem;background:#0d0d0d}.marketing-scope div{border-bottom:1px solid rgba(255,255,255,.07);padding:1.05rem}.marketing-scope div:nth-child(odd){border-right:1px solid rgba(255,255,255,.07)}.marketing-scope div:nth-last-child(-n+2){border-bottom:0}.marketing-scope span{font-family:'JetBrains Mono',monospace;font-size:.57rem;font-weight:800;color:var(--m-aqua)}.marketing-scope strong{display:block;margin-top:.35rem}.marketing-scope p{margin-top:.3rem;font-size:.8rem;line-height:1.5;color:#777}
.marketing-close{position:relative;overflow:hidden;border:1px solid rgba(20,216,208,.18);border-radius:1.5rem;background:radial-gradient(circle at 84% 14%,rgba(20,216,208,.08),transparent 34%),#0c0c0c;padding:clamp(2rem,5vw,4.5rem)}.marketing-close h2{max-width:980px;font-size:clamp(2.5rem,6vw,6rem);font-weight:900;line-height:.92;letter-spacing:-.055em}.marketing-close h2 span{color:var(--m-aqua)}.marketing-close-steps{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.6rem}.marketing-close-steps span{border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.025);padding:.5rem .75rem;font-family:'JetBrains Mono',monospace;font-size:.61rem;font-weight:800;color:#aaa}.marketing-close-steps span:last-child{border-color:rgba(20,216,208,.25);color:var(--m-aqua)}
@media(max-width:1023px){.journey-flow{grid-template-columns:1fr}.journey-step{min-height:0}.journey-step:not(:last-child):after{content:'↓';right:auto;left:50%;top:auto;bottom:-.8rem;transform:translateX(-50%)}}
@media(max-width:767px){.marketing-metrics,.marketing-scope,.hub-grid{grid-template-columns:1fr}.marketing-scope div:nth-child(odd){border-right:0}.marketing-scope div:nth-last-child(-n+2){border-bottom:1px solid rgba(255,255,255,.07)}.marketing-scope div:last-child{border-bottom:0}}
@media(max-width:479px){.channel-row{grid-template-columns:1fr}.channel-row span{justify-self:start}.marketing-quote{font-size:clamp(2.8rem,15vw,4.8rem)}}

/* /hirdeteskezeles/ page-specific compositions */
.paid-funnel{overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:1.35rem;background:#0b0b0b;box-shadow:0 28px 80px rgba(0,0,0,.46)}
.paid-funnel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(255,255,255,.08);padding:.9rem 1rem;font-family:'JetBrains Mono',monospace;font-size:.62rem;font-weight:800;letter-spacing:.1em;color:#666}.paid-funnel-head b{color:var(--m-aqua)}
.paid-funnel-body{padding:1rem}.paid-stage{display:grid;grid-template-columns:2.35rem 1fr auto;gap:.9rem;align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:.9rem;background:#111;padding:.85rem .95rem}.paid-stage+.paid-stage{margin-top:.65rem}.paid-stage>span:first-child{display:grid;height:2.35rem;width:2.35rem;place-items:center;border:1px solid rgba(20,216,208,.24);border-radius:.7rem;background:rgba(20,216,208,.05);font-family:'JetBrains Mono',monospace;font-size:.58rem;font-weight:800;color:var(--m-aqua)}.paid-stage strong{font-size:.92rem}.paid-stage em{font-style:normal;font-family:'JetBrains Mono',monospace;font-size:.56rem;font-weight:800;color:#777}.paid-stage.hot{border-color:rgba(248,143,111,.28)}.paid-stage.hot>span:first-child,.paid-stage.hot em{color:var(--m-coral);border-color:rgba(248,143,111,.26)}
.paid-funnel-foot{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;border-top:1px solid rgba(255,255,255,.08);padding:1rem}.paid-funnel-foot span{font-family:'JetBrains Mono',monospace;font-size:.58rem;font-weight:800;color:#666}.paid-funnel-foot strong{color:var(--m-aqua)}
.platform-panel{overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:1.2rem;background:#0d0d0d}.platform-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);padding:.85rem 1rem;font-family:'JetBrains Mono',monospace;font-size:.59rem;font-weight:800;color:#666}.platform-head b{color:var(--m-aqua)}.platform-body{padding:1rem}.search-query{display:grid;grid-template-columns:1fr auto;gap:.8rem;align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:.8rem;background:#111;padding:.85rem .95rem}.search-query+.search-query{margin-top:.55rem}.search-query strong{font-size:.86rem}.search-query span{font-family:'JetBrains Mono',monospace;font-size:.54rem;color:#777}.search-query.live{border-color:rgba(20,216,208,.22)}.search-query.live span{color:var(--m-aqua)}
.social-creative{display:grid;grid-template-columns:1fr .7fr;gap:.8rem}.creative-main,.creative-side{border:1px solid rgba(255,255,255,.08);border-radius:.9rem;background:#111;padding:1rem}.creative-main{min-height:230px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 82% 16%,rgba(248,143,111,.09),transparent 36%),#111}.creative-main span,.creative-side span{font-family:'JetBrains Mono',monospace;font-size:.56rem;font-weight:800;color:#666}.creative-main strong{margin-top:.55rem;font-size:1.45rem;line-height:1.05}.creative-side{display:flex;min-height:230px;flex-direction:column;justify-content:space-between}.creative-side strong{font-size:1rem}.creative-side b{font-family:'JetBrains Mono',monospace;font-size:.56rem;color:var(--m-coral)}
.ad-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:.7rem}.ad-flow-step{position:relative;border:1px solid rgba(255,255,255,.1);border-radius:1rem;background:#0d0d0d;padding:1.1rem;min-height:175px}.ad-flow-step:not(:last-child):after{content:'→';position:absolute;right:-.72rem;top:50%;z-index:3;display:grid;height:1.45rem;width:1.45rem;place-items:center;border:1px solid rgba(20,216,208,.25);border-radius:999px;background:#0b0b0b;color:var(--m-aqua);transform:translateY(-50%);font-size:.75rem}.ad-flow-step span{font-family:'JetBrains Mono',monospace;font-size:.57rem;font-weight:800;color:var(--m-aqua)}.ad-flow-step h3{margin-top:1.55rem;font-size:1.22rem;font-weight:900}.ad-flow-step p{margin-top:.5rem;font-size:.8rem;line-height:1.5;color:#858585}
.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.offer-point{border-top:1px solid rgba(255,255,255,.13);padding-top:1rem}.offer-point span{font-family:'JetBrains Mono',monospace;font-size:.56rem;font-weight:800;color:var(--m-aqua)}.offer-point strong{display:block;margin-top:.65rem;font-size:1.1rem}.offer-point p{margin-top:.45rem;font-size:.82rem;line-height:1.55;color:#858585}
.creative-frame{overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:1.2rem;background:#0d0d0d}.creative-frame-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);padding:.8rem 1rem;font-family:'JetBrains Mono',monospace;font-size:.57rem;font-weight:800;color:#666}.creative-frame-head b{color:var(--m-coral)}.creative-frame-body{padding:1rem}.creative-screen{display:grid;min-height:300px;grid-template-rows:1fr auto;border:1px solid rgba(255,255,255,.08);border-radius:1rem;background:radial-gradient(circle at 80% 15%,rgba(248,143,111,.1),transparent 30%),linear-gradient(145deg,#171717,#101010);padding:1.2rem}.creative-screen-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.creative-screen-top span{font-family:'JetBrains Mono',monospace;font-size:.56rem;font-weight:800;color:#777}.creative-screen-top b{font-family:'JetBrains Mono',monospace;font-size:.56rem;color:var(--m-coral)}.creative-screen strong{max-width:360px;font-size:clamp(1.75rem,4vw,3.2rem);line-height:.98;letter-spacing:-.045em}.creative-screen-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid rgba(255,255,255,.08);padding-top:.9rem;font-size:.75rem;color:#777}.creative-screen-footer span:last-child{color:var(--m-aqua);font-weight:800}
.lead-compare{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.lead-side{border:1px solid rgba(255,255,255,.1);border-radius:1.15rem;background:#0d0d0d;padding:1.4rem}.lead-side.bad{border-color:rgba(248,143,111,.18)}.lead-side.good{border-color:rgba(20,216,208,.22)}.lead-side>span{font-family:'JetBrains Mono',monospace;font-size:.58rem;font-weight:800;color:#777}.lead-side.bad>span{color:var(--m-coral)}.lead-side.good>span{color:var(--m-aqua)}.lead-side h3{margin-top:2rem;font-size:1.9rem;line-height:1.02;font-weight:900;letter-spacing:-.04em}.lead-side ul{margin-top:1rem;display:grid;gap:.6rem}.lead-side li{border-top:1px solid rgba(255,255,255,.07);padding-top:.6rem;font-size:.84rem;color:#999}
.paid-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.paid-metric{display:flex;min-height:175px;flex-direction:column;justify-content:space-between;border:1px solid rgba(255,255,255,.1);border-radius:1rem;background:#0d0d0d;padding:1.15rem}.paid-metric span{font-family:'JetBrains Mono',monospace;font-size:.56rem;font-weight:800;letter-spacing:.08em;color:#666}.paid-metric strong{font-size:1.35rem;font-weight:900;line-height:1.05}.paid-metric p{font-size:.8rem;line-height:1.5;color:#858585}.paid-metric:hover{border-color:rgba(20,216,208,.3)}
.budget-quote{max-width:1100px;font-size:clamp(3rem,7vw,7rem);font-weight:900;line-height:.9;letter-spacing:-.06em}.budget-quote span{color:var(--m-coral)}
.paid-scope{display:grid;grid-template-columns:repeat(2,1fr);overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:1.15rem;background:#0d0d0d}.paid-scope div{border-bottom:1px solid rgba(255,255,255,.07);padding:1.05rem}.paid-scope div:nth-child(odd){border-right:1px solid rgba(255,255,255,.07)}.paid-scope div:nth-last-child(-n+2){border-bottom:0}.paid-scope span{font-family:'JetBrains Mono',monospace;font-size:.57rem;font-weight:800;color:var(--m-aqua)}.paid-scope strong{display:block;margin-top:.35rem}.paid-scope p{margin-top:.3rem;font-size:.8rem;line-height:1.5;color:#777}
.paid-close{position:relative;overflow:hidden;border:1px solid rgba(20,216,208,.18);border-radius:1.5rem;background:radial-gradient(circle at 84% 14%,rgba(20,216,208,.08),transparent 34%),#0c0c0c;padding:clamp(2rem,5vw,4.5rem)}.paid-close h2{max-width:980px;font-size:clamp(2.5rem,6vw,6rem);font-weight:900;line-height:.92;letter-spacing:-.055em}.paid-close h2 span{color:var(--m-aqua)}.paid-close-steps{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.6rem}.paid-close-steps span{border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.025);padding:.5rem .75rem;font-family:'JetBrains Mono',monospace;font-size:.61rem;font-weight:800;color:#aaa}.paid-close-steps span:last-child{border-color:rgba(20,216,208,.25);color:var(--m-aqua)}
@media(max-width:1023px){.ad-flow{grid-template-columns:1fr}.ad-flow-step{min-height:0}.ad-flow-step:not(:last-child):after{content:'↓';right:auto;left:50%;top:auto;bottom:-.8rem;transform:translateX(-50%)}.offer-grid{grid-template-columns:1fr}.social-creative{grid-template-columns:1fr}.creative-main,.creative-side{min-height:190px}}
@media(max-width:767px){.paid-metrics,.paid-scope,.lead-compare{grid-template-columns:1fr}.paid-scope div:nth-child(odd){border-right:0}.paid-scope div:nth-last-child(-n+2){border-bottom:1px solid rgba(255,255,255,.07)}.paid-scope div:last-child{border-bottom:0}}
@media(max-width:479px){.paid-stage,.paid-funnel-foot{grid-template-columns:1fr}.paid-stage em,.paid-funnel-foot strong{justify-self:start}.budget-quote{font-size:clamp(2.8rem,15vw,4.8rem)}}

/* Social media page — brand rhythm / recognition / community */
.social-hero-board{position:relative;min-height:520px;border:1px solid rgba(255,255,255,.10);border-radius:1.5rem;background:radial-gradient(circle at 82% 16%,rgba(248,143,111,.12),transparent 30%),radial-gradient(circle at 16% 82%,rgba(20,216,208,.10),transparent 34%),#0d0d0d;overflow:hidden;padding:1rem}
.social-hero-board:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent)}
.social-frame{position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:1.1rem;background:#111;box-shadow:0 24px 55px rgba(0,0,0,.34);overflow:hidden}
.social-frame .sf-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);padding:.7rem .8rem;font-family:'JetBrains Mono',monospace;font-size:.54rem;font-weight:800;color:#6f6f6f}
.social-frame .sf-head b{color:var(--m-aqua)}.social-frame .sf-body{padding:.9rem}.social-frame strong{font-size:1rem}.social-frame p{margin-top:.4rem;font-size:.7rem;line-height:1.45;color:#888}
.social-frame.one{left:7%;top:8%;width:61%;transform:rotate(-2deg)}.social-frame.two{right:5%;top:31%;width:48%;transform:rotate(2.2deg)}.social-frame.three{left:13%;bottom:7%;width:54%;transform:rotate(-1deg)}
.social-thumb{height:125px;border-radius:.8rem;border:1px solid rgba(255,255,255,.07);background:linear-gradient(145deg,#171717,#111),radial-gradient(circle at 78% 18%,rgba(20,216,208,.12),transparent 35%)}
.social-thumb.coral{background:radial-gradient(circle at 75% 22%,rgba(248,143,111,.15),transparent 35%),linear-gradient(145deg,#171717,#111)}
.social-quote{border:1px solid rgba(255,255,255,.10);border-radius:1.35rem;background:#0d0d0d;padding:clamp(1.6rem,4vw,3rem)}.social-quote blockquote{font-size:clamp(2rem,4.6vw,4.7rem);font-weight:900;line-height:.98;letter-spacing:-.05em}.social-quote blockquote span{color:var(--m-aqua)}
.platform-overlap{position:relative;min-height:590px}.platform-canvas{position:absolute;left:0;top:0;width:68%;min-height:455px;border:1px solid rgba(255,255,255,.1);border-radius:1.4rem;background:#0d0d0d;padding:1rem;overflow:hidden}.platform-story{position:absolute;right:0;bottom:0;width:49%;border:1px solid rgba(20,216,208,.2);border-radius:1.3rem;background:#0b0b0b;padding:1.5rem;box-shadow:0 24px 60px rgba(0,0,0,.34)}
.feed-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:.75rem}.feed-card{border:1px solid rgba(255,255,255,.08);border-radius:.9rem;background:#121212;padding:.85rem;min-height:185px;display:flex;flex-direction:column;justify-content:space-between}.feed-card.tall{grid-row:span 2;min-height:385px;background:radial-gradient(circle at 75% 10%,rgba(248,143,111,.08),transparent 34%),#121212}.feed-card span{font-family:'JetBrains Mono',monospace;font-size:.55rem;font-weight:800;color:#666}.feed-card b{color:var(--m-aqua)}.feed-card strong{font-size:1.15rem;line-height:1.08}.feed-card p{font-size:.72rem;color:#888;line-height:1.5}
.content-rhythm{display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem;align-items:start}.rhythm-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}.rhythm-item{min-height:160px;border:1px solid rgba(255,255,255,.10);border-radius:1rem;background:#0d0d0d;padding:1rem}.rhythm-item span{font-family:'JetBrains Mono',monospace;font-size:.56rem;font-weight:800;color:var(--m-aqua)}.rhythm-item h3{margin-top:1rem;font-size:1.08rem;font-weight:900}.rhythm-item p{margin-top:.5rem;font-size:.8rem;line-height:1.55;color:#858585}.rhythm-item.reset{border-color:rgba(248,143,111,.24);background:rgba(248,143,111,.035)}.rhythm-item.reset span{color:var(--m-coral)}
.story-console{overflow:hidden;border:1px solid rgba(255,255,255,.10);border-radius:1.2rem;background:#0d0d0d}.story-console-head{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);padding:.8rem 1rem;font-family:'JetBrains Mono',monospace;font-size:.55rem;color:#666}.story-console-head b{color:var(--m-aqua)}.voice-lines{padding:1rem}.voice-line{display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:center;border:1px solid rgba(255,255,255,.07);border-radius:.8rem;padding:.8rem}.voice-line+.voice-line{margin-top:.55rem}.voice-line i{display:grid;height:2rem;width:2rem;place-items:center;border-radius:.6rem;background:rgba(255,255,255,.035);font-style:normal;font-family:'JetBrains Mono',monospace;font-size:.55rem;color:#777}.voice-line strong{font-size:.88rem}.voice-line span{font-family:'JetBrains Mono',monospace;font-size:.53rem;color:#666}.voice-line.good{border-color:rgba(20,216,208,.22)}.voice-line.good span{color:var(--m-aqua)}
.sticky-topic-list{display:grid;gap:.7rem}.sticky-topic{border-top:1px solid rgba(255,255,255,.10);padding:1rem 0}.sticky-topic span{font-family:'JetBrains Mono',monospace;font-size:.55rem;font-weight:800;color:var(--m-aqua)}.sticky-topic h3{margin-top:.45rem;font-size:1.2rem;font-weight:900}.sticky-topic p{margin-top:.35rem;color:#8b8b8b;line-height:1.6}
.brand-web{display:grid;grid-template-columns:1fr .8fr;gap:.8rem;border:1px solid rgba(255,255,255,.1);border-radius:1.2rem;background:#0d0d0d;padding:1rem}.brand-web .phone{border:1px solid rgba(20,216,208,.18);border-radius:1.1rem;background:#111;padding:.8rem;min-height:320px}.brand-web .site{border:1px solid rgba(255,255,255,.08);border-radius:1rem;background:#111;padding:.8rem;min-height:320px;display:flex;flex-direction:column;justify-content:space-between}.brand-web span{font-family:'JetBrains Mono',monospace;font-size:.55rem;color:#666}.brand-web b{color:var(--m-aqua)}
.full-compare{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:1.3rem}.full-compare article{padding:1.5rem}.full-compare article+article{border-left:1px solid rgba(255,255,255,.10);background:rgba(20,216,208,.025)}.full-compare span{font-family:'JetBrains Mono',monospace;font-size:.56rem;font-weight:800;color:var(--m-coral)}.full-compare article:last-child span{color:var(--m-aqua)}.full-compare h3{margin-top:1.3rem;font-size:1.8rem;font-weight:900;line-height:1.02}.full-compare p{margin-top:.65rem;color:#8d8d8d;line-height:1.65}.full-compare ul{margin-top:1rem;display:grid;gap:.55rem;color:#aaa;font-size:.84rem}
.message-story{display:grid;grid-template-columns:1.1fr .9fr;gap:1rem}.message-thread{border:1px solid rgba(255,255,255,.1);border-radius:1.2rem;background:#0d0d0d;padding:1rem}.bubble{max-width:82%;border:1px solid rgba(255,255,255,.08);border-radius:1rem;background:#121212;padding:.75rem .9rem;font-size:.8rem;line-height:1.5;color:#aaa}.bubble+.bubble{margin-top:.65rem}.bubble.out{margin-left:auto;border-color:rgba(20,216,208,.2);color:#d7d7d7}.message-meta{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.08);margin-top:1rem;padding-top:.8rem;font-family:'JetBrains Mono',monospace;font-size:.54rem;color:#666}.message-meta b{color:var(--m-aqua)}
.process-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem}.process-card-social{min-height:220px;border:1px solid rgba(255,255,255,.1);border-radius:1rem;background:#0d0d0d;padding:1rem;display:flex;flex-direction:column}.process-card-social span{font-family:'JetBrains Mono',monospace;font-size:.58rem;font-weight:800;color:var(--m-aqua)}.process-card-social strong{margin-top:auto;font-size:1.15rem;font-weight:900}.process-card-social p{margin-top:.55rem;font-size:.78rem;line-height:1.5;color:#858585}
.social-scope{display:grid;grid-template-columns:repeat(2,1fr);overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:1.15rem;background:#0d0d0d}.social-scope div{border-bottom:1px solid rgba(255,255,255,.07);padding:1rem}.social-scope div:nth-child(odd){border-right:1px solid rgba(255,255,255,.07)}.social-scope div:nth-last-child(-n+2){border-bottom:0}.social-scope span{font-family:'JetBrains Mono',monospace;font-size:.55rem;font-weight:800;color:var(--m-aqua)}.social-scope strong{display:block;margin-top:.35rem}.social-scope p{margin-top:.3rem;font-size:.79rem;line-height:1.5;color:#777}
.contact-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.contact-option{border:1px solid rgba(255,255,255,.1);border-radius:1.1rem;background:#0d0d0d;padding:1.2rem;transition:.2s}.contact-option:hover{border-color:rgba(20,216,208,.34);transform:translateY(-2px)}.contact-option span{font-family:'JetBrains Mono',monospace;font-size:.56rem;font-weight:800;color:var(--m-aqua)}.contact-option h3{margin-top:2rem;font-size:1.35rem;font-weight:900}.contact-option p{margin-top:.4rem;font-size:.8rem;color:#858585}.contact-option.highlight{border-color:rgba(20,216,208,.23);background:rgba(20,216,208,.035)}
@media(max-width:1023px){.platform-overlap{min-height:0}.platform-canvas,.platform-story{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto}.platform-story{margin-top:1rem}.content-rhythm{grid-template-columns:1fr}.process-cards{grid-template-columns:1fr 1fr}.message-story{grid-template-columns:1fr}.social-frame.one{left:3%;width:72%}.social-frame.two{right:3%;width:58%}.social-frame.three{left:7%;width:67%}}
@media(max-width:767px){.social-hero-board{min-height:450px}.rhythm-grid,.full-compare,.brand-web,.social-scope,.contact-options{grid-template-columns:1fr}.full-compare article+article{border-left:0;border-top:1px solid rgba(255,255,255,.1)}.social-scope div:nth-child(odd){border-right:0}.social-scope div:nth-last-child(-n+2){border-bottom:1px solid rgba(255,255,255,.07)}.social-scope div:last-child{border-bottom:0}.process-cards{grid-template-columns:1fr}.feed-grid{grid-template-columns:1fr}.feed-card.tall{grid-row:auto;min-height:240px}}
@media(max-width:479px){.social-frame.one{left:2%;top:7%;width:82%}.social-frame.two{right:1%;top:35%;width:72%}.social-frame.three{left:5%;bottom:5%;width:78%}.social-quote blockquote{font-size:clamp(2.1rem,12vw,3.4rem)}}

/* ==========================================================
   MIRTIUM UNIFIED COMPATIBILITY ADDITIONS
   Base: v13 cumulative stylesheet (v4–v13)
   Added: v14 /tartalomkeszites/ selectors only
   Added: v15 /ai-video-es-vizualis-tartalom/ selectors only
   Shared/global selectors intentionally remain on the v13 baseline.
   ========================================================== */

/* /tartalomkeszites/ — v14 additions */
.hero-category{border:1px solid rgba(255,255,255,.1);border-radius:1rem;background:rgba(255,255,255,.02);padding:1.1rem}.hero-category span{font-family:'JetBrains Mono',monospace;font-size:.62rem;font-weight:800;color:var(--m-aqua)}.hero-category h3{margin-top:2rem;font-size:1.25rem;font-weight:900}.hero-category p{margin-top:.45rem;font-size:.82rem;line-height:1.55;color:#888}
.research-visual,.material-visual{border:1px solid rgba(255,255,255,.1);border-radius:1.4rem;background:#0d0d0d;overflow:hidden;min-height:420px;display:grid;place-items:center;padding:1.4rem}.research-visual .stack{width:min(100%,430px)}.research-row{display:grid;grid-template-columns:6rem 1fr;gap:1rem;border-top:1px solid rgba(255,255,255,.1);padding:1rem 0}.research-row:first-child{border-top:0}.research-row span{font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:800;color:var(--m-aqua)}.research-row strong{font-size:1.1rem}
.visual-media{min-height:390px;border:1px solid rgba(255,255,255,.1);border-radius:1.35rem;background:radial-gradient(circle at 82% 18%,rgba(20,216,208,.10),transparent 32%),#0d0d0d;padding:1rem;display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.visual-tile{border:1px solid rgba(255,255,255,.08);border-radius:1rem;background:#121212;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;min-height:170px}.visual-tile.big{grid-row:span 2;min-height:355px}.visual-tile span{font-family:'JetBrains Mono',monospace;font-size:.58rem;color:#666}.visual-tile strong{font-size:1.5rem;line-height:1.05}.visual-tile b{color:var(--m-aqua)}
.material-sheet{padding:1.4rem;min-height:360px}.material-sheet .line{height:.75rem;border-radius:999px;background:#252525;margin-top:.75rem}.material-sheet .line.aqua{background:rgba(20,216,208,.2);height:1.25rem;width:72%}.material-sheet .line.short{width:58%}.material-sheet .box{margin-top:1.2rem;border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:1rem}.material-sheet .box b{font-size:1.15rem}.material-sheet .box p{margin-top:.55rem;color:#888;line-height:1.6}
.process-card{min-height:230px;border:1px solid rgba(255,255,255,.1);border-radius:1rem;background:rgba(255,255,255,.018);padding:1.2rem;display:flex;flex-direction:column;transition:.2s}.process-card:hover{border-color:var(--m-coral);transform:translateY(-2px)}.process-card span{font-family:'JetBrains Mono',monospace;font-size:.62rem;font-weight:800;color:var(--m-aqua)}.process-card strong{margin-top:auto;font-size:1.3rem;font-weight:900}.process-card p{margin-top:.55rem;font-size:.85rem;line-height:1.6;color:#888}
.scope-grid{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid rgba(255,255,255,.1);border-radius:1.15rem;overflow:hidden;background:#0d0d0d}.scope-grid div{padding:1rem;border-bottom:1px solid rgba(255,255,255,.08)}.scope-grid div:nth-child(odd){border-right:1px solid rgba(255,255,255,.08)}.scope-grid div:nth-last-child(-n+2){border-bottom:0}.scope-grid span{font-family:'JetBrains Mono',monospace;font-size:.58rem;font-weight:800;color:var(--m-aqua)}.scope-grid strong{display:block;margin-top:.35rem}.scope-grid p{margin-top:.35rem;font-size:.82rem;line-height:1.55;color:#777}
@media(max-width:767px){.scope-grid{grid-template-columns:1fr}.scope-grid div:nth-child(odd){border-right:0}.scope-grid div:nth-last-child(-n+2){border-bottom:1px solid rgba(255,255,255,.08)}.scope-grid div:last-child{border-bottom:0}.visual-media{grid-template-columns:1fr}.visual-tile.big{grid-row:auto;min-height:230px}}

/* /ai-video-es-vizualis-tartalom/ — v15 additions */
.argument-stack{display:grid;gap:0;border-top:1px solid rgba(255,255,255,.1)}.argument-stack>div{padding:1.25rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.argument-stack span,.what-card span{font-family:'JetBrains Mono',monospace;font-size:.62rem;font-weight:800;letter-spacing:.1em;color:var(--m-aqua)}.argument-stack p{margin-top:.55rem;line-height:1.8;color:#a3a3a3}.argument-stack strong{color:#fff}.what-card{background:#0d0d0d;padding:1.5rem;min-height:280px}.what-card h3{margin-top:3rem;font-size:1.55rem;line-height:1.1;font-weight:900}.what-card p{margin-top:.8rem;line-height:1.7;color:#8f8f8f}.micro-link{font-weight:800;color:var(--m-aqua);transition:.2s}.micro-link:hover{color:var(--m-coral);transform:translateX(3px)}
.visual-canvas{position:relative;min-height:430px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:1.35rem;background:radial-gradient(circle at 70% 25%,rgba(20,216,208,.14),transparent 22%),radial-gradient(circle at 18% 78%,rgba(248,143,111,.1),transparent 25%),#0c0c0c}.visual-canvas:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}.visual-orb{position:absolute;border-radius:999px;filter:blur(2px)}.visual-orb.one{width:230px;height:230px;right:11%;top:12%;border:1px solid rgba(20,216,208,.35);box-shadow:inset 0 0 60px rgba(20,216,208,.08),0 0 80px rgba(20,216,208,.05)}.visual-orb.two{width:150px;height:150px;left:12%;bottom:14%;border:1px solid rgba(248,143,111,.28);box-shadow:inset 0 0 50px rgba(248,143,111,.05)}.visual-object{position:absolute;left:9%;right:9%;top:50%;transform:translateY(-50%);z-index:2;max-width:520px}.visual-object span,.visual-caption{font-family:'JetBrains Mono',monospace;font-size:.58rem;font-weight:800;letter-spacing:.1em;color:var(--m-aqua)}.visual-object strong{display:block;margin-top:1rem;font-size:clamp(2rem,4vw,4rem);line-height:.98;letter-spacing:-.05em}.visual-caption{position:absolute;left:1rem;bottom:1rem;color:#575757}
.reel-stage{display:grid;grid-template-columns:minmax(210px,300px) 1fr;gap:1rem;min-height:500px;padding:1rem}.reel-phone{border:1px solid rgba(255,255,255,.1);border-radius:1.6rem;background:#111;padding:.7rem}.reel-media{height:100%;min-height:450px;border-radius:1.1rem;background:radial-gradient(circle at 30% 24%,rgba(20,216,208,.2),transparent 24%),linear-gradient(145deg,#151515,#090909);padding:1.2rem;display:flex;flex-direction:column;justify-content:space-between}.reel-media span{font-family:'JetBrains Mono',monospace;font-size:.6rem;color:#777}.reel-media strong{font-size:2rem;line-height:.98;letter-spacing:-.045em}.reel-media b{font-family:'JetBrains Mono',monospace;font-size:.7rem;color:var(--m-aqua)}.reel-notes{display:grid;align-content:center;gap:.4rem;border-left:1px solid rgba(255,255,255,.08);padding-left:1rem}.reel-notes span{margin-top:1rem;font-family:'JetBrains Mono',monospace;font-size:.58rem;color:var(--m-aqua)}.reel-notes strong{font-size:1.15rem}
.numbered-argument{border-top:1px solid rgba(255,255,255,.1)}.numbered-argument article{display:grid;grid-template-columns:4rem 1fr;gap:1rem;border-bottom:1px solid rgba(255,255,255,.1);padding:1.3rem 0}.numbered-argument article>span{font-family:'JetBrains Mono',monospace;font-size:.7rem;font-weight:800;color:var(--m-aqua)}.numbered-argument h3{font-size:1.35rem;font-weight:900}.numbered-argument p{margin-top:.45rem;line-height:1.7;color:#929292}
.web-visual{overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:1.35rem;background:#0d0d0d;box-shadow:0 28px 80px rgba(0,0,0,.38)}.web-visual-top{display:flex;gap:.45rem;border-bottom:1px solid rgba(255,255,255,.08);padding:.8rem 1rem}.web-visual-top span{width:.55rem;height:.55rem;border-radius:999px;background:#3d3d3d}.web-visual-top span:first-child{background:var(--m-coral)}.web-visual-top span:last-child{background:var(--m-aqua)}.web-visual-body{min-height:400px;padding:2rem;background:radial-gradient(circle at 78% 25%,rgba(20,216,208,.09),transparent 28%),#0d0d0d;display:flex;flex-direction:column;justify-content:center}.web-visual-body p{font-family:'JetBrains Mono',monospace;font-size:.62rem;color:var(--m-aqua)}.web-visual-body strong{margin-top:1rem;max-width:460px;font-size:2.6rem;line-height:.98;letter-spacing:-.05em}.web-visual-line{margin-top:2rem;height:.7rem;width:72%;border-radius:999px;background:#232323}.web-visual-line.short{margin-top:.7rem;width:48%}
.term-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);border-radius:1.15rem;overflow:hidden}.term-grid.two{grid-template-columns:repeat(2,1fr)}.term-grid article{background:#0d0d0d;padding:1.2rem;min-height:160px}.term-grid span{font-family:'JetBrains Mono',monospace;font-size:.62rem;font-weight:800;color:var(--m-aqua)}.term-grid p{margin-top:1.25rem;line-height:1.7;color:#8b8b8b}.story-heading{display:grid;grid-template-columns:4rem 1fr;gap:1.5rem;align-items:start}.story-heading>span{height:2px;background:var(--m-aqua);margin-top:.7rem}
.output-rail{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}.output-rail span{border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#0d0d0d;padding:.65rem .9rem;font-family:'JetBrains Mono',monospace;font-size:.62rem;font-weight:800;color:#ddd}.output-rail i{font-style:normal;color:var(--m-aqua)}
.dense-block{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.1);border-radius:1.15rem;overflow:hidden;background:#0d0d0d}.dense-anchor{padding:1rem;border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.dense-anchor:nth-child(4){border-right:0}.dense-anchor span{font-family:'JetBrains Mono',monospace;font-size:.58rem;color:var(--m-aqua)}.dense-anchor strong{display:block;margin-top:.35rem}.dense-copy{grid-column:1/-1;padding:1.3rem}.dense-copy p{max-width:58rem;margin-top:.9rem;line-height:1.8;color:#929292}.dense-copy p:first-child{margin-top:0}.pricing-card{border:2px solid rgba(255,255,255,.32);border-radius:1.2rem;background:#0d0d0d;padding:1.7rem}.pricing-card li{color:#aaa}
@media(max-width:767px){.what-card{min-height:auto}.reel-stage{grid-template-columns:1fr}.reel-phone{max-width:330px}.reel-notes{border-left:0;border-top:1px solid rgba(255,255,255,.08);padding-left:0;padding-top:.8rem}.term-grid,.term-grid.two{grid-template-columns:1fr}.story-heading{grid-template-columns:2rem 1fr}.dense-block{grid-template-columns:1fr}.dense-anchor,.dense-anchor:nth-child(4){border-right:0}.dense-copy{grid-column:auto}.visual-canvas{min-height:420px}.visual-object strong{font-size:2.4rem}}

/* --------------------------------------------------------------------------
   v29 — site-wide visual scale normalization
   Keeps every page on the same Mirtium canvas while reducing typography drift
   introduced by earlier page-specific builds. Existing component CSS remains
   unchanged above; these are compatibility-safe caps for desktop display only.
   -------------------------------------------------------------------------- */
@media (min-width:1024px){
  main h1{
    font-size:clamp(4rem,5.1vw,5.65rem)!important;
    line-height:.94!important;
    letter-spacing:-.055em!important;
  }

  main h2[class*="text-4xl"],
  main h2[class*="text-5xl"],
  main h2[class*="text-6xl"],
  main h2[class*="text-7xl"],
  main h2[class*="text-[clamp"]{
    font-size:clamp(2.65rem,3.45vw,4.25rem)!important;
    line-height:1!important;
    letter-spacing:-.048em!important;
  }
}

@media (min-width:1536px){
  main h1{font-size:5.65rem!important}
  main h2[class*="text-4xl"],
  main h2[class*="text-5xl"],
  main h2[class*="text-6xl"],
  main h2[class*="text-7xl"],
  main h2[class*="text-[clamp"]{font-size:4.25rem!important}
}

/* === V31 GLOBAL SHELL FIX: navigation / footer / overflow / top rhythm === */

/* Prevent the global shell and the 800px service mega-menu from creating a page-wide horizontal scrollbar. */
html,body{max-width:100%}
header[data-pattern="NAV-01"]{width:100%}
header[data-pattern="NAV-01"]>div:first-child{min-width:0}
header[data-pattern="NAV-01"] nav[aria-label="Fő navigáció"]{
  min-width:0;
  gap:1.35rem!important;
  font-size:.96rem!important;
  line-height:1.2;
  white-space:nowrap;
}
header[data-pattern="NAV-01"] nav[aria-label="Fő navigáció"]>a,
header[data-pattern="NAV-01"] nav[aria-label="Fő navigáció"]>div>a{
  font-size:.96rem!important;
}
header[data-pattern="NAV-01"] nav[aria-label="Fő navigáció"]>div>div{
  width:min(800px,calc(100vw - 2rem))!important;
  max-width:calc(100vw - 2rem)!important;
}
header[data-pattern="NAV-01"] .nav-drop span{font-size:.88rem}
header[data-pattern="NAV-01"] .nav-drop small{font-size:.7rem}

/* Keep the mobile menu until there is genuinely enough horizontal room for the full desktop shell. */
@media (min-width:1024px) and (max-width:1279px){
  header[data-pattern="NAV-01"] nav[aria-label="Fő navigáció"]{display:none!important}
  header[data-pattern="NAV-01"] #menuButton{display:grid!important}
  header[data-pattern="NAV-01"] #mobileMenu:not(.hidden){display:block!important}
}
@media (min-width:1280px){
  header[data-pattern="NAV-01"] nav[aria-label="Fő navigáció"]{display:flex!important}
  header[data-pattern="NAV-01"] #menuButton{display:none!important}
  header[data-pattern="NAV-01"] #mobileMenu{display:none!important}
}

/* Footer is explicitly laid out here so headings and links can never collapse into one inline run. */
.site-footer{overflow:hidden}
.site-footer>div{min-width:0}
.site-footer>div>div:first-child{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:2.25rem!important;
  min-width:0;
}
.site-footer>div>div:first-child>*{min-width:0}
.site-footer .footer-title{
  display:block!important;
  margin:0!important;
  font-size:.7rem;
  line-height:1.4;
}
.site-footer .footer-links{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:.62rem!important;
  margin-top:1rem!important;
  min-width:0;
}
.site-footer .footer-links a{
  display:block!important;
  width:100%;
  min-width:0;
  font-size:.92rem;
  line-height:1.4!important;
  white-space:normal;
  overflow-wrap:anywhere;
}
@media (min-width:768px){
  .site-footer>div>div:first-child{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (min-width:1280px){
  .site-footer>div>div:first-child{
    grid-template-columns:minmax(0,1.15fr) repeat(3,minmax(0,1fr)) minmax(0,.8fr)!important;
  }
}

/* Breadcrumbs stay present but become a thin utility row directly under the fixed navigation. */
.nav-drop[aria-current="page"]{background:rgba(20,216,208,.055);box-shadow:inset 0 0 0 1px rgba(20,216,208,.16)}
.nav-drop[aria-current="page"] span{color:var(--m-aqua)}
.mobile-nav[aria-current="page"]{background:rgba(20,216,208,.055);color:var(--m-aqua)}
.footer-links a[aria-current="page"]{color:var(--m-aqua)}
.site-breadcrumb-shell{
  padding-top:76px;
  border-bottom:1px solid rgba(255,255,255,.055);
  background:rgba(18,18,18,.96);
}
.site-breadcrumb{
  min-height:34px;
  font-family:'JetBrains Mono',monospace;
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.04em;
  color:#777;
}
.site-breadcrumb a{transition:color .18s ease}
.site-breadcrumb a:hover{color:var(--m-aqua)}
.site-breadcrumb-current{color:var(--m-aqua)}
.site-breadcrumb-sep{color:#3d3d3d}

/* Internal-page first visual starts immediately after the breadcrumb row. The old hero min-heights/centering were the real source of the large blank gap. */
.site-main{padding-top:0!important}
.site-breadcrumb-shell + .site-main>.site-first-section{
  padding-top:.65rem!important;
}
.site-breadcrumb-shell + .site-main>.site-first-section>.site-first-inner{
  padding-top:0!important;
}
.site-breadcrumb-shell + .site-main>.site-first-section>.site-first-inner.site-first-minheight{
  min-height:0!important;
  align-items:start!important;
}
@media (max-width:639px){
  .site-breadcrumb-shell{padding-top:76px}
  .site-breadcrumb{min-height:32px;font-size:.6rem;overflow-x:auto;white-space:nowrap}
  .site-breadcrumb-shell + .site-main>.site-first-section{padding-top:.55rem!important}
}

/* === V33 DESKTOP FULL-WIDTH SERVICE MEGA-MENU === */
@media (min-width:1280px){
  /* The service mega-menu becomes viewport-wide and sits directly under the fixed header. */
  header[data-pattern="NAV-01"] nav[aria-label="Fő navigáció"]>div.group>div{
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:76px!important;
    width:100vw!important;
    max-width:none!important;
    transform:none!important;
    padding-top:0!important;
  }
  header[data-pattern="NAV-01"] nav[aria-label="Fő navigáció"]>div.group>div>div{
    width:min(1480px,calc(100vw - 3rem))!important;
    max-width:min(1480px,calc(100vw - 3rem))!important;
    margin:0 auto!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:.65rem!important;
    max-height:none!important;
    overflow:visible!important;
    padding:1rem!important;
    border-top-left-radius:0!important;
    border-top-right-radius:0!important;
  }
  header[data-pattern="NAV-01"] .nav-drop{
    min-height:68px;
    justify-content:center;
    padding:.8rem 1rem;
  }
  header[data-pattern="NAV-01"] .nav-drop span{font-size:.92rem}
  header[data-pattern="NAV-01"] .nav-drop small{font-size:.72rem;line-height:1.35}
}

/* === V34 DESKTOP NAV BREAKPOINT STABILITY ===
   Large physical displays can expose a narrower CSS viewport at browser/OS zoom.
   Use the desktop shell from 960px upward and compact only the top bar until 1280px.
   The full-width 3-column mega-menu remains unchanged. */
@media (min-width:960px){
  header[data-pattern="NAV-01"] nav[aria-label="Fő navigáció"]{
    display:flex!important;
  }
  header[data-pattern="NAV-01"] #menuButton{
    display:none!important;
  }
  header[data-pattern="NAV-01"] #mobileMenu{
    display:none!important;
  }

  header[data-pattern="NAV-01"] nav[aria-label="Fő navigáció"]>div.group>div{
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:76px!important;
    width:100vw!important;
    max-width:none!important;
    transform:none!important;
    padding-top:0!important;
  }
  header[data-pattern="NAV-01"] nav[aria-label="Fő navigáció"]>div.group>div>div{
    width:min(1480px,calc(100vw - 2rem))!important;
    max-width:min(1480px,calc(100vw - 2rem))!important;
    margin:0 auto!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:.6rem!important;
    max-height:none!important;
    overflow:visible!important;
    padding:.9rem!important;
    border-top-left-radius:0!important;
    border-top-right-radius:0!important;
  }
}

@media (min-width:960px) and (max-width:1279px){
  header[data-pattern="NAV-01"]>div:first-child{
    gap:.8rem!important;
    padding-left:1rem!important;
    padding-right:1rem!important;
  }
  header[data-pattern="NAV-01"]>div:first-child>a:first-child{
    font-size:1rem!important;
  }
  header[data-pattern="NAV-01"] nav[aria-label="Fő navigáció"]{
    gap:.85rem!important;
    font-size:.84rem!important;
  }
  header[data-pattern="NAV-01"] nav[aria-label="Fő navigáció"]>a,
  header[data-pattern="NAV-01"] nav[aria-label="Fő navigáció"]>div>a{
    font-size:.84rem!important;
  }
  header[data-pattern="NAV-01"]>div:first-child>div:last-child>a{
    padding:.62rem .8rem!important;
    font-size:.78rem!important;
  }
  header[data-pattern="NAV-01"] .nav-drop{
    min-height:64px;
    padding:.72rem .9rem;
  }
}

/* === V35 MOBILE MENU SCROLL + DARK-THEME READING COMFORT === */

/*
   The mobile menu is a viewport panel, not a tall block inside the fixed header.
   This keeps the complete menu reachable on iOS/Android and respects the device safe area.
*/
@media (max-width:959px){
  header[data-pattern="NAV-01"] #mobileMenu:not(.hidden){
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:76px!important;
    bottom:0!important;
    display:block!important;
    height:auto!important;
    max-height:none!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:contain;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y;
    scrollbar-gutter:stable;
  }
  header[data-pattern="NAV-01"] #mobileMenu>div{
    padding-bottom:calc(2rem + env(safe-area-inset-bottom))!important;
  }
}

/*
   Reading comfort: reduce the white/black contrast spike while making muted copy
   slightly clearer. Brand aqua/coral colours are intentionally unchanged.
*/
body.text-white{
  color:#f1f1ed!important;
}
.text-white{
  color:#f3f3ef!important;
}
.text-mirtium-100{
  color:#e9e9e4!important;
}
.text-mirtium-200{
  color:#cecec9!important;
}
.text-mirtium-300{
  color:#b5b6b1!important;
}
.text-mirtium-400{
  color:#969792!important;
}

/* Common prose components that previously dipped too far into low-contrast gray. */
.feature-card p,
.service-link-card p,
.process-line p,
.compare-panel p,
.faq-item p,
.metric-business p,
.marketing-metric p,
.marketing-scope p,
.journey-step p,
.hero-step p{
  color:#a9aaa5;
}

/* Keep controls crisp without returning to stark #fff. */
.btn-secondary,
.nav-drop span,
.menu-lines{
  color:#f3f3ef;
}
.menu-lines{
  border-top-color:#f3f3ef;
  border-bottom-color:#f3f3ef;
}
.menu-lines:after{
  border-top-color:#f3f3ef;
}

/* === V36 NAV HOVER BRIDGE + HOMEPAGE STACK/HERO + ABOUT IMAGE === */

/* Keep pointer hover continuous from the desktop Services trigger to the fixed mega-menu.
   The trigger itself is much shorter than the 76px header, so this invisible bridge removes
   the dead hover strip that could make the dropdown flicker while moving the mouse down. */
@media (min-width:960px){
  header[data-pattern="NAV-01"] nav[aria-label="Fő navigáció"]>div.group::after{
    content:"";
    position:absolute;
    left:-1rem;
    right:-1rem;
    top:100%;
    height:34px;
    z-index:1;
  }
}

/* Homepage starts directly beneath the fixed 76px navigation.
   The inner wrapper keeps only a small breathing gap before the first pill. */
main>.home-hero{
  padding-top:76px!important;
}
main>.home-hero>div{
  padding-top:.75rem!important;
}
@media (min-width:1024px){
  main>.home-hero>div{
    padding-top:1rem!important;
  }
}

/* Give every sticky reference enough reading runway before the next, higher layer arrives.
   The previous 1–2rem gap let the following card cover the CTA/bottom too early, especially
   on the longer Fővárosi Gyorsszolgálat card. */
.home-reference-stack{
  padding-bottom:clamp(10rem,24vh,14rem)!important;
}
.home-reference-stack>.m-stack-card{
  margin-top:clamp(8rem,20vh,12rem)!important;
}
.home-reference-stack>.m-stack-card:first-child{
  margin-top:0!important;
}
.home-reference-stack>.m-stack-card:nth-child(1){top:5.25rem!important}
.home-reference-stack>.m-stack-card:nth-child(2){top:5.95rem!important}
.home-reference-stack>.m-stack-card:nth-child(3){top:6.65rem!important}
.home-reference-stack>.m-stack-card:nth-child(4){top:7.35rem!important}
.home-reference-stack>.m-stack-card:nth-child(5){top:8.05rem!important}
.home-reference-stack>.m-stack-card:nth-child(6){top:8.75rem!important}
.home-reference-stack>.m-stack-card:nth-child(7){top:9.45rem!important}

@media (max-width:767px){
  .home-reference-stack{
    padding-bottom:9rem!important;
  }
  .home-reference-stack>.m-stack-card{
    margin-top:clamp(5.5rem,16vh,7.5rem)!important;
  }
  .home-reference-stack>.m-stack-card:first-child{
    margin-top:0!important;
  }
  .home-reference-stack>.m-stack-card:nth-child(1){top:4.9rem!important}
  .home-reference-stack>.m-stack-card:nth-child(2){top:5.25rem!important}
  .home-reference-stack>.m-stack-card:nth-child(3){top:5.6rem!important}
  .home-reference-stack>.m-stack-card:nth-child(4){top:5.95rem!important}
  .home-reference-stack>.m-stack-card:nth-child(5){top:6.3rem!important}
  .home-reference-stack>.m-stack-card:nth-child(6){top:6.65rem!important}
  .home-reference-stack>.m-stack-card:nth-child(7){top:7rem!important}
}

@media (max-width:420px) and (max-height:720px){
  .home-reference-stack>.m-stack-card{
    margin-top:5.5rem!important;
  }
  .home-reference-stack>.m-stack-card:nth-child(1){top:4.8rem!important}
  .home-reference-stack>.m-stack-card:nth-child(2){top:5.1rem!important}
  .home-reference-stack>.m-stack-card:nth-child(3){top:5.4rem!important}
  .home-reference-stack>.m-stack-card:nth-child(4){top:5.7rem!important}
  .home-reference-stack>.m-stack-card:nth-child(5){top:6rem!important}
  .home-reference-stack>.m-stack-card:nth-child(6){top:6.3rem!important}
  .home-reference-stack>.m-stack-card:nth-child(7){top:6.6rem!important}
}

/* /rolam/ uses a square source portrait. Do not stretch its media cell into a tall portrait
   just because the adjacent copy column is taller. MEDIA-02 + site-first-section is unique
   to the Rólam hero in the current build. */
.site-first-section[data-pattern="MEDIA-02"] .site-first-inner>.grid>div:first-child{
  min-height:0!important;
  aspect-ratio:1 / 1;
  align-self:start;
}

/* === V37 MOBILE NAV HARDENING ===
   Explicitly own the desktop/mobile switch so the hamburger does not depend only
   on Tailwind responsive utility generation or cached CSS. */
@media (max-width:959px){
  header[data-pattern="NAV-01"] nav[aria-label="Fő navigáció"]{
    display:none!important;
  }
  header[data-pattern="NAV-01"] #menuButton{
    display:grid!important;
  }
  header[data-pattern="NAV-01"] #mobileMenu.hidden{
    display:none!important;
  }
  header[data-pattern="NAV-01"] #mobileMenu:not(.hidden){
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
}

/* === V38 BULLETPROOF MOBILE MENU + 320PX SAFETY === */
:root{--site-nav-h:76px}

@media (max-width:959px){
  header[data-pattern="NAV-01"]>div:first-child{
    width:100%;
    min-width:0;
  }
  header[data-pattern="NAV-01"] #mobileMenu,
  header[data-pattern="NAV-01"] #mobileMenu.hidden,
  header[data-pattern="NAV-01"] #mobileMenu[aria-hidden="true"]{
    display:none!important;
  }
  header[data-pattern="NAV-01"] #mobileMenu[data-open="true"],
  header[data-pattern="NAV-01"] #mobileMenu[data-open="true"].hidden,
  header[data-pattern="NAV-01"] #mobileMenu[aria-hidden="false"]{
    position:fixed!important;
    inset:auto 0 0 0!important;
    top:var(--site-nav-h)!important;
    z-index:49!important;
    display:block!important;
    width:100vw!important;
    height:calc(100dvh - var(--site-nav-h))!important;
    max-height:calc(100dvh - var(--site-nav-h))!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y;
  }
  body.mobile-menu-open{
    overflow:hidden!important;
    touch-action:none;
  }
  body.mobile-menu-open header[data-pattern="NAV-01"] #mobileMenu{
    touch-action:pan-y;
  }
}

/* Narrow-phone contract: the whole UI must remain usable at 320 CSS px. */
@media (max-width:359px){
  html,body{
    width:100%;
    max-width:100%;
    overflow-x:clip!important;
  }
  body{font-size:15px}
  img,svg,video,canvas,iframe{max-width:100%;height:auto}
  main,main>section,footer,header{max-width:100vw}

  /* Global page gutters: 12px each side gives a 296px content column at 320px. */
  main [class*="px-5"],
  footer [class*="px-5"],
  header[data-pattern="NAV-01"]>div:first-child,
  header[data-pattern="NAV-01"] #mobileMenu>div,
  .site-breadcrumb>div{
    padding-left:.75rem!important;
    padding-right:.75rem!important;
  }

  header[data-pattern="NAV-01"]>div:first-child{
    gap:.45rem!important;
    padding-top:.7rem!important;
    padding-bottom:.7rem!important;
  }
  header[data-pattern="NAV-01"]>div:first-child>a:first-child{
    min-width:0;
    max-width:calc(100vw - 4.5rem);
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:.92rem!important;
    letter-spacing:-.045em!important;
  }
  header[data-pattern="NAV-01"] #menuButton{
    flex:0 0 42px;
    width:42px!important;
    height:42px!important;
  }
  header[data-pattern="NAV-01"] #mobileMenu>div{
    padding-top:1rem!important;
    padding-bottom:calc(1.5rem + env(safe-area-inset-bottom))!important;
  }
  .mobile-nav{
    padding:.7rem .68rem!important;
    font-size:.86rem!important;
    line-height:1.28!important;
    overflow-wrap:anywhere;
  }

  /* Breadcrumbs should fit instead of creating a document-level sideways pan. */
  .site-breadcrumb{
    overflow:hidden!important;
    white-space:normal!important;
    line-height:1.35!important;
  }
  .site-breadcrumb>div{
    display:flex;
    flex-wrap:wrap;
    gap:.2rem .4rem;
  }

  /* Prevent long Hungarian headings and labels from forcing width. */
  h1,h2,h3,h4,p,a,button,summary,strong,span{
    overflow-wrap:anywhere;
  }
  h1{
    font-size:clamp(2.25rem,12.5vw,3rem)!important;
    line-height:.94!important;
    letter-spacing:-.05em!important;
  }
  h2.text-4xl,
  h2.sm\:text-5xl,
  h2.sm\:text-6xl,
  h2.lg\:text-7xl{
    font-size:clamp(1.8rem,9.5vw,2.35rem)!important;
    line-height:1!important;
  }

  /* CTAs should become tap-friendly full-width controls where room is tight. */
  .btn-primary,.btn-secondary{
    max-width:100%;
    white-space:normal!important;
    text-align:center;
    justify-content:center;
    line-height:1.25;
  }
  .flex.flex-col.gap-3.sm\:flex-row>.btn-primary,
  .flex.flex-col.gap-3.sm\:flex-row>.btn-secondary{
    width:100%;
  }

  /* Common visual components: never impose a desktop minimum on the page. */
  .browser-frame,.before-after-frame,.legacy-stack,.terminal-shell,
  .campaign-window,.search-console,.marketing-board,.paid-board,
  .social-hero-board,.visual-canvas,.error-surface,.dashboard-mock,
  .platform-overlap,.reel-stage,.reference-card,.feature-card,
  .compare-panel,.decision-fork,.wp-meta,.wp-list,.full-compare{
    min-width:0!important;
    max-width:100%!important;
  }

  .browser-body,.mock-desktop,.social-hero-board,.visual-canvas{
    min-height:0!important;
  }
  .phone-shell{
    right:.35rem!important;
    width:112px!important;
  }

  /* Code/terminal content may scroll inside itself, never widen the document. */
  .terminal-code{
    max-width:100%;
    overflow-x:auto!important;
    font-size:.62rem!important;
    padding-left:.65rem!important;
    padding-right:.65rem!important;
  }

  /* Reference stack cards need compact inner spacing at 320px. */
  .home-reference-stack>.m-stack-card,
  .reference-card{
    min-width:0!important;
  }
  .reference-card{
    padding-left:1rem!important;
    padding-right:1rem!important;
  }

  footer .footer-links a,
  footer .footer-links span{
    max-width:100%;
    overflow-wrap:anywhere;
  }
}

/* === V39 /ROLAM DESKTOP HERO COMPOSITION ===
   The source image is square. On desktop, make the biography the primary column
   and use the image as a contained square on the right instead of a full-height
   split-screen panel. Mobile/tablet flow is intentionally unchanged. */
@media (min-width:960px){
  .site-first-section[data-pattern="MEDIA-02"]{
    padding-top:.35rem!important;
  }
  .site-first-section[data-pattern="MEDIA-02"]>.site-first-inner{
    padding-top:0!important;
    padding-bottom:2.75rem!important;
  }
  .site-first-section[data-pattern="MEDIA-02"] .site-first-inner>.grid{
    grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr)!important;
    align-items:center!important;
  }
  .site-first-section[data-pattern="MEDIA-02"] .site-first-inner>.grid>div:first-child{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    max-width:500px!important;
    min-height:0!important;
    aspect-ratio:1 / 1!important;
    justify-self:end!important;
    align-self:center!important;
    border-right:0!important;
    border-left:1px solid rgba(255,255,255,.1)!important;
    border-bottom:0!important;
  }
  .site-first-section[data-pattern="MEDIA-02"] .site-first-inner>.grid>div:nth-child(2){
    grid-column:1!important;
    grid-row:1!important;
    align-self:center!important;
    padding:clamp(2.1rem,3vw,3rem)!important;
  }
  .site-first-section[data-pattern="MEDIA-02"] .site-first-inner>.grid>div:nth-child(2)>h1{
    max-width:760px!important;
    font-size:clamp(3.5rem,5vw,5.15rem)!important;
    line-height:.94!important;
  }
  .site-first-section[data-pattern="MEDIA-02"] .site-first-inner>.grid>div:nth-child(2)>p.mt-7{
    margin-top:1.35rem!important;
  }
  .site-first-section[data-pattern="MEDIA-02"] .site-first-inner>.grid>div:nth-child(2)>p.mt-5,
  .site-first-section[data-pattern="MEDIA-02"] .site-first-inner>.grid>div:nth-child(2)>p.mt-6{
    margin-top:1rem!important;
  }
  .site-first-section[data-pattern="MEDIA-02"] .site-first-inner>.grid>div:nth-child(2)>.mt-8{
    margin-top:1.35rem!important;
  }
  .site-first-section[data-pattern="MEDIA-02"] .site-first-inner>.grid>div:nth-child(2)>a.mt-9{
    margin-top:1.6rem!important;
  }
}

/* On very wide screens don't let the portrait balloon beyond its editorial role. */
@media (min-width:1440px){
  .site-first-section[data-pattern="MEDIA-02"] .site-first-inner>.grid{
    grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr)!important;
  }
  .site-first-section[data-pattern="MEDIA-02"] .site-first-inner>.grid>div:first-child{
    max-width:470px!important;
    margin-right:2rem!important;
  }
}




/* V40 HOMEPAGE REFERENCE STACK — MOBILE CONTRACT
   Equal-height cards fit inside the viewport so the CTA/bottom is visible
   before the following sticky layer starts covering the current card. */
@media (max-width:767px){
  .home-reference-stack{
    padding-bottom:9rem!important;
  }
  .home-reference-stack>.reference-card{
    display:flex!important;
    flex-direction:column!important;
    height:calc(100vh - 8rem)!important;
    height:min(29rem,calc(100svh - 8rem))!important;
    min-height:0!important;
    max-height:none!important;
    padding:1rem!important;
    overflow:hidden!important;
  }
  .home-reference-stack>.m-stack-card{
    margin-top:7rem!important;
  }
  .home-reference-stack>.m-stack-card:first-child{
    margin-top:0!important;
  }
  .home-reference-stack>.m-stack-card:nth-child(1){top:4.8rem!important}
  .home-reference-stack>.m-stack-card:nth-child(2){top:5.1rem!important}
  .home-reference-stack>.m-stack-card:nth-child(3){top:5.4rem!important}
  .home-reference-stack>.m-stack-card:nth-child(4){top:5.7rem!important}
  .home-reference-stack>.m-stack-card:nth-child(5){top:6rem!important}
  .home-reference-stack>.m-stack-card:nth-child(6){top:6.3rem!important}
  .home-reference-stack>.m-stack-card:nth-child(7){top:6.6rem!important}

  .reference-card-head{
    flex:0 0 auto!important;
    gap:.65rem!important;
  }
  .reference-card-head>div{
    gap:.4rem!important;
  }
  .home-reference-stack .ref-tag{
    padding:.28rem .52rem!important;
    font-size:.62rem!important;
    line-height:1.2!important;
  }
  .reference-card-body{
    display:flex!important;
    flex:1 1 auto!important;
    min-height:0!important;
    flex-direction:column!important;
    gap:.7rem!important;
    margin-top:1rem!important;
  }
  .reference-card-copy{
    min-height:0!important;
  }
  .home-reference-stack .reference-title{
    font-size:clamp(1.65rem,8.25vw,2.15rem)!important;
    line-height:.96!important;
  }
  .home-reference-stack .reference-card-copy>p:not(.ref-metric){
    display:-webkit-box;
    margin-top:.7rem!important;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4;
    font-size:.9rem!important;
    line-height:1.45!important;
  }
  .home-reference-stack .ref-metric{
    display:-webkit-box;
    margin-top:.55rem!important;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    font-size:.58rem!important;
    line-height:1.35!important;
  }
  .home-reference-stack .reference-cta{
    flex:0 0 auto!important;
    width:100%!important;
    margin-top:auto!important;
    padding:.72rem .9rem!important;
    font-size:.82rem!important;
  }
}
@media (max-width:360px){
  .home-reference-stack>.reference-card{
    height:calc(100vh - 7.6rem)!important;
    height:min(28rem,calc(100svh - 7.6rem))!important;
  }
  .home-reference-stack>.m-stack-card{
    margin-top:6.25rem!important;
  }
  .home-reference-stack .reference-card-copy>p:not(.ref-metric){
    -webkit-line-clamp:3;
    font-size:.86rem!important;
  }
  .home-reference-stack .reference-title{
    font-size:1.7rem!important;
  }
}

/* === LARGE HEADING SPACING FIX === */

main h1 {
  line-height: .98 !important;
}

@media (max-width: 639px) {
  main h1 {
    line-height: 1.02 !important;
  }
}

/* === LARGE HEADING SPACING + MOBILE FIT === */

main h1 {
  line-height: .98 !important;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
  text-wrap: balance;
}

@media (max-width: 639px) {
  main h1 {
    font-size: clamp(2.15rem, 9.8vw, 3.25rem) !important;
    line-height: 1.02 !important;
  }
}

/* === NAVIGATION POSITION FIX === */

/* Keep the mobile navigation permanently attached to the top. */
@media (max-width: 959px) {
  header[data-pattern="NAV-01"] {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 1000 !important;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
  }
}


/* Desktop mega-menu must touch the navigation bar exactly. */
@media (min-width: 960px) {
  header[data-pattern="NAV-01"]
  nav[aria-label="Fő navigáció"]
  > div.group
  > div {
    top: calc(var(--site-nav-h) - 1px) !important;
    padding-top: 0 !important;
  }

  header[data-pattern="NAV-01"]
  nav[aria-label="Fő navigáció"]
  > div.group
  > div
  > div {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
}

/* === MOBILE HORIZONTAL OVERFLOW FIX === */

@media (max-width: 639px) {

  /* Grid/flex children are allowed to shrink inside the viewport. */
  main .grid > *,
  main .flex > * {
    min-width: 0;
  }

  /* Keep Hungarian words intact. */
  main h1,
  main h2,
  main h3 {
    word-break: normal;
    overflow-wrap: normal;
    hyphens: none;
    max-width: 100%;
  }

  /* Large section headings need to fit long Hungarian words. */
  main h2[class*="text-4xl"],
  main h2[class*="text-5xl"],
  main h2[class*="text-6xl"] {
    font-size: clamp(1.8rem, 8.2vw, 2.2rem) !important;
    line-height: 1.04 !important;
  }

  /* Large card/project headings. */
  main h3[class*="text-3xl"] {
    font-size: clamp(1.5rem, 7vw, 1.8rem) !important;
    line-height: 1.05 !important;
  }
}

/* ==================================================
   GLOBAL MOBILE CALL DOCK
================================================== */

.mobile-call-dock {
  display: none;
}

@media (max-width: 767px) {

  body {
    padding-bottom: calc(6.2rem + env(safe-area-inset-bottom));
  }

  .mobile-call-dock {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;

    display: block;

    padding:
      .7rem
      .75rem
      calc(.7rem + env(safe-area-inset-bottom));

    background:
      linear-gradient(
        to top,
        rgba(10, 10, 10, .98),
        rgba(10, 10, 10, .94)
      );

    border-top: 1px solid rgba(255, 255, 255, .08);

    box-shadow:
      0 -14px 40px rgba(0, 0, 0, .38);

    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
  }


  .mobile-call-cta {
    position: relative;

    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: .7rem;

    width: 100%;
    min-height: 56px;

    padding: .85rem 1rem;

    border: 1px solid rgba(20, 216, 208, .45);
    border-radius: 1rem;

    background: #14d8d0;

    color: #10201f;
    text-decoration: none;

    font-size: 1rem;
    font-weight: 800;

    box-shadow:
      0 10px 30px rgba(0, 0, 0, .32),
      0 0 0 0 rgba(20, 216, 208, 0);

    animation: mobile-call-pulse 3.2s ease-in-out infinite;

    -webkit-tap-highlight-color: transparent;
  }


  .mobile-call-cta__icon {
    width: 1.15rem;
    height: 1.15rem;

    flex: 0 0 auto;

    fill: currentColor;
  }


  .mobile-call-cta__number {
    color: inherit;

    font-size: 1.02rem;
    font-weight: 800;

    letter-spacing: -.01em;
  }


  .mobile-call-cta:hover {
    background: #f88f6f;
    border-color: rgba(248, 143, 111, .55);
    color: #17110f;
  }


  .mobile-call-cta:active {
    background: #f88f6f;
  }
}


/* Soft aqua/coral glow pulse.
   No scaling, so the button never grows or shrinks. */

@keyframes mobile-call-pulse {

  0%,
  100% {
    border-color: rgba(20, 216, 208, .40);

    box-shadow:
      0 10px 30px rgba(0, 0, 0, .32),
      0 0 0 0 rgba(20, 216, 208, 0),
      0 0 18px rgba(20, 216, 208, .05);
  }

  45% {
    border-color: rgba(20, 216, 208, .75);

    box-shadow:
      0 10px 30px rgba(0, 0, 0, .32),
      0 0 0 6px rgba(20, 216, 208, .10),
      0 0 26px rgba(20, 216, 208, .20);
  }

  65% {
    border-color: rgba(248, 143, 111, .55);

    box-shadow:
      0 10px 30px rgba(0, 0, 0, .32),
      0 0 0 8px rgba(248, 143, 111, .07),
      0 0 24px rgba(248, 143, 111, .14);
  }
}


/* Respect reduced-motion preferences. */

@media (prefers-reduced-motion: reduce) {

  .mobile-call-cta {
    animation: none;
  }
}