/* ============================================================
   Business Native wordmark — replaces the "next | well" logo
   in the header and footer. Uses the site font (Geist) + a
   dot-matrix arrow, mirroring the original logo construction.
   ============================================================ */
.bn-logo{
  display:inline-flex;
  align-items:center;
  gap:.46em;
  font-family:var(--typography-font-heading-sans, Geist, Arial, sans-serif);
  font-weight:500;
  letter-spacing:-.015em;
  line-height:1;
  white-space:nowrap;
}
.bn-logo .bn-arrow{ height:.66em; width:auto; display:block; flex:none; }

/* header logo: dark on the light nav */
.logo-nav .bn-logo{ font-size:19px; color:#0b0b0d; }
/* footer logo: light on the dark footer — large, like the original wordmark */
.logo_footer .bn-logo{ font-size:clamp(46px, 6.5vw, 88px); color:#f4f4f6; }
@media (max-width:991px){ .logo_footer .bn-logo{ font-size:clamp(40px, 8vw, 64px); } }
@media (max-width:479px){ .logo-nav .bn-logo{ font-size:17px; } }

/* ============================================================
   Layout fix: stop the distracting staggered / sliding blocks.
   Force scroll-reveal offset elements to their final position
   and remove the vertical stagger on the service tiles.
   ============================================================ */
[style*="50px, 0)"],
[style*="50px,0)"]{ transform:none !important; opacity:1 !important; }

/* Kill ALL decorative vertical staggers / GSAP parallax across the
   card, feature and image grids so blocks sit on one clean line. */
.services-horizontal_tile, .services-horizontal_tile.is-second, .services-horizontal_tile.is-third, .services-horizontal_tile.is-fourth,
.card_feature, .card_feature.is-second, .card_feature.is-third,
.card_feature-home-b, .card_feature-home-b.is-second, .card_feature-home-b.is-third,
.card_feature-slide,
.wrap_feature-tabs.is-second, .wrap_feature-tabs.is-third,
.image_combo, .image_combo.is-second,
.card_cta-v1, .card_cta-v1.is-second,
.image_performance_home-b, .image_performance_home-b.is-second,
.image_about-a, .image_about-a.is-second{
  margin-top:0 !important;
  transform:none !important;
  visibility:visible !important;
  opacity:1 !important;
}
/* Equal-height feature / service cards on one line */
.services-horizontal_grid, .grid_features{ align-items:stretch !important; }
.services-horizontal_tile, .card_feature{ height:100% !important; }
.services-horizontal_tile .inner_services-tile, .card_feature .inner_feature{ height:100% !important; }

/* Harmonised cool green (was garish #ddfcd0) to sit with blue + violet */
:root{ --color-base-ui-success:#6fae93 !important; }
.tag-timeline.green, .tag_widget-small.green{ background-color:#cfe7db !important; }

/* Blog cards: no dates */
.item_blog .blog_info-tile .tone-medium.text-size-small{ display:none !important; }

/* Hero: make the single portrait larger (wider column + taller image) */
.home-a_hero-halves{ grid-template-columns:7fr 1fr 5fr !important; }
.left_home-a{ grid-template-columns:1fr !important; }
.left_home-a .video_home-a{ height:100% !important; min-height:42rem; }
.left_home-a .image_cover{ width:100% !important; height:100% !important; object-fit:cover; object-position:50% 22%; }

/* ============================================================
   Homepage hero: one large portrait instead of the 3-image
   collage (hide the two small images + the video play UI).
   ============================================================ */
.home-a_hero-images{ display:none !important; }
.left_home-a{ width:100% !important; flex:1 1 100% !important; }
.left_home-a .video_home-a{ pointer-events:none; cursor:default; }
.left_home-a .play-button_about-video,
.left_home-a .play-state_about-video,
.left_home-a .overlay_about-video,
.left_home-a .text-size-large-2{ display:none !important; }
.left_home-a .image_cover{ object-fit:cover; object-position:50% 28%; }

/* ============================================================
   Case-study slider: real use-case content, dark card imagery,
   hide the empty "Nincs találat" state.
   ============================================================ */
.w-dyn-empty{ display:none !important; }
.image_case-slide{ background-color:#0c0c11; background-size:cover; background-position:50%; }
.performance-tile .heading-style-h1,
.performance-tile .label-large{ color:#f4f4f6 !important; }

/* ---- Logo sizing for the remaining containers (hero / account / about / testimonial) ---- */
.logo_home-b .bn-logo{ font-size:clamp(40px, 7vw, 96px); color:#0b0b0d; }
.logo_account .bn-logo{ font-size:22px; color:#f4f4f6; }
.logo_about-b .bn-logo{ font-size:clamp(34px, 5vw, 64px); color:#0b0b0d; }
.image_about-a-left .bn-logo{ font-size:clamp(40px, 6vw, 84px); color:#f4f4f6; }
.logo-testimonial_profile .bn-logo{ font-size:16px; color:inherit; }

/* ---- Features slider: equal card heights so the bottoms don't jump ---- */
.card_feature-slide{ min-height:24rem; }

/* ---- Edge colour: html matches the cream page bg (no grey stripe) ---- */
html{ background-color:#f5f4f1 !important; }

/* ============================================================
   Remaining colour cleanup (strict monochrome) — audit findings
   ============================================================ */
:root{
  --color-base-ui-error:#7a5552 !important;
  --color-base-ui-success:#6fae93 !important;
  --color-tokens-ink-accent:var(--color-base-base-dark-100) !important;
}
.circle-tag{ background-color:#9a9aa0 !important; }
.tag-timeline.cyan, .tag-timeline.pruple, .tag_widget-small.cyan, .tag_widget-small.pruple{ background-color:#e4e2ea !important; }
/* monochrome rating stars (was garish yellow #EEC81E) */
.rating .icon-star svg path, .icon-star svg path[fill="#EEC81E"], .rating svg path{ fill:#15151a !important; stroke:#15151a !important; }

/* --- honesty: hide fabricated 5-star rating + fake client logos --- */
.icon-star{ display:none !important; }
.wrap_logos{ display:none !important; }

/* ===== QA round 1 fixes (layout/symmetry + mobile) ===== */
/* Footer wordmark: align to footer gutter (was centered at x=96), tighten orphan 160px gap, size as a signature not a hero */
.logo_footer{ justify-content:flex-start !important; }
.brand_footer{ width:auto !important; }
.master_footer{ gap:5rem !important; }
.logo_footer .bn-logo{ font-size:clamp(34px, 4.2vw, 56px) !important; }
@media (max-width:991px){ .logo_footer .bn-logo{ font-size:clamp(30px, 6vw, 46px) !important; } }
@media (max-width:479px){ .logo_footer .bn-logo{ font-size:clamp(26px, 7vw, 36px) !important; } }

/* bn-logo glyph: tighter word gap + arrow optically centered to lowercase x-height */
.bn-logo{ gap:.30em; }
.bn-logo .bn-arrow{ height:.62em; position:relative; top:.055em; }

/* Mobile: pricing comparison-table header overlapping first plan column */
@media (max-width:767px){ .table-description_column-tiles .heading-style-h4{ font-size:1.05rem !important; line-height:1.2 !important; } }
@media (max-width:479px){ .table-description_column-tiles{ min-width:160px !important; } .table-description_column-tiles .heading-style-h4{ font-size:.95rem !important; } }

/* Mobile: about-a hero marquee dashboard widget clipped at 390 */
@media (max-width:479px){
  .video-widget_marquee{ width:88vw !important; height:auto !important; }
  .image_marquee{ width:74vw !important; }
  .image_marquee.large{ width:88vw !important; }
}

/* ===== QA round 2: honesty + monochrome ===== */
/* about-a team section now holds only the honest single founder card (round 2) — shown */
.section_scroll-images{ display:none !important; }
/* third-party integration brand logos -> monochrome (brand is strictly greyscale) */
.logo_integration, .logo_integration img, .logo_integration svg,
.card_integration img, .card_integration svg{ filter:grayscale(1) !important; }

/* ===== QA round 3 fixes ===== */
/* Empty Webflow CMS bound placeholder images -> hide broken grey boxes */
.w-dyn-bind-empty{ display:none !important; }
/* Collapse the whole empty case card (placeholder shell) so the grid stays clean */
.w-dyn-item:has(.w-dyn-bind-empty),
.card_case-c:has(.w-dyn-bind-empty),
.image_blog-card:has(.w-dyn-bind-empty){ display:none !important; }

/* Pricing comparison table: tablet band (768-991px) horizontal-scroll instead of crushed/overlapping CTA columns */
@media (min-width:768px) and (max-width:991px){
  .comparison-table{
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
    -webkit-mask-image:linear-gradient(90deg,#000 92%,transparent 100%);
    mask-image:linear-gradient(90deg,#000 92%,transparent 100%);
  }
  .comparison-table::after{
    content:'\2192 g\00f6rgess';
    display:block;
    text-align:right;
    font-size:.72rem;
    opacity:.5;
    padding:.4rem 0;
  }
  .pricing-rows-tiles, .table-row{ width:max-content !important; }
  .table-description_column-tiles{ flex:none !important; min-width:280px !important; }
  .table-check_column-tiles{ flex:none !important; min-width:200px !important; }
  /* Stack the three pricing plan cards into one full-width column (min-content
     from long bullets + buttons was forcing two tracks past the 768px viewport) */
  .grid_plans{ grid-template-columns:1fr !important; }
  .master_plans{ grid-template-columns:1fr !important; }
}

/* about-c: hide fabricated investor-claim cases section + duplicated fake team slider */
.section_about-c-cases{ display:none !important; }
.section_team-slider{ display:none !important; }

/* honesty: hide fabricated named-client testimonial carousel (pricing/features/home-c).
   0-paying-client build-in-public business — invented names/roles/quotes are forbidden.
   NOTE: index.html uses .section_small-testimonial (singular) which is edited in place,
   NOT hidden here. */
.section_testimonials,
.section_home-c-testimonial,
.headline_testimonials,
.mask_testimonials{ display:none !important; }

/* Hero portrait: remove empty white gap below image on tablet/mobile.
   On <=991px .left_home-a becomes a flex column with indefinite height, so
   the 42rem min-height padded out the container below the ~410px portrait. */
@media (max-width:991px){
  .left_home-a .video_home-a{ min-height:0 !important; height:auto !important; }
  .left_home-a .image_cover{ height:auto !important; width:100% !important; aspect-ratio:1/1; object-fit:cover; }
}

/* ===== QA round 4 fixes ===== */

/* (1) Index stats row: keep "30–40 ó" on one line so all three h0 values/labels
   align on one row (the two-line wrap was staggering baselines on desktop). */
.grid_performance.centered .heading-style-h0{ white-space:nowrap; }

/* (3/4/5) Stagger-reveal headlines: on short/narrow viewports the Webflow IX3
   per-word reveal never advances all the word-spans, leaving a large empty band.
   Force the final visible state regardless of IX3 (site-wide: index, features,
   home-c, etc.). */
[stagger-text]{ visibility:visible !important; opacity:1 !important; }
[stagger-text] *,
[stagger-text] [class*="word"],
[stagger-text] span{ visibility:visible !important; opacity:1 !important; transform:none !important; }

/* (6) Footer tagline: on mobile the bottom row stacks, so left-align the tagline
   to the same gutter as the wordmark (desktop keeps its right-align 2-col layout). */
@media (max-width:767px){
  .footer_bottom-text,
  .footer_bottom-text .label-small{ text-align:left !important; }
}

/* (18) Index full-width background-video slot stays paused/grey on the live site;
   paint the dark-soft poster as a guaranteed fallback so it never reads as grey. */
.video_home-a-large{
  background-image:url('../videos/hero-soft_poster.0000000.jpg') !important;
  background-size:cover !important;
  background-position:50% !important;
  background-color:#0c0c11 !important;
}

/* ===== QA round 5: hide redundant placeholder FAQ + fake SDK block + de-list template variant/doc pages ===== */
.section_faq-tabs, .section_faq-halves, .section_faqs-open{ display:none !important; }
.section_no-code{ display:none !important; }
a[href*="home-b.html"], a[href*="home-c.html"],
a[href*="about-b.html"], a[href*="about-c.html"],
a[href*="contact-b.html"], a[href*="contact-c.html"],
a[href*="style-guide.html"], a[href*="licenses.html"],
a[href*="changelog.html"], a[href*="instructions.html"]{ display:none !important; }

/* ===== QA round 6: hide overview template-marketing sections + FAQ reveal fallback ===== */
.section_overview-pages, .section_webflow-x-figma{ display:none !important; }
.faq_filter-block{ opacity:1 !important; transform:none !important; }