/* Bervion: one shared presentation system for the main site. */
:root {
  --bervion-navy: #10223c; --bervion-navy-deep: #081625;
  --bervion-blue: #1e5b9f; --bervion-cyan: #70def1; --bervion-yellow: #f6c52f;
  --bervion-ink: #10223c; --bervion-muted: #52647c; --bervion-surface: #f4f7fb;
  --bervion-line: #d8e2ed; --bervion-radius: 12px; --bervion-container: 1240px;
  --bervion-gutter: clamp(16px,3.4vw,32px);
  --bervion-section: clamp(48px,5.3vw,72px);
  --bervion-gap: clamp(16px,2.2vw,24px);
  --bervion-card-padding: clamp(20px,2.2vw,28px);
  --bervion-hero-gap: clamp(24px,4vw,56px);
  --bervion-footer-gap: clamp(24px,2.9vw,36px);
  --bervion-shadow: 0 3px 12px rgb(8 22 37 / 6%);
}
html { background: var(--bervion-surface) !important; scroll-padding-top: 100px; }
body[data-bervion-page][data-bervion-page] { margin: 0; padding-top: 76px !important; background: var(--bervion-surface) !important; color: var(--bervion-ink) !important; font: 16px/1.65 Inter,Arial,sans-serif !important; -webkit-text-size-adjust: 100%; text-rendering: optimizeLegibility; }
body[data-bervion-page] *,body[data-bervion-page] *::before,body[data-bervion-page] *::after { box-sizing: border-box; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
body[data-bervion-page][data-bervion-page] * { -webkit-text-fill-color: currentColor !important; }
body[data-bervion-page][data-bervion-page] #main-content * { -webkit-text-fill-color: currentColor !important; text-shadow: none !important; }
body[data-bervion-page][data-bervion-page]::before,body[data-bervion-page][data-bervion-page]::after { content: none !important; }
body[data-bervion-page] :is(button,input,select,textarea) { font: inherit; }
body[data-bervion-page] :is(a,button,input,select,textarea,summary):focus-visible { outline: 3px solid #1683b0 !important; outline-offset: 4px; }
body[data-bervion-page] :is(img,video) { max-width: 100%; }
body[data-bervion-page] :is(h1,h2,h3,h4,h5,h6) { font-family: Inter,Arial,sans-serif !important; font-weight: 750; line-height: 1.25; letter-spacing: -.025em; text-shadow: none !important; }
body[data-bervion-page] :is(h1,h2,h3,h4,p) { overflow-wrap: break-word; }
body[data-bervion-page] :is(.loader-wrapper,#loader,.loading-screen,.preloader) { display: none !important; }
body[data-bervion-page][data-bervion-page] :is(.main-content,#mainContent,#main-content,.reveal-up,.reveal-right,.animate-on-scroll) { opacity: 1 !important; visibility: visible !important; transform: none !important; background-color: transparent; }
body[data-bervion-page][data-bervion-page] .container { width: min(var(--bervion-container),calc(100% - 2 * var(--bervion-gutter))) !important; max-width: var(--bervion-container) !important; margin-inline: auto !important; padding-inline: 0 !important; }
body[data-bervion-page] .skip-link { position: fixed; top: 8px; left: 16px; z-index: 10000; padding: 10px 16px; background: #fff; color: var(--bervion-navy); border-radius: 6px; transform: translateY(-180%); }
body[data-bervion-page] .skip-link:focus { transform: none; }

/* Identical navigation dimensions and behavior on every main page. */
body[data-bervion-page][data-bervion-page] .navbar { position: fixed !important; inset: 0 0 auto !important; z-index: 1000 !important; display: block !important; height: 76px !important; min-height: 76px !important; padding: 0 !important; margin: 0 !important; background: var(--bervion-navy) !important; border: 0 !important; border-bottom: 1px solid #2d4059 !important; box-shadow: none !important; backdrop-filter: none !important; transform: none !important; }
body[data-bervion-page][data-bervion-page] .navbar .navbar-container.container { width: min(1320px,calc(100% - 2 * var(--bervion-gutter))) !important; max-width: 1320px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; flex-direction: row !important; position: relative !important; height: 76px !important; min-height: 76px !important; padding: 0 !important; gap: 28px !important; }
body[data-bervion-page][data-bervion-page] .navbar .logo { display: inline-flex !important; align-items: center !important; gap: 10px !important; flex: 0 0 auto; margin: 0 !important; padding: 0 !important; color: #fff !important; font: 800 clamp(24px,1.9vw,26px)/1 Inter,Arial,sans-serif !important; text-decoration: none; white-space: nowrap; background: none !important; transform: none !important; }
body[data-bervion-page][data-bervion-page] .navbar .logo span { font: inherit !important; letter-spacing: inherit !important; color: inherit !important; }
body[data-bervion-page] :is(.navbar .logo,.footer .footer-logo,.models-product-card a,.view-demo) { min-height: 44px; }
body[data-bervion-page][data-bervion-page] .navbar .logo .logo-icon { display: block !important; width: 40px !important; height: 40px !important; min-width: 40px !important; max-width: 40px !important; margin: 0 !important; padding: 0 !important; object-fit: contain !important; background: none !important; }
body[data-bervion-page] .navbar .logo::before,body[data-bervion-page] .navbar .logo::after { content: none !important; }
body[data-bervion-page][data-bervion-page] .navbar::before,body[data-bervion-page][data-bervion-page] .navbar::after { content: none !important; }
body[data-bervion-page][data-bervion-page] .navbar .nav-links { position: static !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; flex-direction: row !important; flex: 1 1 auto; flex-wrap: nowrap !important; gap: 18px !important; width: auto !important; max-width: none !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; box-shadow: none !important; border: 0 !important; transform: none !important; visibility: visible !important; opacity: 1 !important; overflow: visible !important; }
body[data-bervion-page][data-bervion-page] .navbar .nav-link { position: relative; display: inline-flex !important; align-items: center; min-height: 44px; padding: 0 !important; color: #e7edf6 !important; font: 600 13px/1.3 Inter,Arial,sans-serif !important; letter-spacing: 0 !important; text-decoration: none; white-space: nowrap !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; }
body[data-bervion-page][data-bervion-page] .navbar .nav-link::after { content: '' !important; position: absolute; inset: auto 0 3px !important; width: 100% !important; height: 2px; background: var(--bervion-cyan) !important; transform: scaleX(0); transition: transform .15s ease; }
body[data-bervion-page][data-bervion-page] .navbar .nav-link:is(:hover,:focus-visible,.is-current)::after { transform: scaleX(1); }
body[data-bervion-page][data-bervion-page] .mobile-menu-btn { display: none !important; position: static !important; width: 44px !important; height: 44px !important; padding: 10px !important; margin: 0 !important; border: 1px solid #63758d !important; border-radius: 8px !important; background: transparent !important; color: #fff !important; cursor: pointer; transform: none !important; box-shadow: none !important; }
body[data-bervion-page][data-bervion-page] .navbar .navbar-container .mobile-menu-btn { width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; flex: 0 0 44px !important; border: 1px solid #63758d !important; border-radius: 8px !important; background: transparent !important; padding: 10px !important; box-shadow: none !important; }
body[data-bervion-page] .mobile-menu-btn svg { display: block; width: 22px; height: 22px; }
body[data-bervion-page] .navbar :is(.mobile-menu-brand,.mobile-menu-overlay) { display: none !important; }

/* One intro scale and rhythm. Real product arrangements vary inside this frame. */
body[data-bervion-page][data-bervion-page] :is(.header,.hero,.calculator-header,.brand-page-intro) { content-visibility: visible !important; contain-intrinsic-size: none !important; position: relative; display: block !important; min-height: 0 !important; margin: 0 !important; padding: var(--bervion-section) 0 !important; background: var(--bervion-navy-deep) !important; color: #fff !important; overflow: visible !important; }
body[data-bervion-page][data-bervion-page] :is(.header,.hero,.calculator-header,.brand-page-intro)::before,body[data-bervion-page][data-bervion-page] :is(.header,.hero,.calculator-header,.brand-page-intro)::after { content: none !important; }
body[data-bervion-page][data-bervion-page] :is(.header-content,.hero-grid,.models-hero) { display: grid !important; grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important; align-items: center !important; gap: var(--bervion-hero-gap) !important; min-height: 0 !important; padding: 0 !important; }
body[data-bervion-page][data-bervion-page] :is(.header-content,.models-hero) { width: 100% !important; max-width: none !important; margin: 0 !important; }
body[data-bervion-page][data-bervion-page] .calculator-intro { padding: 0 !important; }
body[data-bervion-page][data-bervion-page] .calculator-header-content { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
body[data-bervion-page][data-bervion-page] :is(.header-text,.hero-grid>div,.models-hero>div) { min-width: 0; }
body[data-bervion-page][data-bervion-page] .header :is(.header-text,.header-visual,.brand-preview) { width: 100% !important; max-width: none !important; }
body[data-bervion-page][data-bervion-page] .brand-page-intro :is(.models-hero,.section-header) { background: transparent !important; border: 0 !important; box-shadow: none !important; }
body[data-bervion-page][data-bervion-page] :is(h1,.header-text h1,.hero h1,.calculator-intro h1,.brand-page-intro .section-title) { font-size: clamp(32px,3.35vw,48px) !important; line-height: 1.13 !important; letter-spacing: -.035em !important; font-weight: 800 !important; margin: 0 0 22px !important; max-width: 820px !important; text-align: left !important; }
body[data-bervion-page][data-bervion-page] :is(.header,.hero,.calculator-header,.brand-page-intro) :is(h1,h1 span,.section-title) { color: #fff !important; }
body[data-bervion-page][data-bervion-page] :is(.highlight,.text-gradient) { color: #11678e !important; background: none !important; -webkit-text-fill-color: currentColor !important; font: inherit !important; opacity: 1 !important; text-shadow: none !important; }
body[data-bervion-page][data-bervion-page] :is(.header,.hero,.calculator-header,.brand-page-intro) :is(.highlight,.text-gradient) { color: var(--bervion-cyan) !important; }
body[data-bervion-page][data-bervion-page] :is(.header-text>p,.hero .lead,.calculator-intro>p,.brand-page-intro .section-description,.brand-page-intro .subtitle) { color: #cfdae8 !important; font-size: 17px !important; line-height: 1.7 !important; width: auto !important; max-width: 700px !important; margin: 0 0 28px !important; opacity: 1 !important; text-align: left !important; }
body[data-bervion-page][data-bervion-page] :is(.section-header,.calculator-intro) { max-width: 820px !important; margin: 0 0 36px !important; text-align: left !important; }
body[data-bervion-page][data-bervion-page] :is(.brand-page-intro .section-header,.models-hero .section-header,.calculator-intro) { margin: 0 !important; }
body[data-bervion-page][data-bervion-page] :is(.section-subtitle,.eyebrow) { display: block !important; width: fit-content !important; padding: 0 !important; margin: 0 0 16px !important; background: none !important; border: 0 !important; border-radius: 0 !important; color: #11678e !important; font: 700 12px/1.5 Inter,Arial,sans-serif !important; letter-spacing: .09em !important; text-transform: uppercase; }
body[data-bervion-page][data-bervion-page] :is(.header,.hero,.calculator-header,.brand-page-intro) :is(.section-subtitle,.eyebrow) { color: var(--bervion-cyan) !important; }
body[data-bervion-page][data-bervion-page] :is(.header-buttons,.actions,.models-hero-actions) { display: flex; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; flex-wrap: wrap !important; gap: 12px !important; margin: 28px 0 0 !important; }
body[data-bervion-page][data-bervion-page] :is(.brand-preview,.hero-card,.models-hero-preview) { margin: 0 !important; padding: 0 !important; border: 1px solid #415168 !important; border-radius: var(--bervion-radius) !important; overflow: hidden; background: #fff !important; box-shadow: none !important; transform: none !important; max-height: none !important; }
body[data-bervion-page][data-bervion-page] :is(.brand-preview,.hero-card,.models-hero-preview) img { display: block; width: 100% !important; height: auto !important; min-height: 0 !important; aspect-ratio: 16/10; object-fit: cover !important; object-position: top !important; }
body[data-bervion-page] .brand-preview figcaption { padding: 14px 18px; color: var(--bervion-muted); background: #fff; font-size: 14px; }
body[data-bervion-page] .brand-preview a { display: block; }

/* Real product screens sit in responsive device frames without another image or script. */
body[data-bervion-page][data-bervion-page] .device-composition { margin: 0; padding: 0; width: 100%; }
body[data-bervion-page] .device-link { display: block; border-radius: 12px; }
body[data-bervion-page] .device-stage { position: relative; width: 100%; aspect-ratio: 1.45; isolation: isolate; }
body[data-bervion-page] .device-notebook { position: absolute; left: 0; bottom: 10%; width: 91%; }
body[data-bervion-page] .device-lid { position: relative; width: 94%; margin-inline: auto; padding: 2.3% 1.2% 1.2%; background: #14202d; border: 1px solid #758494; border-radius: 12px 12px 4px 4px; box-shadow: 0 12px 28px rgb(0 0 0 / 18%); }
body[data-bervion-page] .device-lid::before { content: ''; position: absolute; top: 1.2%; left: calc(50% - 2px); width: 4px; height: 4px; border-radius: 50%; background: #698091; }
body[data-bervion-page][data-bervion-page] .device-lid img { display: block; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: 16 / 10; object-fit: contain !important; border-radius: 3px; }
body[data-bervion-page] .device-base { position: relative; height: clamp(7px,1.1vw,11px); background: linear-gradient(#d8e0e7,#8798a8); border: 1px solid #a1b1bf; border-radius: 2px 2px 55% 55% / 2px 2px 100% 100%; }
body[data-bervion-page] .device-base::after { content: ''; position: absolute; top: -1px; left: 39%; width: 22%; height: 36%; border-radius: 0 0 5px 5px; background: #81909e; }
body[data-bervion-page] .device-phone { position: absolute; right: 0; bottom: 0; z-index: 1; width: 23%; padding: 4px; background: #14202d; border: 1px solid #8a9bab; border-radius: clamp(12px,2vw,24px); box-shadow: 0 10px 24px rgb(0 0 0 / 22%); overflow: hidden; }
body[data-bervion-page] .device-phone::before { content: ''; position: absolute; z-index: 2; top: 6px; left: 37%; width: 26%; height: 4px; background: #14202d; border-radius: 4px; }
body[data-bervion-page][data-bervion-page] .device-phone img { display: block; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; object-fit: contain !important; border-radius: clamp(8px,1.6vw,19px); }
body[data-bervion-page] .device-composition figcaption { margin-top: 18px; color: #cfdae8; font-size: 13px; line-height: 1.6; }

/* Specific old page rules are resolved here, rather than allowing exceptions to the system. */
body[data-bervion-page][data-bervion-page] #home.header { min-height: 0 !important; height: auto !important; padding: var(--bervion-section) 0 !important; }
body[data-bervion-page][data-bervion-page] #features .section-title { color: var(--bervion-ink) !important; -webkit-text-fill-color: var(--bervion-ink) !important; text-shadow: none !important; }
body[data-bervion-page][data-bervion-page] #features .section-description { color: var(--bervion-muted) !important; -webkit-text-fill-color: var(--bervion-muted) !important; text-shadow: none !important; }
body[data-bervion-page][data-bervion-page] .models-product-card > div { background: #fff !important; color: var(--bervion-ink) !important; padding: 24px !important; }
body[data-bervion-page][data-bervion-page] .models-product-card > div h2 { font-size: 22px !important; }
body[data-bervion-page][data-bervion-page] .models-product-card span { color: #11678e !important; }
body[data-bervion-page][data-bervion-page] .bervion-real-projects .project-card { display: flex !important; flex-direction: column !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; }
body[data-bervion-page][data-bervion-page] .bervion-real-projects .project-content { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; width: 100% !important; height: auto !important; min-height: 0 !important; padding: 24px !important; }
body[data-bervion-page][data-bervion-page] .bervion-real-projects .project-shot { flex: 0 0 auto !important; }
body[data-bervion-page][data-bervion-page] .bervion-real-projects .tag-list { min-height: 0 !important; }
body[data-bervion-page][data-bervion-page] .bervion-real-projects .project-actions { margin-top: auto !important; padding-top: 24px !important; }
body[data-bervion-page][data-bervion-page] .projects-grid + .section-header { margin: 48px 0 0 !important; }
body[data-bervion-page][data-bervion-page] .grid + .product-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px !important; }
body[data-bervion-page][data-bervion-page] .card-media:empty { display: none !important; }
body[data-bervion-page][data-bervion-page] .cards-grid + .services-grid { margin-top: 24px !important; }
body[data-bervion-page][data-bervion-page] .blog-grid.about-stack + .features-grid { margin-top: 24px !important; }
body[data-bervion-page][data-bervion-page] .model-thumb { padding: 0 !important; background: #e8f3f8 !important; color: var(--bervion-ink) !important; height: auto !important; aspect-ratio: 16/10; overflow: hidden; }
body[data-bervion-page][data-bervion-page] .model-thumb::before,body[data-bervion-page][data-bervion-page] .model-thumb::after { content: none !important; }
body[data-bervion-page][data-bervion-page] .model-thumb strong { color: var(--bervion-ink) !important; }
body[data-bervion-page][data-bervion-page] .model-thumb .model-capture { width: 100% !important; height: 100% !important; object-fit: cover; object-position: top; }
body[data-bervion-page][data-bervion-page] .section :is(h3,h4) { color: var(--bervion-ink) !important; }
body[data-bervion-page][data-bervion-page] .section :is(.service-item,.process-step,.payment-option,.communication-item) :is(p,span) { color: var(--bervion-muted) !important; }
body[data-bervion-page][data-bervion-page] .section [style*="color: white"],body[data-bervion-page][data-bervion-page] .section [style*="color: #fff"] { color: var(--bervion-ink) !important; }
body[data-bervion-page][data-bervion-page] .section div[style*="linear-gradient"] { background: #e8f3f8 !important; border-color: #b9d8e6 !important; color: var(--bervion-ink) !important; }
body[data-bervion-page][data-bervion-page] .section div[style*="linear-gradient"] p { color: var(--bervion-muted) !important; }
body[data-bervion-page][data-bervion-page] .section :is(h4,span)[style*="#6366f1"] { color: #11678e !important; }
body[data-bervion-page][data-bervion-page] .section div[style*="background: #6366f1"] { background: #11678e !important; }
body[data-bervion-page][data-bervion-page] .section :is(.service-item,.payment-option,.payment-detail,.payment-info) { background: #fff !important; border: 1px solid var(--bervion-line) !important; color: var(--bervion-ink) !important; border-radius: 12px !important; }
body[data-bervion-page][data-bervion-page] .section :is(.service-item,.process-step,.payment-option) p { color: var(--bervion-muted) !important; }
body[data-bervion-page][data-bervion-page] .pricing-card :is(.feature-item span,.plan-timeline span,.period,.installments) { color: var(--bervion-muted) !important; }
body[data-bervion-page][data-bervion-page] .pricing-card .price { color: var(--bervion-ink) !important; }
body[data-bervion-page][data-bervion-page] #orcamento .pricing-card .plan-price .price { color: var(--bervion-ink) !important; -webkit-text-fill-color: var(--bervion-ink) !important; background: none !important; }
body[data-bervion-page][data-bervion-page] .result-card :is(.total-price,.total-row,.payment-info) { background: #e8f3f8 !important; color: var(--bervion-ink) !important; }
body[data-bervion-page][data-bervion-page] .result-card span { color: var(--bervion-ink) !important; }
body[data-bervion-page][data-bervion-page] .result-card #totalPrice { color: var(--bervion-ink) !important; -webkit-text-fill-color: var(--bervion-ink) !important; background: none !important; }
body[data-bervion-page][data-bervion-page] .result-total { background: #eaf5fa !important; color: var(--bervion-ink) !important; border: 1px solid #b9d8e6 !important; border-radius: 8px !important; padding: 24px !important; }
body[data-bervion-page][data-bervion-page] .result-total .total-price { background: transparent !important; padding: 0 !important; gap: 16px; flex-wrap: wrap; }
body[data-bervion-page][data-bervion-page] .media-card { background: #fff !important; border: 1px solid var(--bervion-line) !important; border-radius: var(--bervion-radius) !important; box-shadow: var(--bervion-shadow) !important; }
body[data-bervion-page][data-bervion-page] :is(.card>i,.list>li>i) { color: #11678e !important; }
body[data-bervion-page][data-bervion-page] .section :is(.service-price,.service-hours,.payment-benefit,.payment-detail span) { color: var(--bervion-ink) !important; }
body[data-bervion-page][data-bervion-page] .section .payment-benefit { background: #eaf5fa !important; border-color: #b9d8e6 !important; color: var(--bervion-ink) !important; }
body[data-bervion-page][data-bervion-page] .popular-badge { background: var(--bervion-yellow) !important; color: var(--bervion-ink) !important; box-shadow: none !important; }
body[data-bervion-page][data-bervion-page] :is(.step-number,.advantage-number) { background: #11678e !important; color: #fff !important; box-shadow: none !important; }
body[data-bervion-page][data-bervion-page] :is(.demo-card .demo-content > span,.demo-card .demo-info > span,.demo-card span) { color: #11678e !important; }
body[data-bervion-page][data-bervion-page] .filter-btn { color: var(--bervion-ink) !important; background: #fff !important; border: 1px solid var(--bervion-line) !important; border-radius: 8px !important; font: 650 14px/1.5 Inter,Arial,sans-serif !important; min-height: 44px !important; padding: 10px 16px !important; }
body[data-bervion-page][data-bervion-page] .filter-btn:is(.active,[aria-pressed="true"],:hover) { background: var(--bervion-navy) !important; border-color: var(--bervion-navy) !important; color: #fff !important; }
body[data-bervion-page][data-bervion-page] :is(.plan-icon,.payment-icon) { background: #e8f3f8 !important; color: #11678e !important; box-shadow: none !important; }
body[data-bervion-page][data-bervion-page] :is(.module,.project-card .tag) { background: #e8f3f8 !important; color: #11678e !important; border: 1px solid #b9d8e6 !important; border-radius: 6px !important; padding: 6px 10px; }
body[data-bervion-page][data-bervion-page] .section i[style*="color:"] { color: #11678e !important; }
body[data-bervion-page][data-bervion-page] :is(.form-benefits,.form-help,.form-footer,.form-benefits span) { color: var(--bervion-muted) !important; }
body[data-bervion-page] .form-help { font-size: 14px; margin-top: 8px; }
body[data-bervion-page][data-bervion-page] .form-group .form-icon { display: none !important; }
body[data-bervion-page][data-bervion-page] :is(#contactForm,#quoteForm) :is(input,select,textarea) { padding-left: 14px !important; }
body[data-bervion-page][data-bervion-page] select option { background: #fff !important; color: var(--bervion-ink) !important; }
body[data-bervion-page][data-bervion-page] .submit-btn { min-height: 48px !important; padding: 12px 20px !important; border-radius: 8px !important; background: var(--bervion-yellow) !important; border: 1px solid var(--bervion-yellow) !important; color: var(--bervion-ink) !important; font: 700 15px/1.5 Inter,Arial,sans-serif !important; letter-spacing: 0 !important; text-transform: none !important; box-shadow: none !important; }
body[data-bervion-page][data-bervion-page] .faq-question { width: 100%; border: 0; text-align: left; cursor: pointer; }
body[data-bervion-page] .faq-answer[hidden] { display: none !important; }

/* Light reading surfaces share spacing, typography and cards. */
body[data-bervion-page][data-bervion-page] :is(.section,.calculator-section,.bervion-models-section) { padding: var(--bervion-section) 0 !important; background: var(--bervion-surface) !important; color: var(--bervion-ink) !important; min-height: 0 !important; content-visibility: visible !important; border: 0; }
/* Keep the full Home available while skipping offscreen rendering work. */
body[data-bervion-page="home"][data-bervion-page] #main-content > .section { content-visibility: auto !important; contain-intrinsic-size: auto 800px !important; }

body[data-bervion-page][data-bervion-page] :is(.section,.faq)::before,body[data-bervion-page][data-bervion-page] :is(.section,.faq)::after { content: none !important; }
body[data-bervion-page][data-bervion-page] :is(.section-title,.section h2,.calculator-card h2,.lead-section h2) { font-size: clamp(26px,2.6vw,34px) !important; line-height: 1.25 !important; color: var(--bervion-ink) !important; margin-bottom: 18px !important; text-align: left !important; }
body[data-bervion-page][data-bervion-page] :is(.section-description,.section-intro,.project-desc,.subtitle) { max-width: 760px; color: var(--bervion-muted) !important; font-size: 16px !important; line-height: 1.7 !important; text-align: left !important; margin-inline: 0 !important; opacity: 1 !important; }
body[data-bervion-page][data-bervion-page] :is(.features-grid,.projects-grid,.blog-grid,.grid,.tour,.live-gallery,.pricing-grid,.services-grid,.value-props-grid,.models-product-strip,.portfolio-grid,.calculator-grid) { gap: var(--bervion-gap) !important; }
body[data-bervion-page][data-bervion-page] #main-content :is(.features-grid,.projects-grid,.blog-grid,.grid,.tour,.live-gallery,.pricing-grid,.services-grid,.value-props-grid,.models-product-strip,.cards-grid,.advantages-grid,.bervion-models-grid,.portfolio-grid,.calculator-grid) { width: 100% !important; min-width: 0 !important; max-width: none !important; margin-inline: 0 !important; gap: var(--bervion-gap) !important; }
/* Grid gaps provide spacing: old side margins must not shift or narrow their children. */
body[data-bervion-page][data-bervion-page] #main-content :is(.features-grid,.projects-grid,.blog-grid,.grid,.tour,.live-gallery,.pricing-grid,.services-grid,.value-props-grid,.models-product-strip,.cards-grid,.advantages-grid,.bervion-models-grid,.portfolio-grid,.calculator-grid) > * { width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; transform: none !important; }
body[data-bervion-page][data-bervion-page] #main-content .portfolio-grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
body[data-bervion-page][data-bervion-page] #main-content .calculator-section :is(.calculator-form,.calculator-result,.calculator-card,.result-card) { width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; }
body[data-bervion-page][data-bervion-page] #main-content .bervion-models-grid { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; padding: 0 !important; }
body[data-bervion-page][data-bervion-page] :is(.feature-card,.project-card,.portfolio-item,.models-product-card,.model-card,.card,.step,.metric,.pricing-card,.service-card,.value-prop,.calculator-card,.result-card,.lead-form-container,.live-shot) { background: #fff !important; color: var(--bervion-ink) !important; border: 1px solid var(--bervion-line) !important; border-radius: var(--bervion-radius) !important; box-shadow: var(--bervion-shadow) !important; backdrop-filter: none !important; }
body[data-bervion-page][data-bervion-page] :is(.feature-card,.project-card,.portfolio-item,.models-product-card,.model-card,.card,.step,.metric,.pricing-card,.service-card,.value-prop,.calculator-card,.result-card,.lead-form-container,.live-shot) :is(h2,h3,h4,strong,.project-title,.plan-name) { color: var(--bervion-ink) !important; }
body[data-bervion-page][data-bervion-page] :is(.feature-card,.project-card,.portfolio-item,.models-product-card,.model-card,.card,.step,.metric,.pricing-card,.service-card,.value-prop,.calculator-card,.result-card,.lead-form-container,.live-shot) :is(p,figcaption,.plan-subtitle,.section-description,.metric span) { color: var(--bervion-muted) !important; }
body[data-bervion-page][data-bervion-page] :is(.feature-card,.step,.card-content,.calculator-card,.result-card,.lead-form-container) { padding: var(--bervion-card-padding) !important; }
body[data-bervion-page][data-bervion-page] .step::before { position: static !important; display: block !important; width: auto !important; height: auto !important; margin: 0 0 14px !important; border: 0 !important; border-radius: 0 !important; background: none !important; color: #11678e !important; font-size: 24px !important; line-height: 1 !important; }
body[data-bervion-page][data-bervion-page] :is(.feature-card h3,.card h3,.step h3,.project-title) { font-size: 21px !important; line-height: 1.35 !important; margin: 0 0 12px !important; }
body[data-bervion-page][data-bervion-page] :is(.feature-icon,.service-icon,.value-icon,.design-icon,.site-type-icon,.deadline-icon) { background: #e8f3f8 !important; color: #11678e !important; border-radius: 10px !important; box-shadow: none !important; }
body[data-bervion-page][data-bervion-page] :is(.feature-icon,.service-icon,.value-icon,.design-icon,.site-type-icon,.deadline-icon) i { color: #11678e !important; }
body[data-bervion-page][data-bervion-page] :is(.feature-card,.card,.project-card,.pricing-card,.models-product-card):hover { transform: none !important; box-shadow: var(--bervion-shadow) !important; }
body[data-bervion-page] .metric-strip { gap: 12px; margin-top: 28px; }
body[data-bervion-page][data-bervion-page] .metric { padding: 16px !important; }
body[data-bervion-page][data-bervion-page] .metric strong { font-size: 18px !important; }
body[data-bervion-page][data-bervion-page] .metric span { color: var(--bervion-muted) !important; font-size: 13px !important; }
body[data-bervion-page][data-bervion-page] :is(.live-shot,.media-card) { overflow: hidden; }
body[data-bervion-page] :is(.live-shot img,.project-image img,.model-card img,.models-product-card img) { object-position: top !important; }
/* Width/height attributes reserve space; rendered product media keep their native ratio. */
body[data-bervion-page][data-bervion-page] :is(.live-shot img,.media-card video) { display: block; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: 16 / 10 !important; object-fit: contain !important; }
body[data-bervion-page] .product-screen-link { display: block; position: relative; }
body[data-bervion-page] .live-shot:focus-within { outline: 3px solid #1683b0; outline-offset: 4px; }
body[data-bervion-page] .screen-zoom { position: absolute; top: 8px; right: 8px; width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid #8ba1b9; border-radius: 6px; background: var(--bervion-navy-deep); color: #fff; pointer-events: none; }
body[data-bervion-page] .screen-zoom svg { width: 18px; height: 18px; display: block; }
body[data-bervion-page][data-bervion-page] .notice { background: #e8f3f8 !important; color: var(--bervion-ink) !important; border: 1px solid #b9d8e6 !important; border-radius: 8px; }
body[data-bervion-page][data-bervion-page] .notice strong { color: var(--bervion-ink) !important; }
body[data-bervion-page] .blog-article { margin-top: 18px; border-top: 1px solid var(--bervion-line); padding-top: 14px; }
body[data-bervion-page] .blog-article summary { cursor: pointer; color: #11678e; font-weight: 700; min-height: 44px; }
body[data-bervion-page] .blog-article p { margin: 12px 0; }
body[data-bervion-page] .text-justify { text-align: left !important; }
body[data-bervion-page] :is(.about-timeline,.about-communication) { margin: 48px 0; padding: 28px; background: #e8f3f8; border: 1px solid #b9d8e6; border-radius: 12px; }
body[data-bervion-page] .about-timeline-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 24px; list-style: none; margin: 24px 0 0; padding: 0; counter-reset: about-step; }
body[data-bervion-page] .about-timeline-grid li { min-width: 0; counter-increment: about-step; }
body[data-bervion-page] .about-timeline-grid li::before { content: counter(about-step,decimal-leading-zero); display: block; color: #11678e; font-size: 24px; font-weight: 800; margin-bottom: 12px; }
body[data-bervion-page] .about-timeline-grid h4 { margin-bottom: 8px; }
body[data-bervion-page] .about-timeline-grid p { color: var(--bervion-muted); font-size: 16px; }
body[data-bervion-page][data-bervion-page] :is(.card-content,.portfolio-content,.advantage-card,.service-item,.payment-option) p { font-size: 16px !important; }
body[data-bervion-page] .about-stack-list { padding-left: 20px; margin: 18px 0; color: var(--bervion-muted); }
body[data-bervion-page] .about-stack-list li { margin: 6px 0; }

/* One action hierarchy. */
body[data-bervion-page][data-bervion-page] :is(.btn,.cta-enhanced,.model-card-link,.model-open,.project-btn) { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px !important; padding: 12px 20px !important; border-radius: 8px !important; font: 700 15px/1.45 Inter,Arial,sans-serif !important; letter-spacing: 0 !important; text-transform: none !important; text-decoration: none; box-shadow: none !important; transform: none !important; white-space: normal; text-align: center; cursor: pointer; transition: background-color .15s ease; }
body[data-bervion-page][data-bervion-page] :is(.btn-primary,.cta-enhanced) { background: var(--bervion-yellow) !important; color: var(--bervion-ink) !important; border: 1px solid var(--bervion-yellow) !important; }
body[data-bervion-page][data-bervion-page] :is(.btn-primary,.cta-enhanced):hover { background: #ffe071 !important; border-color: #ffe071 !important; }
body[data-bervion-page][data-bervion-page] :is(.btn-secondary,.btn-gold,.btn-outline) { background: transparent !important; color: #11678e !important; border: 1px solid #11678e !important; }
body[data-bervion-page][data-bervion-page] :is(.header,.hero,.brand-page-intro) :is(.btn-secondary,.btn-gold,.btn-outline) { color: #fff !important; border-color: #9bafc7 !important; }
body[data-bervion-page] .btn::before,body[data-bervion-page] .btn::after { content: none !important; }
body[data-bervion-page] .btn:disabled { opacity: .65; cursor: wait; }

/* Form and disclosure controls retain the existing business logic. */
body[data-bervion-page][data-bervion-page] :is(.contact-form,.contact-card,.lead-form-container) { background: #fff !important; color: var(--bervion-ink) !important; }
body[data-bervion-page][data-bervion-page] #main-content .lead-form-container { width: 100% !important; min-width: 0 !important; max-width: 980px !important; margin-inline: auto !important; }
body[data-bervion-page][data-bervion-page] .extras-options { min-width: 0; width: 100%; border: 0; padding: 0; margin: 0; }
body[data-bervion-page][data-bervion-page] .extras-options legend { padding: 0; margin-bottom: 8px; color: var(--bervion-ink); font-size: 15px; font-weight: 600; }
body[data-bervion-page] .extras-options-list { display: grid; gap: 8px; }
body[data-bervion-page][data-bervion-page] .extras-options .extras-choice { display: flex !important; align-items: flex-start; gap: 12px; padding: 12px; margin: 0 !important; border: 1px solid #8799ae; border-radius: 8px; cursor: pointer; }
body[data-bervion-page][data-bervion-page] .extras-options .extras-choice:has(input:checked) { border-color: #11678e; background: #eaf5fa; }
body[data-bervion-page][data-bervion-page] .extras-options input { width: 20px !important; height: 20px !important; min-width: 20px !important; min-height: 20px !important; flex: 0 0 20px; padding: 0 !important; margin: 3px 0 0 !important; position: static !important; opacity: 1 !important; box-shadow: none !important; }
body[data-bervion-page] .extras-choice-content { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
body[data-bervion-page] .extras-choice-content strong { font-size: 15px; line-height: 1.5; }
body[data-bervion-page] .extras-choice-content span { color: var(--bervion-muted); font-size: 14px; line-height: 1.5; }
body[data-bervion-page][data-bervion-page] :is(.form-group label:not(.radio-option):not(.checkbox-option),.form-label,.lead-form-container label:not(.radio-option):not(.checkbox-option)) { display: block; margin-bottom: 8px; color: var(--bervion-ink) !important; font-size: 15px !important; font-weight: 600; }
body[data-bervion-page][data-bervion-page] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea) { background: #fff !important; color: var(--bervion-ink) !important; border: 1px solid #8799ae !important; border-radius: 8px !important; font-size: 16px !important; line-height: 1.5; min-height: 48px; }
body[data-bervion-page][data-bervion-page] .lead-form-container select#q_payment { border-radius: 8px !important; text-align-last: left !important; padding: 12px 14px !important; font-size: 16px !important; }
body[data-bervion-page] :is(input,textarea)::placeholder { color: #63758a !important; opacity: 1; }
body[data-bervion-page][data-bervion-page] .form-status:is(.error,.success) { color: var(--bervion-ink) !important; border-radius: 8px !important; font-size: 16px !important; line-height: 1.6; text-align: left; padding: 12px 16px; }
body[data-bervion-page][data-bervion-page] .form-status.error { background: #fff1f1 !important; border: 1px solid #e6bcbc !important; }
body[data-bervion-page][data-bervion-page] .form-status.success { background: #edf8f0 !important; border: 1px solid #b9d9c3 !important; }
body[data-bervion-page] :is(input[type=checkbox],input[type=radio],input[type=range]) { accent-color: #11678e; }
body[data-bervion-page] .form-icon { color: #52647c !important; }
body[data-bervion-page][data-bervion-page] :is(.radio-option,.checkbox-option,.design-option,.deadline-option,.feature-option) { background: #fff !important; color: var(--bervion-ink) !important; border-radius: 8px !important; border-color: var(--bervion-line) !important; }
body[data-bervion-page][data-bervion-page] .calculator-section :is(.radio-option,.checkbox-option) { display: flex !important; align-items: center !important; gap: 14px !important; padding: 18px !important; margin: 0 !important; transform: none !important; }
body[data-bervion-page][data-bervion-page] .calculator-section :is(.radio-option,.checkbox-option)::before { content: none !important; }
body[data-bervion-page][data-bervion-page] .calculator-section :is(.radio-custom,.checkbox-custom,.site-type-icon,.feature-icon,.design-icon,.deadline-icon) { display: none !important; }
body[data-bervion-page][data-bervion-page] .calculator-section :is(.radio-option,.checkbox-option) input { display: block !important; position: static !important; opacity: 1 !important; width: 20px !important; height: 20px !important; min-width: 20px !important; min-height: 20px !important; max-width: 20px !important; max-height: 20px !important; padding: 0 !important; margin: 0 !important; flex: 0 0 20px !important; }
body[data-bervion-page][data-bervion-page] .calculator-section :is(.radio-content,.checkbox-content) { flex: 1 1 auto !important; min-width: 0 !important; width: auto !important; height: auto !important; overflow: visible !important; gap: 6px !important; }
body[data-bervion-page][data-bervion-page] .calculator-section :is(.radio-content,.checkbox-content) strong { color: var(--bervion-ink) !important; }
body[data-bervion-page][data-bervion-page] .calculator-section :is(.radio-content,.checkbox-content) span { color: var(--bervion-muted) !important; }
/* Actions adapt to their own card width instead of a fixed desktop column. */
body[data-bervion-page][data-bervion-page] .result-card .result-actions { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; gap: 12px !important; }
body[data-bervion-page][data-bervion-page] .result-card .result-actions .btn { flex: 1 1 180px !important; width: auto !important; min-width: 0 !important; max-width: 100% !important; white-space: normal !important; overflow-wrap: anywhere !important; }
body[data-bervion-page] input[type=range] { min-height: 44px; background-size: 100% 8px !important; background-position: center !important; background-repeat: no-repeat !important; }
body[data-bervion-page][data-bervion-page] :is(.radio-option,.checkbox-option,.design-option,.deadline-option,.feature-option):has(input:checked) { border-color: #11678e !important; background: #eaf5fa !important; }
body[data-bervion-page][data-bervion-page] :is(.faq-item,.faq-question,.faq-answer) { background: #fff !important; color: var(--bervion-ink) !important; border-color: var(--bervion-line) !important; box-shadow: none !important; }
body[data-bervion-page][data-bervion-page] .faq-item { margin-inline: 0 !important; }
body[data-bervion-page][data-bervion-page] .faq-question { font: 650 17px/1.5 Inter,Arial,sans-serif !important; min-height: 64px; }
body[data-bervion-page][data-bervion-page] .faq-answer p { color: var(--bervion-muted) !important; }

/* Shared footer, present on every main page. */
body[data-bervion-page][data-bervion-page] .footer { background: var(--bervion-navy) !important; color: #c8d4e3 !important; padding: 56px 0 24px !important; margin: 0 !important; border-top: 1px solid #31455e !important; text-align: left !important; }
body[data-bervion-page] .footer::before { content: none !important; }
body[data-bervion-page][data-bervion-page] .footer-grid { display: grid !important; grid-template-columns: minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.15fr) !important; gap: var(--bervion-footer-gap) !important; justify-items: stretch !important; align-items: start !important; }
body[data-bervion-page][data-bervion-page] .footer .footer-grid > div { display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; justify-self: stretch !important; align-self: start !important; }
body[data-bervion-page][data-bervion-page] .footer .footer-about p { width: 100% !important; max-width: none !important; }
body[data-bervion-page][data-bervion-page] .footer * { text-align: left !important; }
body[data-bervion-page][data-bervion-page] .footer .footer-grid :is(h3,p,li,a:not(.footer-logo)) { display: block !important; position: static !important; width: 100% !important; max-width: none !important; min-width: 0 !important; margin-inline: 0 !important; justify-content: flex-start !important; justify-self: stretch !important; transform: none !important; }
body[data-bervion-page][data-bervion-page] .footer .footer-logo { justify-content: flex-start !important; }
body[data-bervion-page][data-bervion-page] .footer h3::before,body[data-bervion-page][data-bervion-page] .footer h3::after { content: none !important; }
body[data-bervion-page][data-bervion-page] .footer :is(h3,.footer-logo,.footer-logo span) { color: #fff !important; }
body[data-bervion-page][data-bervion-page] .footer h3 { font: 700 15px/1.5 Inter,Arial,sans-serif !important; margin: 0 0 16px !important; padding: 0 !important; }
body[data-bervion-page][data-bervion-page] .footer :is(a,p,li) { font-family: Inter,Arial,sans-serif !important; color: #c8d4e3 !important; font-size: 14px !important; opacity: 1 !important; text-decoration: none; }
body[data-bervion-page][data-bervion-page] .footer a:hover { color: var(--bervion-cyan) !important; }
body[data-bervion-page][data-bervion-page] .footer .footer-logo { display: inline-flex; align-items: center; gap: 10px; font-size: 24px !important; font-weight: 800 !important; margin: 0 0 14px !important; }
body[data-bervion-page] .footer-logo img { width: 36px; height: 36px; object-fit: contain; }
body[data-bervion-page][data-bervion-page] .footer .container .footer-about .footer-logo .footer-logo-icon { width: 36px !important; height: 36px !important; min-width: 36px !important; max-width: 36px !important; min-height: 36px !important; max-height: 36px !important; }
body[data-bervion-page] .footer ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
body[data-bervion-page][data-bervion-page] .footer .container .footer-grid .footer-links ul { display: grid !important; width: 100% !important; justify-items: stretch !important; gap: 8px !important; padding: 0 !important; margin: 0 !important; }
body[data-bervion-page][data-bervion-page] .footer .footer-links li { display: block !important; width: 100% !important; }
body[data-bervion-page][data-bervion-page] .footer :is(li,p) { margin: 0 !important; padding: 0 !important; line-height: 1.65 !important; }
body[data-bervion-page][data-bervion-page] .footer .footer-links a { padding: 0 !important; transform: none !important; }
body[data-bervion-page][data-bervion-page] .footer :is(.footer-links,.footer-contact) a { display: block !important; line-height: 1.65 !important; margin: 0 !important; padding: 0 !important; }
body[data-bervion-page][data-bervion-page] .footer .footer-links a::before { content: none !important; }
body[data-bervion-page][data-bervion-page] .footer-bottom { display: flex; flex-wrap: wrap; gap: 8px 24px; justify-content: space-between; margin: 36px 0 0 !important; padding: 20px 0 0 !important; border-top: 1px solid #3b4f69 !important; text-align: left !important; font-size: 13px; }
body[data-bervion-page][data-bervion-page] :is(.whatsapp-float,.back-to-top) { width: 48px !important; height: 48px !important; min-width: 48px; border-radius: 50% !important; bottom: 20px !important; box-shadow: 0 3px 12px rgb(8 22 37 / 14%) !important; }
body[data-bervion-page][data-bervion-page] .whatsapp-float { right: 20px !important; background: #087d60 !important; color: #fff !important; }
body[data-bervion-page][data-bervion-page] .back-to-top { left: 20px !important; right: auto !important; background: var(--bervion-navy) !important; color: #fff !important; }

/* No entrance delays or perpetual floating motion in the sales pages. */
body[data-bervion-page][data-bervion-page] :is(.header-text h1,.header-text>p,.header-buttons,.header-visual,.reveal-up,.reveal-right,.animate-on-scroll) { animation: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; }
body[data-bervion-page][data-bervion-page] :is(.whatsapp-float,.back-to-top) { animation: none !important; }
body[data-bervion-page][data-bervion-page] :is(.advantage-card,.service-item,.payment-option,.payment-info,.form-benefits) { box-shadow: var(--bervion-shadow) !important; }
body[data-bervion-page][data-bervion-page] :is(.advantage-card,.service-item,.payment-option,.payment-info,.form-benefits):hover { transform: none !important; }

@media (max-width:1280px) {
  body[data-bervion-page][data-bervion-page] .mobile-menu-btn { display: grid !important; place-items: center; flex: 0 0 44px; }
  body[data-bervion-page][data-bervion-page] .navbar .nav-links { display: none !important; position: absolute !important; inset: 76px 0 auto !important; width: 100% !important; max-width: none !important; max-height: calc(100dvh - 100px) !important; overflow-y: auto !important; background: var(--bervion-navy) !important; border: 1px solid #3b4f69 !important; border-radius: 0 0 10px 10px; padding: 12px !important; }
  body[data-bervion-page][data-bervion-page] .navbar .nav-links.is-open { display: grid !important; grid-template-columns: 1fr 1fr; gap: 4px 16px !important; }
  body[data-bervion-page][data-bervion-page] .navbar .nav-link { font-size: 15px !important; padding: 8px 12px !important; width: 100%; }
  body[data-bervion-page][data-bervion-page] .navbar .nav-link::after { width: calc(100% - 24px) !important; left: 12px !important; }
  body[data-bervion-page][data-bervion-page] :is(.header-content,.hero-grid,.models-hero) { gap: var(--bervion-hero-gap) !important; }
}
@media (max-width:899px) {
  body[data-bervion-page] .about-timeline-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body[data-bervion-page][data-bervion-page] :is(.header-content,.hero-grid,.models-hero,.calculator-grid,.split) { grid-template-columns: minmax(0,1fr) !important; gap: var(--bervion-hero-gap) !important; }
  body[data-bervion-page][data-bervion-page] :is(.header-visual,.hero-card,.models-hero-preview) { order: initial !important; width: 100%; max-width: 680px !important; }
  body[data-bervion-page][data-bervion-page] :is(.hero-card,.models-hero-preview) { margin-inline: auto !important; justify-self: center !important; }
  body[data-bervion-page][data-bervion-page] :is(.features-grid,.projects-grid,.blog-grid,.grid,.tour,.live-gallery,.pricing-grid,.services-grid,.value-props-grid,.models-product-strip) { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  body[data-bervion-page][data-bervion-page] #main-content .bervion-models-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  body[data-bervion-page][data-bervion-page] .footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  body[data-bervion-page][data-bervion-page] .result-card { position: static !important; }
}
@media (max-width:599px) {
  body[data-bervion-page] .about-timeline-grid { grid-template-columns: minmax(0,1fr); }
  body[data-bervion-page] :is(.about-timeline,.about-communication) { padding: 24px; }
  body[data-bervion-page][data-bervion-page] .navbar .logo { font-size: 24px !important; }
  body[data-bervion-page][data-bervion-page] .section div[style*="padding: 40px"] { padding: 24px !important; }
  body[data-bervion-page][data-bervion-page] .navbar .nav-links.is-open { grid-template-columns: 1fr; gap: 0 !important; }
  body[data-bervion-page][data-bervion-page] :is(.features-grid,.projects-grid,.blog-grid,.grid,.tour,.live-gallery,.pricing-grid,.services-grid,.value-props-grid,.models-product-strip,.footer-grid,.form-row) { grid-template-columns: minmax(0,1fr) !important; }
  body[data-bervion-page][data-bervion-page] #main-content .portfolio-grid { grid-template-columns: minmax(0,1fr) !important; }
  body[data-bervion-page][data-bervion-page] #main-content .bervion-models-grid { grid-template-columns: minmax(0,1fr) !important; }
  body[data-bervion-page][data-bervion-page] :is(.header-buttons,.actions,.models-hero-actions) { flex-direction: column !important; align-items: stretch !important; }
  body[data-bervion-page][data-bervion-page] :is(.header-buttons,.actions,.models-hero-actions) .btn { width: 100% !important; }
  body[data-bervion-page][data-bervion-page] .product-actions .btn { width: 100% !important; }
  body[data-bervion-page][data-bervion-page] :is(.feature-card,.step,.card-content,.calculator-card,.result-card,.lead-form-container) { padding: var(--bervion-card-padding) !important; }
  body[data-bervion-page][data-bervion-page] .metric-strip { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  body[data-bervion-page][data-bervion-page] .result-timeline .timeline-item { flex-direction: column !important; align-items: flex-start !important; gap: 4px; }
  body[data-bervion-page][data-bervion-page] .footer-bottom { display: block; }
  body[data-bervion-page] .footer-bottom p { margin: 0 0 8px; }
}
@media (pointer:coarse) {
  body[data-bervion-page][data-bervion-page] .footer :is(.footer-links,.footer-contact) a { min-height: 44px !important; padding-block: 10px !important; }
}
@media (prefers-reduced-motion:reduce) {
  body[data-bervion-page] *,body[data-bervion-page] *::before,body[data-bervion-page] *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* Form dialogs use the same type, surface and action colors as the site. */
body[data-bervion-page] .swal2-popup { width: 520px !important; max-width: calc(100vw - 32px) !important; padding: 28px !important; border: 1px solid var(--bervion-line) !important; border-radius: var(--bervion-radius) !important; background: #fff !important; color: var(--bervion-ink) !important; font: 16px/1.65 Inter,Arial,sans-serif !important; }
body[data-bervion-page] .swal2-title { padding: 0 !important; color: var(--bervion-ink) !important; font-size: 26px !important; line-height: 1.25 !important; }
body[data-bervion-page] .swal2-html-container { color: var(--bervion-muted) !important; font-size: 16px !important; line-height: 1.65 !important; }
body[data-bervion-page] .swal2-styled.swal2-confirm { min-height: 48px !important; padding: 12px 20px !important; border: 1px solid var(--bervion-yellow) !important; border-radius: 8px !important; background: var(--bervion-yellow) !important; color: var(--bervion-ink) !important; font: 700 15px/1.5 Inter,Arial,sans-serif !important; box-shadow: none !important; }
body[data-bervion-page] .swal2-styled.swal2-confirm:focus-visible { outline: 3px solid var(--bervion-blue) !important; outline-offset: 3px !important; }

/* Keep the homepage media inside the same fluid gutters as its text. */
body[data-bervion-page][data-bervion-page] .header .header-visual { margin: 0 !important; }
