{"id":11281,"date":"2026-09-14T05:39:27","date_gmt":"2026-09-14T05:39:27","guid":{"rendered":"https:\/\/vylino.com\/?page_id=11281"},"modified":"2026-09-28T08:35:14","modified_gmt":"2026-09-28T08:35:14","slug":"karnataka","status":"publish","type":"page","link":"https:\/\/vylino.com\/fr\/locations\/karnataka\/","title":{"rendered":"Karnataka"},"content":{"rendered":"\n<style>\n\/* VYLINO shared design system | 1.1.0 | 2026-09-09\n   Canonical file: vylino-shared.css. Install ONCE as raw CSS.\n   Opt in: class=\"vylino-page vyl-system\" on an outer container.\n   No imported fonts, framework, JavaScript dependency, or global reset.\n   Refined colour families and component finishes; replaces v1.0.0 in full.\n   Theme class goes on the same outer wrapper. Verify on WordPress staging.\n*\/\n.vylino-page.vyl-system {\n  \/* Brand identity remains stable; thematic accents change by page family. *\/\n  --vl-brand: #2D50C7;\n  --vl-accent: #2D50C7; --vl-accent-hover: #2441A6; --vl-accent-active: #1C3283;\n  --vl-accent-tint: #EFF3FF; --vl-accent-wash: #F8FAFF;\n  --vl-accent-bright: #BCCBFF; --vl-sector-ink: #142339;\n  --vl-canvas: #F6F8FB;\n  --vl-on-accent: #ffffff;\n  --vl-button-bg: var(--vl-accent); --vl-button-hover: var(--vl-accent-hover);\n  --vl-button-active: var(--vl-accent-active); --vl-button-text: var(--vl-on-accent);\n  --vl-button-border: var(--vl-accent);\n  --vl-elevation-1: 0 2px 6px rgb(20 35 57 \/ .035), 0 14px 32px rgb(20 35 57 \/ .045);\n  --vl-elevation-2: 0 3px 10px rgb(20 35 57 \/ .04), 0 26px 58px -18px rgb(20 35 57 \/ .16);\n  --vl-hairline: rgb(20 35 57 \/ .07);\n  --vl-display-weight: 650;\n  --vl-navy: #142339;\n  --vl-cobalt: #2D50C7;\n  --vl-pale: #F2F5F9;\n  --vl-slate: #536277;\n  --vl-line: #DCE3EC;\n  --vl-mint: #BFE3DB;\n  --vl-white: #ffffff;\n  --vl-brand-hover: #2441A6;\n  --vl-brand-active: #1C3283;\n  --vl-text: var(--vl-navy);\n  --vl-muted: var(--vl-slate);\n  --vl-bg: var(--vl-white);\n  --vl-surface: var(--vl-white);\n  --vl-soft: var(--vl-pale);\n  --vl-border: var(--vl-line);\n  --vl-control-border: #718297;\n  --vl-link: var(--vl-accent);\n  --vl-link-hover: var(--vl-accent-hover);\n  --vl-focus: var(--vl-accent);\n  --vl-success: #176442;\n  --vl-warning: #785000;\n  --vl-danger: #aa2236;\n  --vl-scroll-thumb: #718297;\n  --vl-scroll-track: var(--vl-soft);\n  --vl-scroll-hover: var(--vl-muted);\n  --vl-scroll-active: var(--vl-text);\n  --vl-font-display: 'Manrope', 'Avenir Next', 'Aptos Display', 'Segoe UI', system-ui, sans-serif;\n  --vl-font-body: 'Source Sans 3', 'Segoe UI', 'Noto Sans Devanagari', system-ui, sans-serif;\n  --vl-font-mono: ui-monospace, 'Cascadia Code', Consolas, monospace;\n  --vl-text-xs: .8125rem;\n  --vl-text-sm: .9375rem;\n  --vl-text-base: 1rem;\n  --vl-text-lg: clamp(1.125rem, 1.02rem + .4vw, 1.375rem);\n  --vl-h1: clamp(2.35rem, 1.55rem + 3.4vw, 5.25rem);\n  --vl-h2: clamp(1.85rem, 1.3rem + 2vw, 3.35rem);\n  --vl-h3: clamp(1.375rem, 1.15rem + .7vw, 1.875rem);\n  --vl-s1: .25rem; --vl-s2: .5rem; --vl-s3: .75rem;\n  --vl-s4: 1rem; --vl-s5: 1.5rem; --vl-s6: 2rem;\n  --vl-s7: 3rem; --vl-s8: 4rem; --vl-s9: 6rem;\n  --vl-section: clamp(3rem, 1.8rem + 4vw, 6rem);\n  --vl-gutter: clamp(1rem, 3vw, 2rem);\n  --vl-max: 75rem; --vl-measure: 68ch;\n  --vl-radius-sm: .625rem; --vl-radius: 1rem; --vl-radius-lg: 1.75rem;\n  --vl-shadow: 0 12px 36px rgb(18 36 58 \/ .08);\n  --vl-duration: 180ms; --vl-ease: ease-out;\n  \/* Set to observed sticky-header height; .vl-sticky is opt-in. *\/\n  --vl-header-offset: 0px; --vl-admin-offset: 0px;\n  color: var(--vl-text); background: var(--vl-bg);\n  font-family: var(--vl-font-body); font-size: var(--vl-text-base);\n  line-height: 1.65; text-align: start; overflow-wrap: anywhere;\n  min-inline-size: 0; isolation: isolate;\n}\n\n\n\/* Page families: select ONE modifier on the outer wrapper, never infer from URL. *\/\n.vylino-page.vyl-system.vl-theme-brand, .vylino-page.vyl-system.vl-theme-services {\n  --vl-accent: #2D50C7;\n  --vl-accent-hover: #2441A6;\n  --vl-accent-active: #1C3283;\n  --vl-accent-tint: #EFF3FF;\n  --vl-accent-wash: #F8FAFF;\n  --vl-accent-bright: #BCCBFF;\n  --vl-sector-ink: #142339;\n}\n.vylino-page.vyl-system.vl-theme-healthcare {\n  --vl-accent: #126B69;\n  --vl-accent-hover: #105653;\n  --vl-accent-active: #0C4240;\n  --vl-accent-tint: #EAF5F2;\n  --vl-accent-wash: #F7FBFA;\n  --vl-accent-bright: #A9DED4;\n  --vl-sector-ink: #143331;\n}\n.vylino-page.vyl-system.vl-theme-education {\n  --vl-accent: #5651A6;\n  --vl-accent-hover: #454188;\n  --vl-accent-active: #353169;\n  --vl-accent-tint: #F0EFFA;\n  --vl-accent-wash: #FAFAFE;\n  --vl-accent-bright: #CEC9F4;\n  --vl-sector-ink: #25283D;\n}\n.vylino-page.vyl-system.vl-theme-commerce {\n  --vl-accent: #78467A;\n  --vl-accent-hover: #623963;\n  --vl-accent-active: #4B2C4D;\n  --vl-accent-tint: #F7EFF6;\n  --vl-accent-wash: #FCF9FC;\n  --vl-accent-bright: #E5C1E2;\n  --vl-sector-ink: #352738;\n}\n.vylino-page.vyl-system.vl-theme-professional {\n  --vl-accent: #294F78;\n  --vl-accent-hover: #213F61;\n  --vl-accent-active: #182F49;\n  --vl-accent-tint: #EEF3F8;\n  --vl-accent-wash: #F8FAFC;\n  --vl-accent-bright: #BCD3EC;\n  --vl-sector-ink: #192B40;\n}\n.vylino-page.vyl-system.vl-theme-hospitality {\n  --vl-accent: #805B32;\n  --vl-accent-hover: #674A29;\n  --vl-accent-active: #50391F;\n  --vl-accent-tint: #F6F1E8;\n  --vl-accent-wash: #FCFAF6;\n  --vl-accent-bright: #E8D1AD;\n  --vl-sector-ink: #332D25;\n}\n.vylino-page.vyl-system.vl-theme-industrial {\n  --vl-accent: #355D70;\n  --vl-accent-hover: #294B5B;\n  --vl-accent-active: #203B47;\n  --vl-accent-tint: #EDF3F5;\n  --vl-accent-wash: #F8FAFB;\n  --vl-accent-bright: #B9D7E2;\n  --vl-sector-ink: #20313B;\n}\n.vylino-page.vyl-system.vl-theme-locations {\n  --vl-accent: #23627B;\n  --vl-accent-hover: #1C4F64;\n  --vl-accent-active: #153C4C;\n  --vl-accent-tint: #ECF4F8;\n  --vl-accent-wash: #F7FAFC;\n  --vl-accent-bright: #B7DCEB;\n  --vl-sector-ink: #192E3B;\n}\n.vylino-page.vyl-system.vl-theme-resources {\n  --vl-accent: #465B77;\n  --vl-accent-hover: #38495F;\n  --vl-accent-active: #293647;\n  --vl-accent-tint: #F0F3F7;\n  --vl-accent-wash: #F9FAFC;\n  --vl-accent-bright: #CDD8E8;\n  --vl-sector-ink: #243044;\n}\n\n\/* 01. Foundation: :where keeps element defaults below component rules. *\/\n.vylino-page.vyl-system, .vylino-page.vyl-system *, .vylino-page.vyl-system *::before, .vylino-page.vyl-system *::after { box-sizing: border-box; }\n.vylino-page.vyl-system, .vylino-page.vyl-system * { scrollbar-width: auto; scrollbar-color: var(--vl-scroll-thumb) var(--vl-scroll-track); }\n.vylino-page.vyl-system ::-webkit-scrollbar { width: 12px; height: 12px; }\n.vylino-page.vyl-system ::-webkit-scrollbar-track { background: var(--vl-scroll-track); }\n.vylino-page.vyl-system ::-webkit-scrollbar-thumb { background: var(--vl-scroll-thumb); border: 3px solid var(--vl-scroll-track); border-radius: 8px; }\n.vylino-page.vyl-system ::-webkit-scrollbar-thumb:hover { background: var(--vl-scroll-hover); }\n.vylino-page.vyl-system ::-webkit-scrollbar-thumb:active { background: var(--vl-scroll-active); }\n.vylino-page.vyl-system :where(h1,h2,h3,h4,h5,h6) { margin: 0 0 var(--vl-s4); font-family: var(--vl-font-display); font-weight: var(--vl-display-weight); color: var(--vl-text); line-height: 1.12; text-wrap: balance; }\n.vylino-page.vyl-system :where(h1) { font-size: var(--vl-h1); letter-spacing: -.045em; }\n.vylino-page.vyl-system :where(h2) { font-size: var(--vl-h2); letter-spacing: -.025em; }\n.vylino-page.vyl-system :where(h3) { font-size: var(--vl-h3); letter-spacing: -.015em; }\n.vylino-page.vyl-system :where(h4) { font-size: 1.25rem; }\n.vylino-page.vyl-system :where(h5) { font-size: 1.125rem; }\n.vylino-page.vyl-system :where(h6) { font-size: 1rem; }\n.vylino-page.vyl-system :where(p,ul,ol,dl,figure,blockquote,pre) { margin: 0 0 var(--vl-s5); }\n.vylino-page.vyl-system :where(ul,ol) { padding-inline-start: 1.5em; }\n.vylino-page.vyl-system :where(li + li) { margin-block-start: var(--vl-s2); }\n.vylino-page.vyl-system :where(a) { color: var(--vl-link); text-decoration: underline; text-underline-offset: .2em; text-decoration-thickness: 1px; cursor: pointer; }\n.vylino-page.vyl-system :where(a:hover) { color: var(--vl-link-hover); text-decoration-thickness: 2px; }\n.vylino-page.vyl-system :where(a:active) { opacity: .85; }\n.vylino-page.vyl-system :where(button,summary,select,input[type=checkbox],input[type=radio]) { cursor: pointer; }\n.vylino-page.vyl-system :where(button,input,select,textarea) { font: inherit; }\n.vylino-page.vyl-system :where(img,video,iframe,svg) { max-inline-size: 100%; }\n.vylino-page.vyl-system :where(img,video) { display: block; block-size: auto; }\n.vylino-page.vyl-system :where(small,figcaption) { font-size: var(--vl-text-sm); color: var(--vl-muted); }\n.vylino-page.vyl-system :where(figure img) { border-radius: var(--vl-radius); }\n.vylino-page.vyl-system :where(figcaption) { margin-block-start: var(--vl-s3); }\n.vylino-page.vyl-system :where(blockquote) { border-inline-start: 3px solid var(--vl-link); padding-inline-start: var(--vl-s5); font-size: var(--vl-text-lg); }\n.vylino-page.vyl-system :where(hr) { border: 0; border-block-start: 1px solid var(--vl-border); margin-block: var(--vl-s7); }\n.vylino-page.vyl-system :where(code,kbd,pre) { font-family: var(--vl-font-mono); font-size: .925em; }\n.vylino-page.vyl-system :where(code,kbd) { background: var(--vl-soft); padding: .1em .3em; border-radius: .2em; }\n.vylino-page.vyl-system :where(pre) { padding: var(--vl-s5); background: var(--vl-soft); overflow: auto; white-space: pre-wrap; }\n.vylino-page.vyl-system :where(dt) { font-weight: 700; }\n.vylino-page.vyl-system :where(dd) { margin: 0 0 var(--vl-s4); }\n.vylino-page.vyl-system :where(:focus-visible) { outline: 3px solid var(--vl-focus); outline-offset: 4px; }\n.vylino-page.vyl-system :where([id],a,button,input,select,textarea,summary) { scroll-margin-block-start: calc(var(--vl-header-offset) + var(--vl-admin-offset) + 1.5rem); }\n.vylino-page.vyl-system ::selection { color: var(--vl-navy); background: var(--vl-mint); }\n.vylino-page.vyl-system .vl-sr-only { position: absolute; inline-size: 1px; block-size: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }\n.vylino-page.vyl-system .vl-skip { position: absolute; inset-block-start: .5rem; inset-inline-start: .5rem; transform: translateY(-200%); z-index: 10; padding: 1rem; background: var(--vl-bg); }\n.vylino-page.vyl-system .vl-skip:focus { transform: none; }\n\n\/* 02. Layout; classes belong on real layout containers. *\/\n.vylino-page.vyl-system .vl-container { inline-size: min(100% - var(--vl-gutter) * 2, var(--vl-max)); margin-inline: auto; }\n.vylino-page.vyl-system .vl-section { padding-block: var(--vl-section); }\n.vylino-page.vyl-system .vl-section--compact { padding-block: var(--vl-s7); }\n.vylino-page.vyl-system .vl-stack > * + * { margin-block-start: var(--vl-s5); }\n.vylino-page.vyl-system .vl-cluster, .vylino-page.vyl-system .vl-actions { display: flex; flex-wrap: wrap; gap: var(--vl-s3); align-items: center; }\n.vylino-page.vyl-system .vl-grid, .vylino-page.vyl-system .vl-split, .vylino-page.vyl-system .vl-article-layout { display: grid; gap: clamp(1.25rem, 2.5vw, 2rem); grid-template-columns: minmax(0,1fr); }\n.vylino-page.vyl-system :where(.vl-grid,.vl-split,.vl-article-layout) > * { min-inline-size: 0; }\n.vylino-page.vyl-system .vl-measure, .vylino-page.vyl-system .vl-prose { max-inline-size: var(--vl-measure); }\n.vylino-page.vyl-system .vl-prose :where(h2,h3,h4) { margin-block-start: 1.5em; }\n.vylino-page.vyl-system .vl-prose > :first-child { margin-block-start: 0; }\n.vylino-page.vyl-system .vl-prose :where(li) { padding-inline-start: .2em; }\n.vylino-page.vyl-system .vl-prose :where(table) { font-size: var(--vl-text-sm); }\n.vylino-page.vyl-system .vl-lead { font-size: var(--vl-text-lg); color: var(--vl-muted); max-inline-size: 56ch; }\n.vylino-page.vyl-system .vl-eyebrow { font-size: var(--vl-text-xs); font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--vl-link); margin-block-end: var(--vl-s4); }\n.vylino-page.vyl-system .vl-muted { color: var(--vl-muted); }\n.vylino-page.vyl-system .vl-center { text-align: center; margin-inline: auto; }\n.vylino-page.vyl-system .vl-mt-0 { margin-block-start: 0; } .vylino-page.vyl-system .vl-mb-0 { margin-block-end: 0; }\n.vylino-page.vyl-system .vl-mt-sm { margin-block-start: var(--vl-s4); } .vylino-page.vyl-system .vl-mt-md { margin-block-start: var(--vl-s6); } .vylino-page.vyl-system .vl-mt-lg { margin-block-start: var(--vl-s7); }\n.vylino-page.vyl-system .vl-gap-sm { gap: var(--vl-s3); } .vylino-page.vyl-system .vl-gap-lg { gap: var(--vl-s7); }\n.vylino-page.vyl-system .vl-surface-soft { background: var(--vl-soft); }\n.vylino-page.vyl-system.vl-dark, .vylino-page.vyl-system .vl-dark {\n  --vl-text: #F7F9FC; --vl-muted: #C4CEDD; --vl-bg: #142339;\n  --vl-surface: #1D3049; --vl-soft: #243A55; --vl-border: #536B84;\n  --vl-control-border: #99AEC5; --vl-link: var(--vl-accent-bright); --vl-link-hover: #ffffff;\n  --vl-focus: var(--vl-accent-bright); --vl-success: #AFE4C9; --vl-warning: #F0D298;\n  --vl-danger: #FFBDCA; --vl-scroll-thumb: #99AEC5; --vl-scroll-track: #243A55;\n  --vl-scroll-hover: #C4CEDD; --vl-scroll-active: #ffffff;\n  --vl-button-bg: var(--vl-accent-bright); --vl-button-hover: #ffffff;\n  --vl-button-active: #E7ECF5; --vl-button-text: #142339; --vl-button-border: var(--vl-accent-bright);\n  --vl-hairline: rgb(255 255 255 \/ .12);\n  --vl-elevation-1: 0 8px 24px rgb(0 0 0 \/ .12);\n  --vl-elevation-2: 0 20px 45px rgb(0 0 0 \/ .18);\n  color: var(--vl-text); background: var(--vl-bg); color-scheme: dark;\n}\n\n\/* 03. Heroes. No fixed height and no content hidden for entrance effects. *\/\n.vylino-page.vyl-system .vl-hero { padding-block: clamp(3.5rem, 6vw, 7rem); }\n.vylino-page.vyl-system .vl-hero--compact { padding-block: clamp(2.5rem, 4vw, 4.5rem); }\n.vylino-page.vyl-system .vl-hero--editorial h1 { max-inline-size: 24ch; font-size: clamp(2.125rem, 1.4rem + 2.6vw, 4rem); }\n.vylino-page.vyl-system .vl-hero--industry, .vylino-page.vyl-system .vl-hero--location { border-block-end: 1px solid var(--vl-border); }\n.vylino-page.vyl-system .vl-hero-title { max-inline-size: 17ch; }\n.vylino-page.vyl-system .vl-hero-title em { font-style: normal; color: var(--vl-link); }\n.vylino-page.vyl-system .vl-brief { padding: clamp(1.5rem, 3vw, 2.75rem); background: var(--vl-surface); border: 1px solid var(--vl-border); border-radius: var(--vl-radius-lg); box-shadow: var(--vl-elevation-2); }\n.vylino-page.vyl-system .vl-brief-row { padding-block: var(--vl-s4); border-block-end: 1px solid var(--vl-border); }\n.vylino-page.vyl-system .vl-brief-row:last-child { border: 0; padding-block-end: 0; }\n.vylino-page.vyl-system .vl-brief-row dt { color: var(--vl-muted); font-size: var(--vl-text-sm); }\n.vylino-page.vyl-system .vl-brief-row dd { margin: .3rem 0 0; }\n\n\/* 04. Navigation and editorial orientation. *\/\n.vylino-page.vyl-system .vl-breadcrumbs { font-size: var(--vl-text-sm); color: var(--vl-muted); }\n.vylino-page.vyl-system .vl-breadcrumbs ol { display: flex; flex-wrap: wrap; gap: .5rem; list-style: none; padding: 0; }\n.vylino-page.vyl-system .vl-breadcrumbs li { margin: 0; }\n.vylino-page.vyl-system .vl-breadcrumbs li + li::before { content: '\/'; margin-inline-end: .5rem; color: var(--vl-muted); }\n.vylino-page.vyl-system .vl-toc { padding: var(--vl-s5); border: 1px solid var(--vl-border); border-radius: var(--vl-radius); background: var(--vl-surface); align-self: start; }\n.vylino-page.vyl-system .vl-toc ol { padding-inline-start: 1.2rem; margin: 0; }\n.vylino-page.vyl-system .vl-toc a { display: inline-block; padding-block: .375rem; }\n.vylino-page.vyl-system .vl-meta { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; font-size: var(--vl-text-sm); color: var(--vl-muted); }\n.vylino-page.vyl-system .vl-directory { list-style: none; padding: 0; display: grid; gap: 0 var(--vl-s6); }\n.vylino-page.vyl-system .vl-directory li { margin: 0; padding-block: var(--vl-s4); border-block-end: 1px solid var(--vl-border); }\n.vylino-page.vyl-system .vl-directory a { display: inline-block; padding-block: .25rem; }\n.vylino-page.vyl-system .vl-related { padding-block-start: var(--vl-s6); border-block-start: 1px solid var(--vl-border); }\n\/* Optional parts: add these inside their own opt-in wrapper only. *\/\n.vylino-page.vyl-system .vl-header { padding-block: var(--vl-s4); border-block-end: 1px solid var(--vl-border); }\n.vylino-page.vyl-system .vl-header-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--vl-s4); }\n.vylino-page.vyl-system .vl-nav-list { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; padding: 0; margin: 0; list-style: none; }\n.vylino-page.vyl-system .vl-nav-list li { margin: 0; } .vylino-page.vyl-system .vl-nav-list a { display: inline-flex; align-items: center; min-block-size: 44px; }\n.vylino-page.vyl-system .vl-footer { padding-block: var(--vl-s7); border-block-start: 1px solid var(--vl-border); }\n.vylino-page.vyl-system .vl-footer-bottom { padding-block-start: var(--vl-s5); margin-block-start: var(--vl-s6); border-block-start: 1px solid var(--vl-border); }\n\n\/* 05. Actions. Elementor bridges target the rendered inner control. *\/\n.vylino-page.vyl-system .vl-button, .vylino-page.vyl-system .vl-btn-primary .elementor-button, .vylino-page.vyl-system .vl-btn-secondary .elementor-button, .vylino-page.vyl-system .vl-form-widget .elementor-button {\n  display: inline-flex; align-items: center; justify-content: center; gap: .625rem;\n  min-block-size: 50px; max-inline-size: 100%; padding: .8rem 1.4rem;\n  border: 1px solid var(--vl-button-border); border-radius: var(--vl-radius-sm);\n  background: var(--vl-button-bg); color: var(--vl-button-text); font-family: var(--vl-font-body);\n  font-size: 1rem; font-weight: 600; letter-spacing: -.01em; line-height: 1.4; text-align: center;\n  text-decoration: none; white-space: normal; cursor: pointer;\n  transition: background-color var(--vl-duration) var(--vl-ease), border-color var(--vl-duration) var(--vl-ease);\n}\n.vylino-page.vyl-system .vl-button:hover, .vylino-page.vyl-system .vl-btn-primary .elementor-button:hover, .vylino-page.vyl-system .vl-form-widget .elementor-button:hover { color: var(--vl-button-text); background: var(--vl-button-hover); border-color: var(--vl-button-hover); }\n.vylino-page.vyl-system .vl-button:active, .vylino-page.vyl-system .vl-btn-primary .elementor-button:active, .vylino-page.vyl-system .vl-form-widget .elementor-button:active { background: var(--vl-button-active); }\n.vylino-page.vyl-system .vl-button--secondary, .vylino-page.vyl-system .vl-btn-secondary .elementor-button { color: var(--vl-text); border-color: var(--vl-control-border); background: transparent; }\n.vylino-page.vyl-system .vl-button--secondary:hover, .vylino-page.vyl-system .vl-btn-secondary .elementor-button:hover { color: var(--vl-text); background: var(--vl-soft); border-color: var(--vl-text); }\n.vylino-page.vyl-system .vl-button--secondary:active, .vylino-page.vyl-system .vl-btn-secondary .elementor-button:active { background: var(--vl-border); }\n.vylino-page.vyl-system .vl-button--text { min-block-size: 44px; padding-inline: .25rem; border-color: transparent; color: var(--vl-link); background: transparent; text-decoration: underline; text-underline-offset: .2em; }\n.vylino-page.vyl-system .vl-button--text:hover, .vylino-page.vyl-system .vl-button--text:active { color: var(--vl-link-hover); background: transparent; border-color: transparent; }\n.vylino-page.vyl-system .vl-button--mint { color: var(--vl-navy); background: var(--vl-mint); border-color: var(--vl-mint); }\n.vylino-page.vyl-system .vl-button--mint:hover, .vylino-page.vyl-system .vl-button--mint:active { color: var(--vl-navy); background: var(--vl-white); border-color: var(--vl-white); }\n.vylino-page.vyl-system :is(.vl-button,.elementor-button):is(:disabled,[aria-disabled=true]) { opacity: .55; cursor: not-allowed; }\n.vylino-page.vyl-system :is(.vl-button,.elementor-button)[aria-busy=true] { cursor: progress; }\n.vylino-page.vyl-system .vl-button__status { inline-size: 1em; flex: 0 0 1em; }\n.vylino-page.vyl-system .vl-cta { padding: clamp(1.75rem, 5vw, 4.5rem); border: 1px solid var(--vl-border); border-radius: var(--vl-radius-lg); }\n.vylino-page.vyl-system .vl-cta h2 { max-inline-size: 24ch; }\n\n\/* 06. Services, industries and location coverage. *\/\n.vylino-page.vyl-system .vl-card { padding: clamp(1.5rem, 2.5vw, 2.25rem); background: var(--vl-surface); border: 1px solid var(--vl-border); border-radius: var(--vl-radius); box-shadow: var(--vl-elevation-1); }\n.vylino-page.vyl-system .vl-card > :last-child, .vylino-page.vyl-system .vl-brief > :last-child { margin-block-end: 0; }\n.vylino-page.vyl-system .vl-card--feature { border-block-start: 2px solid var(--vl-link); }\n.vylino-page.vyl-system .vl-service-row { display: grid; gap: var(--vl-s4); padding-block: var(--vl-s6); border-block-start: 1px solid var(--vl-border); }\n.vylino-page.vyl-system .vl-service-row h3 { margin: 0; }\n.vylino-page.vyl-system .vl-checklist { list-style: none; padding: 0; }\n.vylino-page.vyl-system .vl-checklist li { position: relative; padding-inline-start: 1.7rem; }\n.vylino-page.vyl-system .vl-checklist li::before { content: '\u2713'; position: absolute; inset-inline-start: 0; font-weight: 700; color: var(--vl-success); }\n.vylino-page.vyl-system .vl-process { list-style: none; counter-reset: vl-step; padding: 0; }\n.vylino-page.vyl-system .vl-process li { counter-increment: vl-step; position: relative; padding: 0; padding-block-end: var(--vl-s6); padding-inline-start: 3.75rem; border-inline-start: 1px solid var(--vl-border); margin-inline-start: 1.25rem; }\n.vylino-page.vyl-system .vl-process li::before { content: counter(vl-step,decimal-leading-zero); position: absolute; inset-inline-start: -1.25rem; inset-block-start: 0; display: grid; place-items: center; inline-size: 2.5rem; block-size: 2.5rem; border-radius: 50%; background: var(--vl-surface); border: 1px solid var(--vl-border); color: var(--vl-link); font-family: var(--vl-font-mono); font-size: .875rem; }\n.vylino-page.vyl-system .vl-process li:last-child { border-color: transparent; padding-block-end: 0; }\n.vylino-page.vyl-system .vl-note { padding: var(--vl-s5); background: var(--vl-soft); border-inline-start: 3px solid var(--vl-link); border-radius: 0 var(--vl-radius-sm) var(--vl-radius-sm) 0; }\n.vylino-page.vyl-system .vl-note > :last-child { margin-block-end: 0; }\n.vylino-page.vyl-system .vl-note--success { border-color: var(--vl-success); }\n.vylino-page.vyl-system .vl-note--warning { border-color: var(--vl-warning); }\n.vylino-page.vyl-system .vl-note--error { border-color: var(--vl-danger); }\n.vylino-page.vyl-system .vl-remote-note { font-size: var(--vl-text-sm); color: var(--vl-muted); padding-inline-start: var(--vl-s4); border-inline-start: 3px solid var(--vl-border); }\n.vylino-page.vyl-system .vl-result { display: block; padding: var(--vl-s6); border: 1px solid var(--vl-control-border); border-radius: var(--vl-radius); background: var(--vl-soft); font-variant-numeric: tabular-nums; }\n\n\/* 07. Editorial, comparison, evidence and FAQs. *\/\n.vylino-page.vyl-system .vl-table-scroll { max-inline-size: 100%; overflow-x: auto; border: 1px solid var(--vl-border); border-radius: var(--vl-radius); scrollbar-gutter: stable; }\n.vylino-page.vyl-system .vl-table { inline-size: 100%; min-inline-size: 38rem; border-collapse: collapse; text-align: start; }\n.vylino-page.vyl-system .vl-table caption { text-align: start; padding: var(--vl-s5); font-weight: 700; color: var(--vl-text); }\n.vylino-page.vyl-system .vl-table :is(th,td) { padding: var(--vl-s4) var(--vl-s5); border-block-start: 1px solid var(--vl-border); vertical-align: top; }\n.vylino-page.vyl-system .vl-table thead { background: var(--vl-soft); }\n.vylino-page.vyl-system .vl-table th { font-weight: 600; text-align: start; }\n.vylino-page.vyl-system .vl-table tbody th { inline-size: 28%; }\n.vylino-page.vyl-system .vl-sources { font-size: var(--vl-text-sm); color: var(--vl-muted); padding-block-start: var(--vl-s5); border-block-start: 1px solid var(--vl-border); }\n.vylino-page.vyl-system .vl-media { aspect-ratio: 16\/10; overflow: hidden; background: var(--vl-soft); border: 1px solid var(--vl-border); border-radius: var(--vl-radius); }\n.vylino-page.vyl-system .vl-media img { inline-size: 100%; block-size: 100%; object-fit: cover; }\n.vylino-page.vyl-system .vl-media--contain img { object-fit: contain; }\n.vylino-page.vyl-system .vl-quote { margin: 0; padding: var(--vl-s6); border: 1px solid var(--vl-border); border-radius: var(--vl-radius); }\n.vylino-page.vyl-system .vl-quote blockquote { border: 0; padding: 0; }\n.vylino-page.vyl-system .vl-quote figcaption { color: var(--vl-muted); }\n.vylino-page.vyl-system .vl-faq { border-block-start: 1px solid var(--vl-border); }\n.vylino-page.vyl-system .vl-faq details { border-block-end: 1px solid var(--vl-border); }\n.vylino-page.vyl-system .vl-faq summary { padding: 1.5rem .25rem; font-size: 1.125rem; font-weight: 600; color: var(--vl-text); }\n.vylino-page.vyl-system .vl-faq summary::marker { color: var(--vl-link); }\n.vylino-page.vyl-system .vl-faq summary:hover { color: var(--vl-link); }\n.vylino-page.vyl-system .vl-faq summary:active { opacity: .8; }\n.vylino-page.vyl-system .vl-faq details[open] { padding-block-end: var(--vl-s5); }\n.vylino-page.vyl-system .vl-faq details[open] summary { color: var(--vl-link); }\n.vylino-page.vyl-system .vl-faq details > :not(summary) { margin-inline: .25rem; max-inline-size: var(--vl-measure); }\n\n\/* 08. Form skin: use an actual form handler on WordPress. *\/\n.vylino-page.vyl-system .vl-field { margin-block-end: var(--vl-s5); }\n.vylino-page.vyl-system .vl-field label, .vylino-page.vyl-system .vl-form-widget .elementor-field-label { display: block; margin-block-end: var(--vl-s2); font-weight: 600; color: var(--vl-text); }\n.vylino-page.vyl-system .vl-form :where(fieldset) { border: 1px solid var(--vl-border); border-radius: var(--vl-radius); padding: var(--vl-s5); margin: 0 0 var(--vl-s5); min-inline-size: 0; }\n.vylino-page.vyl-system .vl-form :where(legend) { padding-inline: var(--vl-s2); font-weight: 600; }\n.vylino-page.vyl-system .vl-input, .vylino-page.vyl-system .vl-form-widget :is(input.elementor-field:not([type=checkbox]):not([type=radio]):not([type=hidden]),select.elementor-field,textarea.elementor-field) {\n  display: block; inline-size: 100%; min-inline-size: 0; min-block-size: 48px;\n  border: 1px solid var(--vl-control-border); border-radius: var(--vl-radius-sm);\n  padding: .75rem 1rem; background: var(--vl-surface); color: var(--vl-text);\n  font-family: var(--vl-font-body); font-size: 1rem; line-height: 1.5; box-shadow: none;\n}\n.vylino-page.vyl-system .vl-input::placeholder, .vylino-page.vyl-system .vl-form-widget .elementor-field::placeholder { color: var(--vl-muted); opacity: 1; }\n.vylino-page.vyl-system .vl-input:hover, .vylino-page.vyl-system .vl-form-widget .elementor-field:hover { border-color: var(--vl-text); }\n.vylino-page.vyl-system textarea.vl-input, .vylino-page.vyl-system .vl-form-widget textarea.elementor-field { min-block-size: 9rem; resize: vertical; }\n.vylino-page.vyl-system .vl-input[readonly] { background: var(--vl-soft); }\n.vylino-page.vyl-system .vl-input:disabled, .vylino-page.vyl-system .vl-form-widget .elementor-field:disabled { opacity: .65; cursor: not-allowed; background: var(--vl-soft); }\n.vylino-page.vyl-system .vl-input[aria-invalid=true], .vylino-page.vyl-system .vl-form-widget .elementor-field[aria-invalid=true] { border-color: var(--vl-danger); border-width: 2px; padding: calc(.75rem - 1px) calc(1rem - 1px); }\n.vylino-page.vyl-system .vl-help, .vylino-page.vyl-system .vl-error { display: block; margin-block-start: var(--vl-s2); font-size: var(--vl-text-sm); }\n.vylino-page.vyl-system .vl-help { color: var(--vl-muted); } .vylino-page.vyl-system .vl-error { color: var(--vl-danger); }\n.vylino-page.vyl-system .vl-choice { display: flex; gap: var(--vl-s3); align-items: start; min-block-size: 44px; padding-block: var(--vl-s2); cursor: pointer; }\n.vylino-page.vyl-system .vl-choice input { flex-shrink: 0; inline-size: 1.25rem; block-size: 1.25rem; margin-block-start: .2rem; accent-color: var(--vl-link); }\n.vylino-page.vyl-system .vl-form-widget :is(input[type=checkbox],input[type=radio]) { accent-color: var(--vl-link); }\n.vylino-page.vyl-system .vl-form-status { min-block-size: 1.65em; margin-block-start: var(--vl-s4); }\n\/* Native Heading\/Text Editor bridge; remove conflicting per-widget styles. *\/\n.vylino-page.vyl-system .vl-heading .elementor-heading-title { color: var(--vl-text); font-family: var(--vl-font-display); font-weight: var(--vl-display-weight); line-height: 1.12; }\n.vylino-page.vyl-system .vl-heading--h1 .elementor-heading-title { font-size: var(--vl-h1); letter-spacing: -.045em; }\n.vylino-page.vyl-system .vl-heading--h2 .elementor-heading-title { font-size: var(--vl-h2); letter-spacing: -.025em; }\n.vylino-page.vyl-system .vl-heading--h3 .elementor-heading-title { font-size: var(--vl-h3); }\n.vylino-page.vyl-system .vl-copy { color: var(--vl-text); font-family: var(--vl-font-body); font-size: 1rem; line-height: 1.65; }\n\n\n\/* 09. Editorial finishes. New opt-in components preserve earlier markup. *\/\n.vylino-page.vyl-system .vl-surface-canvas { background: var(--vl-canvas); }\n.vylino-page.vyl-system .vl-surface-tint { background: var(--vl-accent-tint); }\n.vylino-page.vyl-system .vl-accent-text { color: var(--vl-link); }\n.vylino-page.vyl-system .vl-kicker { display: inline-flex; align-items: center; gap: .65rem; margin-block-end: 1.5rem; font-size: .8125rem; letter-spacing: .11em; text-transform: uppercase; font-weight: 700; color: var(--vl-link); }\n.vylino-page.vyl-system .vl-kicker::before { content: ''; inline-size: 1.75rem; block-size: 2px; background: currentColor; }\n.vylino-page.vyl-system .vl-hero--signature { background: linear-gradient(115deg,var(--vl-bg) 34%,var(--vl-accent-wash) 72%,var(--vl-accent-tint)); border-block-end: 1px solid var(--vl-border); }\n.vylino-page.vyl-system .vl-hero--signature .vl-hero-title { max-inline-size: 19ch; }\n.vylino-page.vyl-system .vl-display { font-size: var(--vl-h1); font-family: var(--vl-font-display); font-weight: var(--vl-display-weight); letter-spacing: -.045em; line-height: 1.08; }\n.vylino-page.vyl-system .vl-section-head { display: grid; gap: 1rem 3rem; margin-block-end: clamp(2rem,4vw,3.5rem); }\n.vylino-page.vyl-system .vl-section-head > :last-child { margin-block-end: 0; }\n.vylino-page.vyl-system .vl-card--quiet { box-shadow: none; background: var(--vl-accent-wash); }\n.vylino-page.vyl-system .vl-card--link { display: block; text-decoration: none; color: var(--vl-text); transition: border-color var(--vl-duration),box-shadow var(--vl-duration); }\n.vylino-page.vyl-system .vl-card--link:hover { border-color: var(--vl-control-border); box-shadow: var(--vl-elevation-2); color: var(--vl-text); }\n.vylino-page.vyl-system .vl-card--link:active { box-shadow: var(--vl-elevation-1); }\n.vylino-page.vyl-system .vl-card-label { color: var(--vl-muted); font-size: .8125rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; margin-block-end: 1.5rem; }\n.vylino-page.vyl-system .vl-link-arrow { display: inline-flex; align-items: center; gap: .75rem; min-block-size: 44px; font-weight: 600; }\n.vylino-page.vyl-system .vl-link-arrow svg { inline-size: 1.125rem; block-size: 1.125rem; flex: 0 0 auto; }\n.vylino-page.vyl-system .vl-badge { display: inline-flex; align-items: center; padding: .4rem .75rem; border: 1px solid var(--vl-border); border-radius: 99px; color: var(--vl-link); background: var(--vl-accent-tint); font-size: .8125rem; line-height: 1.4; font-weight: 600; }\n.vylino-page.vyl-system .vl-rule { inline-size: 3rem; block-size: 3px; background: var(--vl-link); margin-block: 1.5rem; }\n.vylino-page.vyl-system .vl-feature-list { list-style: none; padding: 0; margin: 0; }\n.vylino-page.vyl-system .vl-feature-list li { padding-block: 1.1rem; border-block-end: 1px solid var(--vl-border); }\n.vylino-page.vyl-system .vl-feature-list li:last-child { border: 0; }\n.vylino-page.vyl-system .vl-feature-list strong { display: block; margin-block-end: .25rem; }\n.vylino-page.vyl-system .vl-project { display: grid; gap: 1.5rem; }\n.vylino-page.vyl-system .vl-project .vl-media { border-radius: var(--vl-radius-lg); box-shadow: var(--vl-elevation-1); }\n.vylino-page.vyl-system .vl-quote { background: var(--vl-surface); box-shadow: var(--vl-elevation-1); }\n.vylino-page.vyl-system .vl-quote blockquote { font-family: var(--vl-font-display); line-height: 1.5; letter-spacing: -.01em; }\n.vylino-page.vyl-system .vl-table caption { font-family: var(--vl-font-display); padding-block: 1.5rem; font-size: 1.125rem; }\n.vylino-page.vyl-system .vl-table tbody tr:nth-child(even) { background: var(--vl-soft); }\n.vylino-page.vyl-system .vl-table :is(th,td) { line-height: 1.55; }\n.vylino-page.vyl-system .vl-form .vl-input:focus-visible, .vylino-page.vyl-system .vl-form-widget .elementor-field:focus-visible { border-color: var(--vl-focus); }\n.vylino-page.vyl-system .vl-faq details[open] { background: var(--vl-soft); padding-inline: 1rem; border-radius: var(--vl-radius-sm); }\n.vylino-page.vyl-system .vl-faq details { padding-inline: 1rem; }\n.vylino-page.vyl-system .vl-faq details:not([open]):hover { background: var(--vl-soft); }\n.vylino-page.vyl-system .vl-toc { box-shadow: var(--vl-elevation-1); }\n.vylino-page.vyl-system .vl-toc a[aria-current] { color: var(--vl-link); font-weight: 700; }\n.vylino-page.vyl-system.vl-dark .vl-card--quiet, .vylino-page.vyl-system .vl-dark .vl-card--quiet { background: var(--vl-surface); }\n.vylino-page.vyl-system.vl-dark :is(.vl-badge,.vl-surface-tint,.vl-surface-canvas), .vylino-page.vyl-system .vl-dark :is(.vl-badge,.vl-surface-tint,.vl-surface-canvas) { background: var(--vl-soft); }\n.vylino-page.vyl-system.vl-dark .vl-hero--signature, .vylino-page.vyl-system .vl-hero--signature.vl-dark, .vylino-page.vyl-system .vl-dark .vl-hero--signature { background: var(--vl-bg); }\n.vylino-page.vyl-system .vl-heading--accent .elementor-heading-title { color: var(--vl-link); }\n.vylino-page.vyl-system .vl-heading--display .elementor-heading-title { font-size: var(--vl-h1); letter-spacing: -.045em; line-height: 1.08; }\n.vylino-page.vyl-system :where(a,button)[aria-disabled=true] { cursor: not-allowed; }\n\n\/* 10. Responsive: 40rem \/ 64rem. Small screens keep document scrolling. *\/\n@media (min-width: 40rem) {\n  .vylino-page.vyl-system .vl-grid--2, .vylino-page.vyl-system .vl-grid--3, .vylino-page.vyl-system .vl-grid--4, .vylino-page.vyl-system .vl-directory { grid-template-columns: repeat(2,minmax(0,1fr)); }\n  .vylino-page.vyl-system .vl-service-row { grid-template-columns: minmax(0,1fr) minmax(0,1.7fr); }\n}\n@media (min-width: 64rem) {\n  .vylino-page.vyl-system .vl-section-head { grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); align-items: end; }\n  .vylino-page.vyl-system .vl-grid--3 { grid-template-columns: repeat(3,minmax(0,1fr)); }\n  .vylino-page.vyl-system .vl-grid--4 { grid-template-columns: repeat(4,minmax(0,1fr)); }\n  .vylino-page.vyl-system .vl-split { grid-template-columns: minmax(0,1.35fr) minmax(0,1fr); gap: var(--vl-s8); align-items: center; }\n  .vylino-page.vyl-system .vl-split--equal { grid-template-columns: repeat(2,minmax(0,1fr)); }\n  .vylino-page.vyl-system .vl-article-layout { grid-template-columns: minmax(0,1fr) 17rem; gap: var(--vl-s7); }\n}\n@media (min-width: 64rem) and (min-height: 48rem) {\n  .vylino-page.vyl-system .vl-sticky { position: sticky; top: calc(var(--vl-header-offset) + var(--vl-admin-offset) + 1rem); max-block-size: calc(100dvh - var(--vl-header-offset) - var(--vl-admin-offset) - 3rem); overflow-y: auto; }\n}\n.admin-bar .vylino-page.vyl-system { --vl-admin-offset: 32px; }\n@media (max-width: 782px) { .admin-bar .vylino-page.vyl-system { --vl-admin-offset: 46px; } }\n@media (max-width: 39.99rem) {\n  .vylino-page.vyl-system .vl-actions { align-items: stretch; }\n  .vylino-page.vyl-system .vl-actions > .vl-button { inline-size: 100%; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .vylino-page.vyl-system *, .vylino-page.vyl-system *::before, .vylino-page.vyl-system *::after { animation: none; transition: none; scroll-behavior: auto; }\n}\n@media (forced-colors: active) {\n  .vylino-page.vyl-system, .vylino-page.vyl-system.vl-dark, .vylino-page.vyl-system .vl-dark { --vl-focus: Highlight; --vl-control-border: ButtonText; }\n  .vylino-page.vyl-system * { scrollbar-color: auto; }\n  .vylino-page.vyl-system :is(.vl-button,.elementor-button,.vl-input) { border-color: ButtonText; }\n  .vylino-page.vyl-system :where(:focus-visible) { outline-color: Highlight; }\n}\n@media print {\n  .vylino-page.vyl-system :is(.vl-hero--signature,.vl-surface-tint,.vl-surface-canvas,.vl-card--quiet) { background: #ffffff; }\n  .vylino-page.vyl-system, .vylino-page.vyl-system.vl-dark, .vylino-page.vyl-system .vl-dark { --vl-text: #000000; --vl-muted: #333333; --vl-bg: #ffffff; --vl-soft: #f2f2f2; --vl-surface: #ffffff; --vl-link: #000000; --vl-border: #777777; color: #000000; background: #ffffff; }\n  .vylino-page.vyl-system .vl-section, .vylino-page.vyl-system .vl-hero { padding-block: 1rem; }\n  .vylino-page.vyl-system .vl-container { inline-size: 100%; }\n  .vylino-page.vyl-system :is(.vl-skip,.vl-header,.vl-footer,.vl-no-print,.vl-actions,.vl-form-widget) { display: none; }\n  .vylino-page.vyl-system .vl-sticky { position: static; max-block-size: none; overflow: visible; }\n  .vylino-page.vyl-system .vl-article-layout, .vylino-page.vyl-system .vl-split { display: block; }\n  .vylino-page.vyl-system .vl-table-scroll { overflow: visible; }\n  .vylino-page.vyl-system .vl-table { min-inline-size: 0; font-size: .8rem; table-layout: fixed; }\n  .vylino-page.vyl-system .vl-table :is(th,td) { padding: .4rem; }\n  .vylino-page.vyl-system :is(h2,h3,summary) { break-after: avoid; }\n  .vylino-page.vyl-system :is(.vl-card,.vl-note,figure,tr) { break-inside: avoid; box-shadow: none; }\n  .vylino-page.vyl-system a { text-decoration: underline; }\n}\n\n\/* VYLINO homepage integration 1.0.0 | Shared design system 1.1.0\n   Thin Elementor layout bridge. No global header\/footer or legacy-page reset. *\/\n.vylino-page.vyl-system.vl-page--home {\n  --vl-header-offset: 9rem;\n  --display: flex;\n  --flex-direction: column;\n  --gap: 0px;\n  --container-widget-width: 100%;\n  --container-widget-flex-grow: 0;\n  padding: 0;\n  gap: 0;\n  width: 100%;\n  max-width: none;\n}\n.vylino-page.vyl-system.vl-page--home > .elementor-widget-html {\n  width: 100%;\n  max-width: 100%;\n  margin: 0;\n}\n.vylino-page.vyl-system.vl-page--home .vl-home-brief-title {\n  font-size: var(--vl-h3);\n  letter-spacing: -.02em;\n}\n.vylino-page.vyl-system.vl-page--home .vl-home-contact {\n  --display: flex;\n  --flex-direction: column;\n  --gap: 0px;\n  padding: var(--vl-section) 0;\n  width: 100%;\n  max-width: none;\n}\n.vylino-page.vyl-system.vl-page--home .vl-home-contact-actions {\n  justify-content: center;\n}\n.vylino-page.vyl-system.vl-page--home .vl-home-form {\n  width: min(calc(100% - var(--vl-gutter) * 2), 46rem);\n  max-width: 46rem;\n  margin: 0 auto;\n  padding: clamp(1.25rem,3vw,2rem);\n  border: 1px solid var(--vl-border);\n  border-radius: var(--vl-radius);\n  background: var(--vl-surface);\n  box-shadow: var(--vl-elevation-1);\n}\n.vylino-page.vyl-system.vl-page--home .vl-home-form .elementor-field-group {\n  margin-block-end: var(--vl-s4);\n}\n.vylino-page.vyl-system.vl-page--home .vl-home-form .elementor-button {\n  white-space: normal;\n}\n.vylino-page.vyl-system.vl-page--home .vl-home-form .elementor-message {\n  line-height: 1.5;\n}\n.vylino-page.vyl-system.vl-page--home .vl-home-form .elementor-message-danger {\n  color: var(--vl-danger);\n}\n.vylino-page.vyl-system.vl-page--home .vl-home-form .elementor-message-success {\n  color: var(--vl-success);\n}\n\n\/* VYLINO shared header and footer | 1.0.0 | 2026-09-10 *\/\n[data-elementor-type=\"header\"][data-elementor-id=\"329\"]{position:relative;z-index:40}\n.vylino-page.vyl-system.vl-site-header,.vylino-page.vyl-system.vl-site-footer{--display:flex;--flex-direction:column;--gap:0px;gap:0;padding:0;width:100%;max-width:none}\n.vylino-page.vyl-system.vl-site-header>.elementor-widget-html,.vylino-page.vyl-system.vl-site-footer>.elementor-widget-html{width:100%;max-width:100%;margin:0}\n.vylino-page.vyl-system.vl-site-header{border-bottom:1px solid var(--vl-border)}\n.vylino-page.vyl-system .vl-site-utility{background:var(--vl-soft);font-size:.8125rem;color:var(--vl-muted)}\n.vylino-page.vyl-system .vl-utility-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:36px}\n.vylino-page.vyl-system .vl-utility-inner a{color:var(--vl-text);text-decoration:none;padding:.4rem 0}\n.vylino-page.vyl-system .vl-header-main{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:100px;position:relative}\n.vylino-page.vyl-system .vl-brand-link{display:flex;flex-direction:column;gap:.4rem;text-decoration:none;flex-shrink:0}\n.vylino-page.vyl-system .vl-brand-link img{width:151px;height:auto}\n.vylino-page.vyl-system .vl-brand-link span{font-size:.6875rem;letter-spacing:.02em;color:var(--vl-muted)}\n.vylino-page.vyl-system .vl-desktop-nav{display:flex;align-items:center;gap:1.5rem;margin-left:auto}\n.vylino-page.vyl-system .vl-desktop-nav>a,.vylino-page.vyl-system .vl-service-menu>summary{display:flex;align-items:center;gap:.5rem;min-height:48px;padding:.5rem 0;font-weight:600;font-size:.9375rem;color:var(--vl-text);text-decoration:none}\n.vylino-page.vyl-system .vl-service-menu>summary:after{content:'\u2304';font-size:1rem}\n.vylino-page.vyl-system .vl-service-menu>summary{list-style:none}\n.vylino-page.vyl-system .vl-service-menu>summary::-webkit-details-marker{display:none}\n.vylino-page.vyl-system .vl-service-menu[open]>summary,.vylino-page.vyl-system .vl-desktop-nav a:hover{color:var(--vl-link)}\n.vylino-page.vyl-system .vl-service-panel{position:absolute;right:0;top:calc(100% - .25rem);width:min(42rem,100%);padding:2rem;background:var(--vl-bg);border:1px solid var(--vl-border);border-radius:var(--vl-radius);box-shadow:var(--vl-elevation-2);z-index:5}\n.vylino-page.vyl-system .vl-service-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem 1.5rem}\n.vylino-page.vyl-system .vl-service-links a{padding:.8rem .5rem;color:var(--vl-text);text-decoration:none;border-bottom:1px solid var(--vl-border);font-weight:600}\n.vylino-page.vyl-system .vl-service-links a:hover{background:var(--vl-soft);color:var(--vl-link)}\n.vylino-page.vyl-system .vl-service-panel>p:last-child{font-size:.875rem;color:var(--vl-muted);margin:1.25rem 0 0}\n.vylino-page.vyl-system .vl-mobile-menu{display:none}\n.vylino-page.vyl-system .vl-header-cta{font-size:.9375rem;min-height:48px;padding:.65rem 1.1rem;flex-shrink:0}\n.vylino-page.vyl-system.vl-site-footer{padding-top:clamp(3rem,5vw,5rem)}\n.vylino-page.vyl-system .vl-footer-invitation{display:flex;justify-content:space-between;gap:3rem;align-items:center;padding-bottom:3.5rem;border-bottom:1px solid var(--vl-border)}\n.vylino-page.vyl-system .vl-footer-invitation h2{font-size:clamp(2rem,3.8vw,3.65rem);line-height:1.12;letter-spacing:-.035em;text-transform:none}\n.vylino-page.vyl-system .vl-footer-invitation p:last-child{margin:0;color:var(--vl-muted)}\n.vylino-page.vyl-system .vl-footer-actions{display:flex;flex-direction:column;gap:.75rem;min-width:13rem}\n.vylino-page.vyl-system .vl-footer-columns{display:grid;grid-template-columns:1.3fr 1fr .9fr 1.1fr;gap:2.5rem;padding:3.5rem 0}\n.vylino-page.vyl-system .vl-footer-wordmark{display:inline-block;font-family:var(--vl-font-display);font-size:2rem;font-weight:750;letter-spacing:.09em;color:var(--vl-text);text-decoration:none;margin-bottom:1.25rem}\n.vylino-page.vyl-system .vl-footer-wordmark span{color:var(--vl-mint)}\n.vylino-page.vyl-system .vl-footer-columns h3{font-family:var(--vl-font-body);font-size:.9375rem;font-weight:700;margin:0 0 1rem;text-transform:none}\n.vylino-page.vyl-system .vl-footer-columns p,.vylino-page.vyl-system .vl-footer-columns address{font-size:.9375rem;color:var(--vl-muted);font-style:normal}\n.vylino-page.vyl-system .vl-footer-columns nav>a,.vylino-page.vyl-system .vl-footer-contact>a{display:block;color:var(--vl-muted);font-size:.9375rem;text-decoration:none;padding:.55rem 0;line-height:1.5;min-height:40px}\n.vylino-page.vyl-system .vl-footer-columns a:hover{color:var(--vl-text);text-decoration:underline}\n.vylino-page.vyl-system .vl-footer-remote{border-left:2px solid var(--vl-mint);padding-left:.8rem;margin-top:1.25rem}\n.vylino-page.vyl-system .vl-footer-social{display:flex;flex-wrap:wrap;gap:0 1rem;margin-top:1rem}\n.vylino-page.vyl-system .vl-footer-social>a{font-size:.8125rem!important}\n.vylino-page.vyl-system .vl-footer-customer{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1.5rem;padding:1.25rem 0;border-top:1px solid var(--vl-border);border-bottom:1px solid var(--vl-border);font-size:.875rem}\n.vylino-page.vyl-system .vl-footer-customer span{color:var(--vl-muted);margin-right:auto}\n.vylino-page.vyl-system .vl-footer-customer a{padding:.5rem 0;color:var(--vl-text)}\n.vylino-page.vyl-system .vl-footer-subscribe{width:min(calc(100% - var(--vl-gutter)*2),var(--vl-max));margin:0 auto;padding:2rem 0;display:flex;--flex-direction:row;flex-direction:row;align-items:center;gap:2rem;--gap:2rem;background:transparent}\n.vylino-page.vyl-system .vl-footer-subscribe .elementor-widget-html{flex:1;width:auto}\n.vylino-page.vyl-system .vl-footer-subscribe h3{font-size:1.1rem;text-transform:none;margin-bottom:.5rem}\n.vylino-page.vyl-system .vl-footer-subscribe p{font-size:.875rem;color:var(--vl-muted);margin:0}\n.vylino-page.vyl-system .vl-footer-subscribe .vl-form-widget{width:26rem;max-width:100%;margin:0}\n.vylino-page.vyl-system .vl-footer-subscribe .elementor-field-label{font-size:.875rem}\n.vylino-page.vyl-system .vl-footer-bottomline{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;align-items:center;border-top:1px solid var(--vl-border);padding:1.25rem 0;font-size:.8125rem;color:var(--vl-muted)}\n.vylino-page.vyl-system .vl-footer-bottomline>span{margin-right:auto}\n.vylino-page.vyl-system .vl-footer-bottomline a{padding:.5rem 0;color:var(--vl-muted)}\n@media(max-width:1100px){.vylino-page.vyl-system .vl-desktop-nav{gap:1rem}.vylino-page.vyl-system .vl-brand-link span{display:none}.vylino-page.vyl-system .vl-footer-columns{gap:1.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}}\n@media(max-width:959px){.vylino-page.vyl-system .vl-desktop-nav,.vylino-page.vyl-system .vl-header-cta{display:none}.vylino-page.vyl-system .vl-mobile-menu{display:block}.vylino-page.vyl-system .vl-header-main{min-height:84px;flex-wrap:wrap;gap:0}.vylino-page.vyl-system .vl-brand-link{position:absolute;top:1rem;left:0}.vylino-page.vyl-system .vl-mobile-menu{width:100%;padding:1rem 0}.vylino-page.vyl-system .vl-mobile-menu>summary{display:flex;align-items:center;justify-content:center;gap:.6rem;list-style:none;min-height:48px;width:6rem;margin-left:auto;border:1px solid var(--vl-control-border);border-radius:var(--vl-radius-sm);font-weight:600}.vylino-page.vyl-system .vl-mobile-menu>summary::-webkit-details-marker{display:none}.vylino-page.vyl-system .vl-mobile-menu>nav{display:flex;flex-direction:column;gap:0;padding:1rem 0;border-top:1px solid var(--vl-border);margin-top:1rem}.vylino-page.vyl-system .vl-mobile-menu nav a,.vylino-page.vyl-system .vl-mobile-menu nav summary{display:block;padding:.8rem .5rem;color:var(--vl-text);text-decoration:none;font-weight:600;min-height:48px}.vylino-page.vyl-system .vl-mobile-menu nav details>div{padding-left:1rem;border-left:2px solid var(--vl-border)}.vylino-page.vyl-system .vl-mobile-menu nav .vl-button{color:var(--vl-button-text);margin-top:.75rem}.vylino-page.vyl-system .vl-mobile-menu summary:hover{background:var(--vl-soft)}.vylino-page.vyl-system .vl-footer-invitation{align-items:flex-start;flex-direction:column;gap:1.5rem}.vylino-page.vyl-system .vl-footer-actions{flex-direction:row;flex-wrap:wrap}.vylino-page.vyl-system .vl-footer-subscribe{flex-direction:column;--flex-direction:column;align-items:stretch}.vylino-page.vyl-system .vl-footer-subscribe .elementor-widget-html{width:100%}}\n@media(max-width:540px){.vylino-page.vyl-system .vl-utility-inner>span{display:none}.vylino-page.vyl-system .vl-utility-inner{justify-content:center}.vylino-page.vyl-system .vl-footer-columns{grid-template-columns:minmax(0,1fr);gap:2rem}.vylino-page.vyl-system .vl-footer-columns nav>a{min-height:44px}.vylino-page.vyl-system .vl-footer-invitation br{display:none}.vylino-page.vyl-system .vl-footer-customer>span{width:100%}.vylino-page.vyl-system .vl-footer-bottomline>span{width:100%}.vylino-page.vyl-system .vl-footer-actions{width:100%}.vylino-page.vyl-system .vl-footer-actions a{width:100%}}\n@media print{.vylino-page.vyl-system.vl-site-header,.vylino-page.vyl-system.vl-site-footer{display:none}}\n\/* VYLINO shared design system | 1.1.0 | 2026-09-09\n   Canonical file: vylino-shared.css. Install ONCE as raw CSS.\n   Opt in: class=\"vylino-page vyl-system\" on an outer container.\n   No imported fonts, framework, JavaScript dependency, or global reset.\n   Refined colour families and component finishes; replaces v1.0.0 in full.\n   Theme class goes on the same outer wrapper. Verify on WordPress staging.\n*\/\n.vylino-page.vyl-system {\n  \/* Brand identity remains stable; thematic accents change by page family. *\/\n  --vl-brand: #2D50C7;\n  --vl-accent: #2D50C7; --vl-accent-hover: #2441A6; --vl-accent-active: #1C3283;\n  --vl-accent-tint: #EFF3FF; --vl-accent-wash: #F8FAFF;\n  --vl-accent-bright: #BCCBFF; --vl-sector-ink: #142339;\n  --vl-canvas: #F6F8FB;\n  --vl-on-accent: #ffffff;\n  --vl-button-bg: var(--vl-accent); --vl-button-hover: var(--vl-accent-hover);\n  --vl-button-active: var(--vl-accent-active); --vl-button-text: var(--vl-on-accent);\n  --vl-button-border: var(--vl-accent);\n  --vl-elevation-1: 0 2px 6px rgb(20 35 57 \/ .035), 0 14px 32px rgb(20 35 57 \/ .045);\n  --vl-elevation-2: 0 3px 10px rgb(20 35 57 \/ .04), 0 26px 58px -18px rgb(20 35 57 \/ .16);\n  --vl-hairline: rgb(20 35 57 \/ .07);\n  --vl-display-weight: 650;\n  --vl-navy: #142339;\n  --vl-cobalt: #2D50C7;\n  --vl-pale: #F2F5F9;\n  --vl-slate: #536277;\n  --vl-line: #DCE3EC;\n  --vl-mint: #BFE3DB;\n  --vl-white: #ffffff;\n  --vl-brand-hover: #2441A6;\n  --vl-brand-active: #1C3283;\n  --vl-text: var(--vl-navy);\n  --vl-muted: var(--vl-slate);\n  --vl-bg: var(--vl-white);\n  --vl-surface: var(--vl-white);\n  --vl-soft: var(--vl-pale);\n  --vl-border: var(--vl-line);\n  --vl-control-border: #718297;\n  --vl-link: var(--vl-accent);\n  --vl-link-hover: var(--vl-accent-hover);\n  --vl-focus: var(--vl-accent);\n  --vl-success: #176442;\n  --vl-warning: #785000;\n  --vl-danger: #aa2236;\n  --vl-scroll-thumb: #718297;\n  --vl-scroll-track: var(--vl-soft);\n  --vl-scroll-hover: var(--vl-muted);\n  --vl-scroll-active: var(--vl-text);\n  --vl-font-display: 'Manrope', 'Avenir Next', 'Aptos Display', 'Segoe UI', system-ui, sans-serif;\n  --vl-font-body: 'Source Sans 3', 'Segoe UI', 'Noto Sans Devanagari', system-ui, sans-serif;\n  --vl-font-mono: ui-monospace, 'Cascadia Code', Consolas, monospace;\n  --vl-text-xs: .8125rem;\n  --vl-text-sm: .9375rem;\n  --vl-text-base: 1rem;\n  --vl-text-lg: clamp(1.125rem, 1.02rem + .4vw, 1.375rem);\n  --vl-h1: clamp(2.35rem, 1.55rem + 3.4vw, 5.25rem);\n  --vl-h2: clamp(1.85rem, 1.3rem + 2vw, 3.35rem);\n  --vl-h3: clamp(1.375rem, 1.15rem + .7vw, 1.875rem);\n  --vl-s1: .25rem; --vl-s2: .5rem; --vl-s3: .75rem;\n  --vl-s4: 1rem; --vl-s5: 1.5rem; --vl-s6: 2rem;\n  --vl-s7: 3rem; --vl-s8: 4rem; --vl-s9: 6rem;\n  --vl-section: clamp(3rem, 1.8rem + 4vw, 6rem);\n  --vl-gutter: clamp(1rem, 3vw, 2rem);\n  --vl-max: 75rem; --vl-measure: 68ch;\n  --vl-radius-sm: .625rem; --vl-radius: 1rem; --vl-radius-lg: 1.75rem;\n  --vl-shadow: 0 12px 36px rgb(18 36 58 \/ .08);\n  --vl-duration: 180ms; --vl-ease: ease-out;\n  \/* Set to observed sticky-header height; .vl-sticky is opt-in. *\/\n  --vl-header-offset: 0px; --vl-admin-offset: 0px;\n  color: var(--vl-text); background: var(--vl-bg);\n  font-family: var(--vl-font-body); font-size: var(--vl-text-base);\n  line-height: 1.65; text-align: start; overflow-wrap: anywhere;\n  min-inline-size: 0; isolation: isolate;\n}\n\n\n\/* Page families: select ONE modifier on the outer wrapper, never infer from URL. *\/\n.vylino-page.vyl-system.vl-theme-brand, .vylino-page.vyl-system.vl-theme-services {\n  --vl-accent: #2D50C7;\n  --vl-accent-hover: #2441A6;\n  --vl-accent-active: #1C3283;\n  --vl-accent-tint: #EFF3FF;\n  --vl-accent-wash: #F8FAFF;\n  --vl-accent-bright: #BCCBFF;\n  --vl-sector-ink: #142339;\n}\n.vylino-page.vyl-system.vl-theme-healthcare {\n  --vl-accent: #126B69;\n  --vl-accent-hover: #105653;\n  --vl-accent-active: #0C4240;\n  --vl-accent-tint: #EAF5F2;\n  --vl-accent-wash: #F7FBFA;\n  --vl-accent-bright: #A9DED4;\n  --vl-sector-ink: #143331;\n}\n.vylino-page.vyl-system.vl-theme-education {\n  --vl-accent: #5651A6;\n  --vl-accent-hover: #454188;\n  --vl-accent-active: #353169;\n  --vl-accent-tint: #F0EFFA;\n  --vl-accent-wash: #FAFAFE;\n  --vl-accent-bright: #CEC9F4;\n  --vl-sector-ink: #25283D;\n}\n.vylino-page.vyl-system.vl-theme-commerce {\n  --vl-accent: #78467A;\n  --vl-accent-hover: #623963;\n  --vl-accent-active: #4B2C4D;\n  --vl-accent-tint: #F7EFF6;\n  --vl-accent-wash: #FCF9FC;\n  --vl-accent-bright: #E5C1E2;\n  --vl-sector-ink: #352738;\n}\n.vylino-page.vyl-system.vl-theme-professional {\n  --vl-accent: #294F78;\n  --vl-accent-hover: #213F61;\n  --vl-accent-active: #182F49;\n  --vl-accent-tint: #EEF3F8;\n  --vl-accent-wash: #F8FAFC;\n  --vl-accent-bright: #BCD3EC;\n  --vl-sector-ink: #192B40;\n}\n.vylino-page.vyl-system.vl-theme-hospitality {\n  --vl-accent: #805B32;\n  --vl-accent-hover: #674A29;\n  --vl-accent-active: #50391F;\n  --vl-accent-tint: #F6F1E8;\n  --vl-accent-wash: #FCFAF6;\n  --vl-accent-bright: #E8D1AD;\n  --vl-sector-ink: #332D25;\n}\n.vylino-page.vyl-system.vl-theme-industrial {\n  --vl-accent: #355D70;\n  --vl-accent-hover: #294B5B;\n  --vl-accent-active: #203B47;\n  --vl-accent-tint: #EDF3F5;\n  --vl-accent-wash: #F8FAFB;\n  --vl-accent-bright: #B9D7E2;\n  --vl-sector-ink: #20313B;\n}\n.vylino-page.vyl-system.vl-theme-locations {\n  --vl-accent: #23627B;\n  --vl-accent-hover: #1C4F64;\n  --vl-accent-active: #153C4C;\n  --vl-accent-tint: #ECF4F8;\n  --vl-accent-wash: #F7FAFC;\n  --vl-accent-bright: #B7DCEB;\n  --vl-sector-ink: #192E3B;\n}\n.vylino-page.vyl-system.vl-theme-resources {\n  --vl-accent: #465B77;\n  --vl-accent-hover: #38495F;\n  --vl-accent-active: #293647;\n  --vl-accent-tint: #F0F3F7;\n  --vl-accent-wash: #F9FAFC;\n  --vl-accent-bright: #CDD8E8;\n  --vl-sector-ink: #243044;\n}\n\n\/* 01. Foundation: :where keeps element defaults below component rules. *\/\n.vylino-page.vyl-system, .vylino-page.vyl-system *, .vylino-page.vyl-system *::before, .vylino-page.vyl-system *::after { box-sizing: border-box; }\n.vylino-page.vyl-system, .vylino-page.vyl-system * { scrollbar-width: auto; scrollbar-color: var(--vl-scroll-thumb) var(--vl-scroll-track); }\n.vylino-page.vyl-system ::-webkit-scrollbar { width: 12px; height: 12px; }\n.vylino-page.vyl-system ::-webkit-scrollbar-track { background: var(--vl-scroll-track); }\n.vylino-page.vyl-system ::-webkit-scrollbar-thumb { background: var(--vl-scroll-thumb); border: 3px solid var(--vl-scroll-track); border-radius: 8px; }\n.vylino-page.vyl-system ::-webkit-scrollbar-thumb:hover { background: var(--vl-scroll-hover); }\n.vylino-page.vyl-system ::-webkit-scrollbar-thumb:active { background: var(--vl-scroll-active); }\n.vylino-page.vyl-system :where(h1,h2,h3,h4,h5,h6) { margin: 0 0 var(--vl-s4); font-family: var(--vl-font-display); font-weight: var(--vl-display-weight); color: var(--vl-text); line-height: 1.12; text-wrap: balance; }\n.vylino-page.vyl-system :where(h1) { font-size: var(--vl-h1); letter-spacing: -.045em; }\n.vylino-page.vyl-system :where(h2) { font-size: var(--vl-h2); letter-spacing: -.025em; }\n.vylino-page.vyl-system :where(h3) { font-size: var(--vl-h3); letter-spacing: -.015em; }\n.vylino-page.vyl-system :where(h4) { font-size: 1.25rem; }\n.vylino-page.vyl-system :where(h5) { font-size: 1.125rem; }\n.vylino-page.vyl-system :where(h6) { font-size: 1rem; }\n.vylino-page.vyl-system :where(p,ul,ol,dl,figure,blockquote,pre) { margin: 0 0 var(--vl-s5); }\n.vylino-page.vyl-system :where(ul,ol) { padding-inline-start: 1.5em; }\n.vylino-page.vyl-system :where(li + li) { margin-block-start: var(--vl-s2); }\n.vylino-page.vyl-system :where(a) { color: var(--vl-link); text-decoration: underline; text-underline-offset: .2em; text-decoration-thickness: 1px; cursor: pointer; }\n.vylino-page.vyl-system :where(a:hover) { color: var(--vl-link-hover); text-decoration-thickness: 2px; }\n.vylino-page.vyl-system :where(a:active) { opacity: .85; }\n.vylino-page.vyl-system :where(button,summary,select,input[type=checkbox],input[type=radio]) { cursor: pointer; }\n.vylino-page.vyl-system :where(button,input,select,textarea) { font: inherit; }\n.vylino-page.vyl-system :where(img,video,iframe,svg) { max-inline-size: 100%; }\n.vylino-page.vyl-system :where(img,video) { display: block; block-size: auto; }\n.vylino-page.vyl-system :where(small,figcaption) { font-size: var(--vl-text-sm); color: var(--vl-muted); }\n.vylino-page.vyl-system :where(figure img) { border-radius: var(--vl-radius); }\n.vylino-page.vyl-system :where(figcaption) { margin-block-start: var(--vl-s3); }\n.vylino-page.vyl-system :where(blockquote) { border-inline-start: 3px solid var(--vl-link); padding-inline-start: var(--vl-s5); font-size: var(--vl-text-lg); }\n.vylino-page.vyl-system :where(hr) { border: 0; border-block-start: 1px solid var(--vl-border); margin-block: var(--vl-s7); }\n.vylino-page.vyl-system :where(code,kbd,pre) { font-family: var(--vl-font-mono); font-size: .925em; }\n.vylino-page.vyl-system :where(code,kbd) { background: var(--vl-soft); padding: .1em .3em; border-radius: .2em; }\n.vylino-page.vyl-system :where(pre) { padding: var(--vl-s5); background: var(--vl-soft); overflow: auto; white-space: pre-wrap; }\n.vylino-page.vyl-system :where(dt) { font-weight: 700; }\n.vylino-page.vyl-system :where(dd) { margin: 0 0 var(--vl-s4); }\n.vylino-page.vyl-system :where(:focus-visible) { outline: 3px solid var(--vl-focus); outline-offset: 4px; }\n.vylino-page.vyl-system :where([id],a,button,input,select,textarea,summary) { scroll-margin-block-start: calc(var(--vl-header-offset) + var(--vl-admin-offset) + 1.5rem); }\n.vylino-page.vyl-system ::selection { color: var(--vl-navy); background: var(--vl-mint); }\n.vylino-page.vyl-system .vl-sr-only { position: absolute; inline-size: 1px; block-size: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }\n.vylino-page.vyl-system .vl-skip { position: absolute; inset-block-start: .5rem; inset-inline-start: .5rem; transform: translateY(-200%); z-index: 10; padding: 1rem; background: var(--vl-bg); }\n.vylino-page.vyl-system .vl-skip:focus { transform: none; }\n\n\/* 02. Layout; classes belong on real layout containers. *\/\n.vylino-page.vyl-system .vl-container { inline-size: min(100% - var(--vl-gutter) * 2, var(--vl-max)); margin-inline: auto; }\n.vylino-page.vyl-system .vl-section { padding-block: var(--vl-section); }\n.vylino-page.vyl-system .vl-section--compact { padding-block: var(--vl-s7); }\n.vylino-page.vyl-system .vl-stack > * + * { margin-block-start: var(--vl-s5); }\n.vylino-page.vyl-system .vl-cluster, .vylino-page.vyl-system .vl-actions { display: flex; flex-wrap: wrap; gap: var(--vl-s3); align-items: center; }\n.vylino-page.vyl-system .vl-grid, .vylino-page.vyl-system .vl-split, .vylino-page.vyl-system .vl-article-layout { display: grid; gap: clamp(1.25rem, 2.5vw, 2rem); grid-template-columns: minmax(0,1fr); }\n.vylino-page.vyl-system :where(.vl-grid,.vl-split,.vl-article-layout) > * { min-inline-size: 0; }\n.vylino-page.vyl-system .vl-measure, .vylino-page.vyl-system .vl-prose { max-inline-size: var(--vl-measure); }\n.vylino-page.vyl-system .vl-prose :where(h2,h3,h4) { margin-block-start: 1.5em; }\n.vylino-page.vyl-system .vl-prose > :first-child { margin-block-start: 0; }\n.vylino-page.vyl-system .vl-prose :where(li) { padding-inline-start: .2em; }\n.vylino-page.vyl-system .vl-prose :where(table) { font-size: var(--vl-text-sm); }\n.vylino-page.vyl-system .vl-lead { font-size: var(--vl-text-lg); color: var(--vl-muted); max-inline-size: 56ch; }\n.vylino-page.vyl-system .vl-eyebrow { font-size: var(--vl-text-xs); font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--vl-link); margin-block-end: var(--vl-s4); }\n.vylino-page.vyl-system .vl-muted { color: var(--vl-muted); }\n.vylino-page.vyl-system .vl-center { text-align: center; margin-inline: auto; }\n.vylino-page.vyl-system .vl-mt-0 { margin-block-start: 0; } .vylino-page.vyl-system .vl-mb-0 { margin-block-end: 0; }\n.vylino-page.vyl-system .vl-mt-sm { margin-block-start: var(--vl-s4); } .vylino-page.vyl-system .vl-mt-md { margin-block-start: var(--vl-s6); } .vylino-page.vyl-system .vl-mt-lg { margin-block-start: var(--vl-s7); }\n.vylino-page.vyl-system .vl-gap-sm { gap: var(--vl-s3); } .vylino-page.vyl-system .vl-gap-lg { gap: var(--vl-s7); }\n.vylino-page.vyl-system .vl-surface-soft { background: var(--vl-soft); }\n.vylino-page.vyl-system.vl-dark, .vylino-page.vyl-system .vl-dark {\n  --vl-text: #F7F9FC; --vl-muted: #C4CEDD; --vl-bg: #142339;\n  --vl-surface: #1D3049; --vl-soft: #243A55; --vl-border: #536B84;\n  --vl-control-border: #99AEC5; --vl-link: var(--vl-accent-bright); --vl-link-hover: #ffffff;\n  --vl-focus: var(--vl-accent-bright); --vl-success: #AFE4C9; --vl-warning: #F0D298;\n  --vl-danger: #FFBDCA; --vl-scroll-thumb: #99AEC5; --vl-scroll-track: #243A55;\n  --vl-scroll-hover: #C4CEDD; --vl-scroll-active: #ffffff;\n  --vl-button-bg: var(--vl-accent-bright); --vl-button-hover: #ffffff;\n  --vl-button-active: #E7ECF5; --vl-button-text: #142339; --vl-button-border: var(--vl-accent-bright);\n  --vl-hairline: rgb(255 255 255 \/ .12);\n  --vl-elevation-1: 0 8px 24px rgb(0 0 0 \/ .12);\n  --vl-elevation-2: 0 20px 45px rgb(0 0 0 \/ .18);\n  color: var(--vl-text); background: var(--vl-bg); color-scheme: dark;\n}\n\n\/* 03. Heroes. No fixed height and no content hidden for entrance effects. *\/\n.vylino-page.vyl-system .vl-hero { padding-block: clamp(3.5rem, 6vw, 7rem); }\n.vylino-page.vyl-system .vl-hero--compact { padding-block: clamp(2.5rem, 4vw, 4.5rem); }\n.vylino-page.vyl-system .vl-hero--editorial h1 { max-inline-size: 24ch; font-size: clamp(2.125rem, 1.4rem + 2.6vw, 4rem); }\n.vylino-page.vyl-system .vl-hero--industry, .vylino-page.vyl-system .vl-hero--location { border-block-end: 1px solid var(--vl-border); }\n.vylino-page.vyl-system .vl-hero-title { max-inline-size: 17ch; }\n.vylino-page.vyl-system .vl-hero-title em { font-style: normal; color: var(--vl-link); }\n.vylino-page.vyl-system .vl-brief { padding: clamp(1.5rem, 3vw, 2.75rem); background: var(--vl-surface); border: 1px solid var(--vl-border); border-radius: var(--vl-radius-lg); box-shadow: var(--vl-elevation-2); }\n.vylino-page.vyl-system .vl-brief-row { padding-block: var(--vl-s4); border-block-end: 1px solid var(--vl-border); }\n.vylino-page.vyl-system .vl-brief-row:last-child { border: 0; padding-block-end: 0; }\n.vylino-page.vyl-system .vl-brief-row dt { color: var(--vl-muted); font-size: var(--vl-text-sm); }\n.vylino-page.vyl-system .vl-brief-row dd { margin: .3rem 0 0; }\n\n\/* 04. Navigation and editorial orientation. *\/\n.vylino-page.vyl-system .vl-breadcrumbs { font-size: var(--vl-text-sm); color: var(--vl-muted); }\n.vylino-page.vyl-system .vl-breadcrumbs ol { display: flex; flex-wrap: wrap; gap: .5rem; list-style: none; padding: 0; }\n.vylino-page.vyl-system .vl-breadcrumbs li { margin: 0; }\n.vylino-page.vyl-system .vl-breadcrumbs li + li::before { content: '\/'; margin-inline-end: .5rem; color: var(--vl-muted); }\n.vylino-page.vyl-system .vl-toc { padding: var(--vl-s5); border: 1px solid var(--vl-border); border-radius: var(--vl-radius); background: var(--vl-surface); align-self: start; }\n.vylino-page.vyl-system .vl-toc ol { padding-inline-start: 1.2rem; margin: 0; }\n.vylino-page.vyl-system .vl-toc a { display: inline-block; padding-block: .375rem; }\n.vylino-page.vyl-system .vl-meta { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; font-size: var(--vl-text-sm); color: var(--vl-muted); }\n.vylino-page.vyl-system .vl-directory { list-style: none; padding: 0; display: grid; gap: 0 var(--vl-s6); }\n.vylino-page.vyl-system .vl-directory li { margin: 0; padding-block: var(--vl-s4); border-block-end: 1px solid var(--vl-border); }\n.vylino-page.vyl-system .vl-directory a { display: inline-block; padding-block: .25rem; }\n.vylino-page.vyl-system .vl-related { padding-block-start: var(--vl-s6); border-block-start: 1px solid var(--vl-border); }\n\/* Optional parts: add these inside their own opt-in wrapper only. *\/\n.vylino-page.vyl-system .vl-header { padding-block: var(--vl-s4); border-block-end: 1px solid var(--vl-border); }\n.vylino-page.vyl-system .vl-header-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--vl-s4); }\n.vylino-page.vyl-system .vl-nav-list { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; padding: 0; margin: 0; list-style: none; }\n.vylino-page.vyl-system .vl-nav-list li { margin: 0; } .vylino-page.vyl-system .vl-nav-list a { display: inline-flex; align-items: center; min-block-size: 44px; }\n.vylino-page.vyl-system .vl-footer { padding-block: var(--vl-s7); border-block-start: 1px solid var(--vl-border); }\n.vylino-page.vyl-system .vl-footer-bottom { padding-block-start: var(--vl-s5); margin-block-start: var(--vl-s6); border-block-start: 1px solid var(--vl-border); }\n\n\/* 05. Actions. Elementor bridges target the rendered inner control. *\/\n.vylino-page.vyl-system .vl-button, .vylino-page.vyl-system .vl-btn-primary .elementor-button, .vylino-page.vyl-system .vl-btn-secondary .elementor-button, .vylino-page.vyl-system .vl-form-widget .elementor-button {\n  display: inline-flex; align-items: center; justify-content: center; gap: .625rem;\n  min-block-size: 50px; max-inline-size: 100%; padding: .8rem 1.4rem;\n  border: 1px solid var(--vl-button-border); border-radius: var(--vl-radius-sm);\n  background: var(--vl-button-bg); color: var(--vl-button-text); font-family: var(--vl-font-body);\n  font-size: 1rem; font-weight: 600; letter-spacing: -.01em; line-height: 1.4; text-align: center;\n  text-decoration: none; white-space: normal; cursor: pointer;\n  transition: background-color var(--vl-duration) var(--vl-ease), border-color var(--vl-duration) var(--vl-ease);\n}\n.vylino-page.vyl-system .vl-button:hover, .vylino-page.vyl-system .vl-btn-primary .elementor-button:hover, .vylino-page.vyl-system .vl-form-widget .elementor-button:hover { color: var(--vl-button-text); background: var(--vl-button-hover); border-color: var(--vl-button-hover); }\n.vylino-page.vyl-system .vl-button:active, .vylino-page.vyl-system .vl-btn-primary .elementor-button:active, .vylino-page.vyl-system .vl-form-widget .elementor-button:active { background: var(--vl-button-active); }\n.vylino-page.vyl-system .vl-button--secondary, .vylino-page.vyl-system .vl-btn-secondary .elementor-button { color: var(--vl-text); border-color: var(--vl-control-border); background: transparent; }\n.vylino-page.vyl-system .vl-button--secondary:hover, .vylino-page.vyl-system .vl-btn-secondary .elementor-button:hover { color: var(--vl-text); background: var(--vl-soft); border-color: var(--vl-text); }\n.vylino-page.vyl-system .vl-button--secondary:active, .vylino-page.vyl-system .vl-btn-secondary .elementor-button:active { background: var(--vl-border); }\n.vylino-page.vyl-system .vl-button--text { min-block-size: 44px; padding-inline: .25rem; border-color: transparent; color: var(--vl-link); background: transparent; text-decoration: underline; text-underline-offset: .2em; }\n.vylino-page.vyl-system .vl-button--text:hover, .vylino-page.vyl-system .vl-button--text:active { color: var(--vl-link-hover); background: transparent; border-color: transparent; }\n.vylino-page.vyl-system .vl-button--mint { color: var(--vl-navy); background: var(--vl-mint); border-color: var(--vl-mint); }\n.vylino-page.vyl-system .vl-button--mint:hover, .vylino-page.vyl-system .vl-button--mint:active { color: var(--vl-navy); background: var(--vl-white); border-color: var(--vl-white); }\n.vylino-page.vyl-system :is(.vl-button,.elementor-button):is(:disabled,[aria-disabled=true]) { opacity: .55; cursor: not-allowed; }\n.vylino-page.vyl-system :is(.vl-button,.elementor-button)[aria-busy=true] { cursor: progress; }\n.vylino-page.vyl-system .vl-button__status { inline-size: 1em; flex: 0 0 1em; }\n.vylino-page.vyl-system .vl-cta { padding: clamp(1.75rem, 5vw, 4.5rem); border: 1px solid var(--vl-border); border-radius: var(--vl-radius-lg); }\n.vylino-page.vyl-system .vl-cta h2 { max-inline-size: 24ch; }\n\n\/* 06. Services, industries and location coverage. *\/\n.vylino-page.vyl-system .vl-card { padding: clamp(1.5rem, 2.5vw, 2.25rem); background: var(--vl-surface); border: 1px solid var(--vl-border); border-radius: var(--vl-radius); box-shadow: var(--vl-elevation-1); }\n.vylino-page.vyl-system .vl-card > :last-child, .vylino-page.vyl-system .vl-brief > :last-child { margin-block-end: 0; }\n.vylino-page.vyl-system .vl-card--feature { border-block-start: 2px solid var(--vl-link); }\n.vylino-page.vyl-system .vl-service-row { display: grid; gap: var(--vl-s4); padding-block: var(--vl-s6); border-block-start: 1px solid var(--vl-border); }\n.vylino-page.vyl-system .vl-service-row h3 { margin: 0; }\n.vylino-page.vyl-system .vl-checklist { list-style: none; padding: 0; }\n.vylino-page.vyl-system .vl-checklist li { position: relative; padding-inline-start: 1.7rem; }\n.vylino-page.vyl-system .vl-checklist li::before { content: '\u2713'; position: absolute; inset-inline-start: 0; font-weight: 700; color: var(--vl-success); }\n.vylino-page.vyl-system .vl-process { list-style: none; counter-reset: vl-step; padding: 0; }\n.vylino-page.vyl-system .vl-process li { counter-increment: vl-step; position: relative; padding: 0; padding-block-end: var(--vl-s6); padding-inline-start: 3.75rem; border-inline-start: 1px solid var(--vl-border); margin-inline-start: 1.25rem; }\n.vylino-page.vyl-system .vl-process li::before { content: counter(vl-step,decimal-leading-zero); position: absolute; inset-inline-start: -1.25rem; inset-block-start: 0; display: grid; place-items: center; inline-size: 2.5rem; block-size: 2.5rem; border-radius: 50%; background: var(--vl-surface); border: 1px solid var(--vl-border); color: var(--vl-link); font-family: var(--vl-font-mono); font-size: .875rem; }\n.vylino-page.vyl-system .vl-process li:last-child { border-color: transparent; padding-block-end: 0; }\n.vylino-page.vyl-system .vl-note { padding: var(--vl-s5); background: var(--vl-soft); border-inline-start: 3px solid var(--vl-link); border-radius: 0 var(--vl-radius-sm) var(--vl-radius-sm) 0; }\n.vylino-page.vyl-system .vl-note > :last-child { margin-block-end: 0; }\n.vylino-page.vyl-system .vl-note--success { border-color: var(--vl-success); }\n.vylino-page.vyl-system .vl-note--warning { border-color: var(--vl-warning); }\n.vylino-page.vyl-system .vl-note--error { border-color: var(--vl-danger); }\n.vylino-page.vyl-system .vl-remote-note { font-size: var(--vl-text-sm); color: var(--vl-muted); padding-inline-start: var(--vl-s4); border-inline-start: 3px solid var(--vl-border); }\n.vylino-page.vyl-system .vl-result { display: block; padding: var(--vl-s6); border: 1px solid var(--vl-control-border); border-radius: var(--vl-radius); background: var(--vl-soft); font-variant-numeric: tabular-nums; }\n\n\/* 07. Editorial, comparison, evidence and FAQs. *\/\n.vylino-page.vyl-system .vl-table-scroll { max-inline-size: 100%; overflow-x: auto; border: 1px solid var(--vl-border); border-radius: var(--vl-radius); scrollbar-gutter: stable; }\n.vylino-page.vyl-system .vl-table { inline-size: 100%; min-inline-size: 38rem; border-collapse: collapse; text-align: start; }\n.vylino-page.vyl-system .vl-table caption { text-align: start; padding: var(--vl-s5); font-weight: 700; color: var(--vl-text); }\n.vylino-page.vyl-system .vl-table :is(th,td) { padding: var(--vl-s4) var(--vl-s5); border-block-start: 1px solid var(--vl-border); vertical-align: top; }\n.vylino-page.vyl-system .vl-table thead { background: var(--vl-soft); }\n.vylino-page.vyl-system .vl-table th { font-weight: 600; text-align: start; }\n.vylino-page.vyl-system .vl-table tbody th { inline-size: 28%; }\n.vylino-page.vyl-system .vl-sources { font-size: var(--vl-text-sm); color: var(--vl-muted); padding-block-start: var(--vl-s5); border-block-start: 1px solid var(--vl-border); }\n.vylino-page.vyl-system .vl-media { aspect-ratio: 16\/10; overflow: hidden; background: var(--vl-soft); border: 1px solid var(--vl-border); border-radius: var(--vl-radius); }\n.vylino-page.vyl-system .vl-media img { inline-size: 100%; block-size: 100%; object-fit: cover; }\n.vylino-page.vyl-system .vl-media--contain img { object-fit: contain; }\n.vylino-page.vyl-system .vl-quote { margin: 0; padding: var(--vl-s6); border: 1px solid var(--vl-border); border-radius: var(--vl-radius); }\n.vylino-page.vyl-system .vl-quote blockquote { border: 0; padding: 0; }\n.vylino-page.vyl-system .vl-quote figcaption { color: var(--vl-muted); }\n.vylino-page.vyl-system .vl-faq { border-block-start: 1px solid var(--vl-border); }\n.vylino-page.vyl-system .vl-faq details { border-block-end: 1px solid var(--vl-border); }\n.vylino-page.vyl-system .vl-faq summary { padding: 1.5rem .25rem; font-size: 1.125rem; font-weight: 600; color: var(--vl-text); }\n.vylino-page.vyl-system .vl-faq summary::marker { color: var(--vl-link); }\n.vylino-page.vyl-system .vl-faq summary:hover { color: var(--vl-link); }\n.vylino-page.vyl-system .vl-faq summary:active { opacity: .8; }\n.vylino-page.vyl-system .vl-faq details[open] { padding-block-end: var(--vl-s5); }\n.vylino-page.vyl-system .vl-faq details[open] summary { color: var(--vl-link); }\n.vylino-page.vyl-system .vl-faq details > :not(summary) { margin-inline: .25rem; max-inline-size: var(--vl-measure); }\n\n\/* 08. Form skin: use an actual form handler on WordPress. *\/\n.vylino-page.vyl-system .vl-field { margin-block-end: var(--vl-s5); }\n.vylino-page.vyl-system .vl-field label, .vylino-page.vyl-system .vl-form-widget .elementor-field-label { display: block; margin-block-end: var(--vl-s2); font-weight: 600; color: var(--vl-text); }\n.vylino-page.vyl-system .vl-form :where(fieldset) { border: 1px solid var(--vl-border); border-radius: var(--vl-radius); padding: var(--vl-s5); margin: 0 0 var(--vl-s5); min-inline-size: 0; }\n.vylino-page.vyl-system .vl-form :where(legend) { padding-inline: var(--vl-s2); font-weight: 600; }\n.vylino-page.vyl-system .vl-input, .vylino-page.vyl-system .vl-form-widget :is(input.elementor-field:not([type=checkbox]):not([type=radio]):not([type=hidden]),select.elementor-field,textarea.elementor-field) {\n  display: block; inline-size: 100%; min-inline-size: 0; min-block-size: 48px;\n  border: 1px solid var(--vl-control-border); border-radius: var(--vl-radius-sm);\n  padding: .75rem 1rem; background: var(--vl-surface); color: var(--vl-text);\n  font-family: var(--vl-font-body); font-size: 1rem; line-height: 1.5; box-shadow: none;\n}\n.vylino-page.vyl-system .vl-input::placeholder, .vylino-page.vyl-system .vl-form-widget .elementor-field::placeholder { color: var(--vl-muted); opacity: 1; }\n.vylino-page.vyl-system .vl-input:hover, .vylino-page.vyl-system .vl-form-widget .elementor-field:hover { border-color: var(--vl-text); }\n.vylino-page.vyl-system textarea.vl-input, .vylino-page.vyl-system .vl-form-widget textarea.elementor-field { min-block-size: 9rem; resize: vertical; }\n.vylino-page.vyl-system .vl-input[readonly] { background: var(--vl-soft); }\n.vylino-page.vyl-system .vl-input:disabled, .vylino-page.vyl-system .vl-form-widget .elementor-field:disabled { opacity: .65; cursor: not-allowed; background: var(--vl-soft); }\n.vylino-page.vyl-system .vl-input[aria-invalid=true], .vylino-page.vyl-system .vl-form-widget .elementor-field[aria-invalid=true] { border-color: var(--vl-danger); border-width: 2px; padding: calc(.75rem - 1px) calc(1rem - 1px); }\n.vylino-page.vyl-system .vl-help, .vylino-page.vyl-system .vl-error { display: block; margin-block-start: var(--vl-s2); font-size: var(--vl-text-sm); }\n.vylino-page.vyl-system .vl-help { color: var(--vl-muted); } .vylino-page.vyl-system .vl-error { color: var(--vl-danger); }\n.vylino-page.vyl-system .vl-choice { display: flex; gap: var(--vl-s3); align-items: start; min-block-size: 44px; padding-block: var(--vl-s2); cursor: pointer; }\n.vylino-page.vyl-system .vl-choice input { flex-shrink: 0; inline-size: 1.25rem; block-size: 1.25rem; margin-block-start: .2rem; accent-color: var(--vl-link); }\n.vylino-page.vyl-system .vl-form-widget :is(input[type=checkbox],input[type=radio]) { accent-color: var(--vl-link); }\n.vylino-page.vyl-system .vl-form-status { min-block-size: 1.65em; margin-block-start: var(--vl-s4); }\n\/* Native Heading\/Text Editor bridge; remove conflicting per-widget styles. *\/\n.vylino-page.vyl-system .vl-heading .elementor-heading-title { color: var(--vl-text); font-family: var(--vl-font-display); font-weight: var(--vl-display-weight); line-height: 1.12; }\n.vylino-page.vyl-system .vl-heading--h1 .elementor-heading-title { font-size: var(--vl-h1); letter-spacing: -.045em; }\n.vylino-page.vyl-system .vl-heading--h2 .elementor-heading-title { font-size: var(--vl-h2); letter-spacing: -.025em; }\n.vylino-page.vyl-system .vl-heading--h3 .elementor-heading-title { font-size: var(--vl-h3); }\n.vylino-page.vyl-system .vl-copy { color: var(--vl-text); font-family: var(--vl-font-body); font-size: 1rem; line-height: 1.65; }\n\n\n\/* 09. Editorial finishes. New opt-in components preserve earlier markup. *\/\n.vylino-page.vyl-system .vl-surface-canvas { background: var(--vl-canvas); }\n.vylino-page.vyl-system .vl-surface-tint { background: var(--vl-accent-tint); }\n.vylino-page.vyl-system .vl-accent-text { color: var(--vl-link); }\n.vylino-page.vyl-system .vl-kicker { display: inline-flex; align-items: center; gap: .65rem; margin-block-end: 1.5rem; font-size: .8125rem; letter-spacing: .11em; text-transform: uppercase; font-weight: 700; color: var(--vl-link); }\n.vylino-page.vyl-system .vl-kicker::before { content: ''; inline-size: 1.75rem; block-size: 2px; background: currentColor; }\n.vylino-page.vyl-system .vl-hero--signature { background: linear-gradient(115deg,var(--vl-bg) 34%,var(--vl-accent-wash) 72%,var(--vl-accent-tint)); border-block-end: 1px solid var(--vl-border); }\n.vylino-page.vyl-system .vl-hero--signature .vl-hero-title { max-inline-size: 19ch; }\n.vylino-page.vyl-system .vl-display { font-size: var(--vl-h1); font-family: var(--vl-font-display); font-weight: var(--vl-display-weight); letter-spacing: -.045em; line-height: 1.08; }\n.vylino-page.vyl-system .vl-section-head { display: grid; gap: 1rem 3rem; margin-block-end: clamp(2rem,4vw,3.5rem); }\n.vylino-page.vyl-system .vl-section-head > :last-child { margin-block-end: 0; }\n.vylino-page.vyl-system .vl-card--quiet { box-shadow: none; background: var(--vl-accent-wash); }\n.vylino-page.vyl-system .vl-card--link { display: block; text-decoration: none; color: var(--vl-text); transition: border-color var(--vl-duration),box-shadow var(--vl-duration); }\n.vylino-page.vyl-system .vl-card--link:hover { border-color: var(--vl-control-border); box-shadow: var(--vl-elevation-2); color: var(--vl-text); }\n.vylino-page.vyl-system .vl-card--link:active { box-shadow: var(--vl-elevation-1); }\n.vylino-page.vyl-system .vl-card-label { color: var(--vl-muted); font-size: .8125rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; margin-block-end: 1.5rem; }\n.vylino-page.vyl-system .vl-link-arrow { display: inline-flex; align-items: center; gap: .75rem; min-block-size: 44px; font-weight: 600; }\n.vylino-page.vyl-system .vl-link-arrow svg { inline-size: 1.125rem; block-size: 1.125rem; flex: 0 0 auto; }\n.vylino-page.vyl-system .vl-badge { display: inline-flex; align-items: center; padding: .4rem .75rem; border: 1px solid var(--vl-border); border-radius: 99px; color: var(--vl-link); background: var(--vl-accent-tint); font-size: .8125rem; line-height: 1.4; font-weight: 600; }\n.vylino-page.vyl-system .vl-rule { inline-size: 3rem; block-size: 3px; background: var(--vl-link); margin-block: 1.5rem; }\n.vylino-page.vyl-system .vl-feature-list { list-style: none; padding: 0; margin: 0; }\n.vylino-page.vyl-system .vl-feature-list li { padding-block: 1.1rem; border-block-end: 1px solid var(--vl-border); }\n.vylino-page.vyl-system .vl-feature-list li:last-child { border: 0; }\n.vylino-page.vyl-system .vl-feature-list strong { display: block; margin-block-end: .25rem; }\n.vylino-page.vyl-system .vl-project { display: grid; gap: 1.5rem; }\n.vylino-page.vyl-system .vl-project .vl-media { border-radius: var(--vl-radius-lg); box-shadow: var(--vl-elevation-1); }\n.vylino-page.vyl-system .vl-quote { background: var(--vl-surface); box-shadow: var(--vl-elevation-1); }\n.vylino-page.vyl-system .vl-quote blockquote { font-family: var(--vl-font-display); line-height: 1.5; letter-spacing: -.01em; }\n.vylino-page.vyl-system .vl-table caption { font-family: var(--vl-font-display); padding-block: 1.5rem; font-size: 1.125rem; }\n.vylino-page.vyl-system .vl-table tbody tr:nth-child(even) { background: var(--vl-soft); }\n.vylino-page.vyl-system .vl-table :is(th,td) { line-height: 1.55; }\n.vylino-page.vyl-system .vl-form .vl-input:focus-visible, .vylino-page.vyl-system .vl-form-widget .elementor-field:focus-visible { border-color: var(--vl-focus); }\n.vylino-page.vyl-system .vl-faq details[open] { background: var(--vl-soft); padding-inline: 1rem; border-radius: var(--vl-radius-sm); }\n.vylino-page.vyl-system .vl-faq details { padding-inline: 1rem; }\n.vylino-page.vyl-system .vl-faq details:not([open]):hover { background: var(--vl-soft); }\n.vylino-page.vyl-system .vl-toc { box-shadow: var(--vl-elevation-1); }\n.vylino-page.vyl-system .vl-toc a[aria-current] { color: var(--vl-link); font-weight: 700; }\n.vylino-page.vyl-system.vl-dark .vl-card--quiet, .vylino-page.vyl-system .vl-dark .vl-card--quiet { background: var(--vl-surface); }\n.vylino-page.vyl-system.vl-dark :is(.vl-badge,.vl-surface-tint,.vl-surface-canvas), .vylino-page.vyl-system .vl-dark :is(.vl-badge,.vl-surface-tint,.vl-surface-canvas) { background: var(--vl-soft); }\n.vylino-page.vyl-system.vl-dark .vl-hero--signature, .vylino-page.vyl-system .vl-hero--signature.vl-dark, .vylino-page.vyl-system .vl-dark .vl-hero--signature { background: var(--vl-bg); }\n.vylino-page.vyl-system .vl-heading--accent .elementor-heading-title { color: var(--vl-link); }\n.vylino-page.vyl-system .vl-heading--display .elementor-heading-title { font-size: var(--vl-h1); letter-spacing: -.045em; line-height: 1.08; }\n.vylino-page.vyl-system :where(a,button)[aria-disabled=true] { cursor: not-allowed; }\n\n\/* 10. Responsive: 40rem \/ 64rem. Small screens keep document scrolling. *\/\n@media (min-width: 40rem) {\n  .vylino-page.vyl-system .vl-grid--2, .vylino-page.vyl-system .vl-grid--3, .vylino-page.vyl-system .vl-grid--4, .vylino-page.vyl-system .vl-directory { grid-template-columns: repeat(2,minmax(0,1fr)); }\n  .vylino-page.vyl-system .vl-service-row { grid-template-columns: minmax(0,1fr) minmax(0,1.7fr); }\n}\n@media (min-width: 64rem) {\n  .vylino-page.vyl-system .vl-section-head { grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); align-items: end; }\n  .vylino-page.vyl-system .vl-grid--3 { grid-template-columns: repeat(3,minmax(0,1fr)); }\n  .vylino-page.vyl-system .vl-grid--4 { grid-template-columns: repeat(4,minmax(0,1fr)); }\n  .vylino-page.vyl-system .vl-split { grid-template-columns: minmax(0,1.35fr) minmax(0,1fr); gap: var(--vl-s8); align-items: center; }\n  .vylino-page.vyl-system .vl-split--equal { grid-template-columns: repeat(2,minmax(0,1fr)); }\n  .vylino-page.vyl-system .vl-article-layout { grid-template-columns: minmax(0,1fr) 17rem; gap: var(--vl-s7); }\n}\n@media (min-width: 64rem) and (min-height: 48rem) {\n  .vylino-page.vyl-system .vl-sticky { position: sticky; top: calc(var(--vl-header-offset) + var(--vl-admin-offset) + 1rem); max-block-size: calc(100dvh - var(--vl-header-offset) - var(--vl-admin-offset) - 3rem); overflow-y: auto; }\n}\n.admin-bar .vylino-page.vyl-system { --vl-admin-offset: 32px; }\n@media (max-width: 782px) { .admin-bar .vylino-page.vyl-system { --vl-admin-offset: 46px; } }\n@media (max-width: 39.99rem) {\n  .vylino-page.vyl-system .vl-actions { align-items: stretch; }\n  .vylino-page.vyl-system .vl-actions > .vl-button { inline-size: 100%; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .vylino-page.vyl-system *, .vylino-page.vyl-system *::before, .vylino-page.vyl-system *::after { animation: none; transition: none; scroll-behavior: auto; }\n}\n@media (forced-colors: active) {\n  .vylino-page.vyl-system, .vylino-page.vyl-system.vl-dark, .vylino-page.vyl-system .vl-dark { --vl-focus: Highlight; --vl-control-border: ButtonText; }\n  .vylino-page.vyl-system * { scrollbar-color: auto; }\n  .vylino-page.vyl-system :is(.vl-button,.elementor-button,.vl-input) { border-color: ButtonText; }\n  .vylino-page.vyl-system :where(:focus-visible) { outline-color: Highlight; }\n}\n@media print {\n  .vylino-page.vyl-system :is(.vl-hero--signature,.vl-surface-tint,.vl-surface-canvas,.vl-card--quiet) { background: #ffffff; }\n  .vylino-page.vyl-system, .vylino-page.vyl-system.vl-dark, .vylino-page.vyl-system .vl-dark { --vl-text: #000000; --vl-muted: #333333; --vl-bg: #ffffff; --vl-soft: #f2f2f2; --vl-surface: #ffffff; --vl-link: #000000; --vl-border: #777777; color: #000000; background: #ffffff; }\n  .vylino-page.vyl-system .vl-section, .vylino-page.vyl-system .vl-hero { padding-block: 1rem; }\n  .vylino-page.vyl-system .vl-container { inline-size: 100%; }\n  .vylino-page.vyl-system :is(.vl-skip,.vl-header,.vl-footer,.vl-no-print,.vl-actions,.vl-form-widget) { display: none; }\n  .vylino-page.vyl-system .vl-sticky { position: static; max-block-size: none; overflow: visible; }\n  .vylino-page.vyl-system .vl-article-layout, .vylino-page.vyl-system .vl-split { display: block; }\n  .vylino-page.vyl-system .vl-table-scroll { overflow: visible; }\n  .vylino-page.vyl-system .vl-table { min-inline-size: 0; font-size: .8rem; table-layout: fixed; }\n  .vylino-page.vyl-system .vl-table :is(th,td) { padding: .4rem; }\n  .vylino-page.vyl-system :is(h2,h3,summary) { break-after: avoid; }\n  .vylino-page.vyl-system :is(.vl-card,.vl-note,figure,tr) { break-inside: avoid; box-shadow: none; }\n  .vylino-page.vyl-system a { text-decoration: underline; }\n}\n\n\/* VYLINO homepage integration 1.0.0 | Shared design system 1.1.0\n   Thin Elementor layout bridge. No global header\/footer or legacy-page reset. *\/\n.vylino-page.vyl-system.vl-page--home {\n  --vl-header-offset: 9rem;\n  --display: flex;\n  --flex-direction: column;\n  --gap: 0px;\n  --container-widget-width: 100%;\n  --container-widget-flex-grow: 0;\n  padding: 0;\n  gap: 0;\n  width: 100%;\n  max-width: none;\n}\n.vylino-page.vyl-system.vl-page--home > .elementor-widget-html {\n  width: 100%;\n  max-width: 100%;\n  margin: 0;\n}\n.vylino-page.vyl-system.vl-page--home .vl-home-brief-title {\n  font-size: var(--vl-h3);\n  letter-spacing: -.02em;\n}\n.vylino-page.vyl-system.vl-page--home .vl-home-contact {\n  --display: flex;\n  --flex-direction: column;\n  --gap: 0px;\n  padding: var(--vl-section) 0;\n  width: 100%;\n  max-width: none;\n}\n.vylino-page.vyl-system.vl-page--home .vl-home-contact-actions {\n  justify-content: center;\n}\n.vylino-page.vyl-system.vl-page--home .vl-home-form {\n  width: min(calc(100% - var(--vl-gutter) * 2), 46rem);\n  max-width: 46rem;\n  margin: 0 auto;\n  padding: clamp(1.25rem,3vw,2rem);\n  border: 1px solid var(--vl-border);\n  border-radius: var(--vl-radius);\n  background: var(--vl-surface);\n  box-shadow: var(--vl-elevation-1);\n}\n.vylino-page.vyl-system.vl-page--home .vl-home-form .elementor-field-group {\n  margin-block-end: var(--vl-s4);\n}\n.vylino-page.vyl-system.vl-page--home .vl-home-form .elementor-button {\n  white-space: normal;\n}\n.vylino-page.vyl-system.vl-page--home .vl-home-form .elementor-message {\n  line-height: 1.5;\n}\n.vylino-page.vyl-system.vl-page--home .vl-home-form .elementor-message-danger {\n  color: var(--vl-danger);\n}\n.vylino-page.vyl-system.vl-page--home .vl-home-form .elementor-message-success {\n  color: var(--vl-success);\n}\n\n\/* VYLINO shared header and footer | 1.0.0 | 2026-09-10 *\/\n[data-elementor-type=\"header\"][data-elementor-id=\"329\"]{position:relative;z-index:40}\n.vylino-page.vyl-system.vl-site-header,.vylino-page.vyl-system.vl-site-footer{--display:flex;--flex-direction:column;--gap:0px;gap:0;padding:0;width:100%;max-width:none}\n.vylino-page.vyl-system.vl-site-header>.elementor-widget-html,.vylino-page.vyl-system.vl-site-footer>.elementor-widget-html{width:100%;max-width:100%;margin:0}\n.vylino-page.vyl-system.vl-site-header{border-bottom:1px solid var(--vl-border)}\n.vylino-page.vyl-system .vl-site-utility{background:var(--vl-soft);font-size:.8125rem;color:var(--vl-muted)}\n.vylino-page.vyl-system .vl-utility-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:36px}\n.vylino-page.vyl-system .vl-utility-inner a{color:var(--vl-text);text-decoration:none;padding:.4rem 0}\n.vylino-page.vyl-system .vl-header-main{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:100px;position:relative}\n.vylino-page.vyl-system .vl-brand-link{display:flex;flex-direction:column;gap:.4rem;text-decoration:none;flex-shrink:0}\n.vylino-page.vyl-system .vl-brand-link img{width:151px;height:auto}\n.vylino-page.vyl-system .vl-brand-link span{font-size:.6875rem;letter-spacing:.02em;color:var(--vl-muted)}\n.vylino-page.vyl-system .vl-desktop-nav{display:flex;align-items:center;gap:1.5rem;margin-left:auto}\n.vylino-page.vyl-system .vl-desktop-nav>a,.vylino-page.vyl-system .vl-service-menu>summary{display:flex;align-items:center;gap:.5rem;min-height:48px;padding:.5rem 0;font-weight:600;font-size:.9375rem;color:var(--vl-text);text-decoration:none}\n.vylino-page.vyl-system .vl-service-menu>summary:after{content:'\u2304';font-size:1rem}\n.vylino-page.vyl-system .vl-service-menu>summary{list-style:none}\n.vylino-page.vyl-system .vl-service-menu>summary::-webkit-details-marker{display:none}\n.vylino-page.vyl-system .vl-service-menu[open]>summary,.vylino-page.vyl-system .vl-desktop-nav a:hover{color:var(--vl-link)}\n.vylino-page.vyl-system .vl-service-panel{position:absolute;right:0;top:calc(100% - .25rem);width:min(42rem,100%);padding:2rem;background:var(--vl-bg);border:1px solid var(--vl-border);border-radius:var(--vl-radius);box-shadow:var(--vl-elevation-2);z-index:5}\n.vylino-page.vyl-system .vl-service-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem 1.5rem}\n.vylino-page.vyl-system .vl-service-links a{padding:.8rem .5rem;color:var(--vl-text);text-decoration:none;border-bottom:1px solid var(--vl-border);font-weight:600}\n.vylino-page.vyl-system .vl-service-links a:hover{background:var(--vl-soft);color:var(--vl-link)}\n.vylino-page.vyl-system .vl-service-panel>p:last-child{font-size:.875rem;color:var(--vl-muted);margin:1.25rem 0 0}\n.vylino-page.vyl-system .vl-mobile-menu{display:none}\n.vylino-page.vyl-system .vl-header-cta{font-size:.9375rem;min-height:48px;padding:.65rem 1.1rem;flex-shrink:0}\n.vylino-page.vyl-system.vl-site-footer{padding-top:clamp(3rem,5vw,5rem)}\n.vylino-page.vyl-system .vl-footer-invitation{display:flex;justify-content:space-between;gap:3rem;align-items:center;padding-bottom:3.5rem;border-bottom:1px solid var(--vl-border)}\n.vylino-page.vyl-system .vl-footer-invitation h2{font-size:clamp(2rem,3.8vw,3.65rem);line-height:1.12;letter-spacing:-.035em;text-transform:none}\n.vylino-page.vyl-system .vl-footer-invitation p:last-child{margin:0;color:var(--vl-muted)}\n.vylino-page.vyl-system .vl-footer-actions{display:flex;flex-direction:column;gap:.75rem;min-width:13rem}\n.vylino-page.vyl-system .vl-footer-columns{display:grid;grid-template-columns:1.3fr 1fr .9fr 1.1fr;gap:2.5rem;padding:3.5rem 0}\n.vylino-page.vyl-system .vl-footer-wordmark{display:inline-block;font-family:var(--vl-font-display);font-size:2rem;font-weight:750;letter-spacing:.09em;color:var(--vl-text);text-decoration:none;margin-bottom:1.25rem}\n.vylino-page.vyl-system .vl-footer-wordmark span{color:var(--vl-mint)}\n.vylino-page.vyl-system .vl-footer-columns h3{font-family:var(--vl-font-body);font-size:.9375rem;font-weight:700;margin:0 0 1rem;text-transform:none}\n.vylino-page.vyl-system .vl-footer-columns p,.vylino-page.vyl-system .vl-footer-columns address{font-size:.9375rem;color:var(--vl-muted);font-style:normal}\n.vylino-page.vyl-system .vl-footer-columns nav>a,.vylino-page.vyl-system .vl-footer-contact>a{display:block;color:var(--vl-muted);font-size:.9375rem;text-decoration:none;padding:.55rem 0;line-height:1.5;min-height:40px}\n.vylino-page.vyl-system .vl-footer-columns a:hover{color:var(--vl-text);text-decoration:underline}\n.vylino-page.vyl-system .vl-footer-remote{border-left:2px solid var(--vl-mint);padding-left:.8rem;margin-top:1.25rem}\n.vylino-page.vyl-system .vl-footer-social{display:flex;flex-wrap:wrap;gap:0 1rem;margin-top:1rem}\n.vylino-page.vyl-system .vl-footer-social>a{font-size:.8125rem!important}\n.vylino-page.vyl-system .vl-footer-customer{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1.5rem;padding:1.25rem 0;border-top:1px solid var(--vl-border);border-bottom:1px solid var(--vl-border);font-size:.875rem}\n.vylino-page.vyl-system .vl-footer-customer span{color:var(--vl-muted);margin-right:auto}\n.vylino-page.vyl-system .vl-footer-customer a{padding:.5rem 0;color:var(--vl-text)}\n.vylino-page.vyl-system .vl-footer-subscribe{width:min(calc(100% - var(--vl-gutter)*2),var(--vl-max));margin:0 auto;padding:2rem 0;display:flex;--flex-direction:row;flex-direction:row;align-items:center;gap:2rem;--gap:2rem;background:transparent}\n.vylino-page.vyl-system .vl-footer-subscribe .elementor-widget-html{flex:1;width:auto}\n.vylino-page.vyl-system .vl-footer-subscribe h3{font-size:1.1rem;text-transform:none;margin-bottom:.5rem}\n.vylino-page.vyl-system .vl-footer-subscribe p{font-size:.875rem;color:var(--vl-muted);margin:0}\n.vylino-page.vyl-system .vl-footer-subscribe .vl-form-widget{width:26rem;max-width:100%;margin:0}\n.vylino-page.vyl-system .vl-footer-subscribe .elementor-field-label{font-size:.875rem}\n.vylino-page.vyl-system .vl-footer-bottomline{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;align-items:center;border-top:1px solid var(--vl-border);padding:1.25rem 0;font-size:.8125rem;color:var(--vl-muted)}\n.vylino-page.vyl-system .vl-footer-bottomline>span{margin-right:auto}\n.vylino-page.vyl-system .vl-footer-bottomline a{padding:.5rem 0;color:var(--vl-muted)}\n@media(max-width:1100px){.vylino-page.vyl-system .vl-desktop-nav{gap:1rem}.vylino-page.vyl-system .vl-brand-link span{display:none}.vylino-page.vyl-system .vl-footer-columns{gap:1.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}}\n@media(max-width:959px){.vylino-page.vyl-system .vl-desktop-nav,.vylino-page.vyl-system .vl-header-cta{display:none}.vylino-page.vyl-system .vl-mobile-menu{display:block}.vylino-page.vyl-system .vl-header-main{min-height:84px;flex-wrap:wrap;gap:0}.vylino-page.vyl-system .vl-brand-link{position:absolute;top:1rem;left:0}.vylino-page.vyl-system .vl-mobile-menu{width:100%;padding:1rem 0}.vylino-page.vyl-system .vl-mobile-menu>summary{display:flex;align-items:center;justify-content:center;gap:.6rem;list-style:none;min-height:48px;width:6rem;margin-left:auto;border:1px solid var(--vl-control-border);border-radius:var(--vl-radius-sm);font-weight:600}.vylino-page.vyl-system .vl-mobile-menu>summary::-webkit-details-marker{display:none}.vylino-page.vyl-system .vl-mobile-menu>nav{display:flex;flex-direction:column;gap:0;padding:1rem 0;border-top:1px solid var(--vl-border);margin-top:1rem}.vylino-page.vyl-system .vl-mobile-menu nav a,.vylino-page.vyl-system .vl-mobile-menu nav summary{display:block;padding:.8rem .5rem;color:var(--vl-text);text-decoration:none;font-weight:600;min-height:48px}.vylino-page.vyl-system .vl-mobile-menu nav details>div{padding-left:1rem;border-left:2px solid var(--vl-border)}.vylino-page.vyl-system .vl-mobile-menu nav .vl-button{color:var(--vl-button-text);margin-top:.75rem}.vylino-page.vyl-system .vl-mobile-menu summary:hover{background:var(--vl-soft)}.vylino-page.vyl-system .vl-footer-invitation{align-items:flex-start;flex-direction:column;gap:1.5rem}.vylino-page.vyl-system .vl-footer-actions{flex-direction:row;flex-wrap:wrap}.vylino-page.vyl-system .vl-footer-subscribe{flex-direction:column;--flex-direction:column;align-items:stretch}.vylino-page.vyl-system .vl-footer-subscribe .elementor-widget-html{width:100%}}\n@media(max-width:540px){.vylino-page.vyl-system .vl-utility-inner>span{display:none}.vylino-page.vyl-system .vl-utility-inner{justify-content:center}.vylino-page.vyl-system .vl-footer-columns{grid-template-columns:minmax(0,1fr);gap:2rem}.vylino-page.vyl-system .vl-footer-columns nav>a{min-height:44px}.vylino-page.vyl-system .vl-footer-invitation br{display:none}.vylino-page.vyl-system .vl-footer-customer>span{width:100%}.vylino-page.vyl-system .vl-footer-bottomline>span{width:100%}.vylino-page.vyl-system .vl-footer-actions{width:100%}.vylino-page.vyl-system .vl-footer-actions a{width:100%}}\n@media print{.vylino-page.vyl-system.vl-site-header,.vylino-page.vyl-system.vl-site-footer{display:none}}\n\n\/* Karnataka location page \u2014 custom additions on top of vylino-shared.css v1.1.0\n   Scoped to .vl-ka-page so nothing here leaks into other pages. *\/\n\n.vl-ka-page .vl-hero--ka {\n  position: relative;\n  overflow: hidden;\n  background: linear-gradient(120deg, var(--vl-bg) 30%, var(--vl-accent-wash) 68%, var(--vl-accent-tint));\n  border-block-end: 1px solid var(--vl-border);\n}\n.vl-ka-page .vl-hero--ka::after {\n  content: '';\n  position: absolute;\n  inset-inline-end: -6rem;\n  inset-block-start: -6rem;\n  inline-size: 26rem;\n  block-size: 26rem;\n  border-radius: 50%;\n  background: radial-gradient(circle at 30% 30%, var(--vl-accent-bright) 0%, transparent 70%);\n  opacity: .35;\n  pointer-events: none;\n}\n.vl-ka-page .vl-stat-strip {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 1px;\n  background: var(--vl-border);\n  border: 1px solid var(--vl-border);\n  border-radius: var(--vl-radius);\n  overflow: hidden;\n  margin-block-start: var(--vl-s6);\n}\n.vl-ka-page .vl-stat-strip > div {\n  background: var(--vl-surface);\n  padding: 1.35rem 1.5rem;\n}\n.vl-ka-page .vl-stat-strip strong {\n  display: block;\n  font-family: var(--vl-font-display);\n  font-size: clamp(1.5rem, 1.2rem + 1vw, 2.1rem);\n  font-weight: 700;\n  letter-spacing: -.02em;\n  color: var(--vl-text);\n}\n.vl-ka-page .vl-stat-strip span {\n  font-size: var(--vl-text-sm);\n  color: var(--vl-muted);\n}\n.vl-ka-page .vl-city-chip-grid {\n  display: flex;\n  flex-wrap: wrap;\n  gap: .6rem;\n  margin-block-start: var(--vl-s5);\n}\n.vl-ka-page .vl-city-chip {\n  display: inline-flex;\n  align-items: center;\n  gap: .4rem;\n  padding: .5rem .95rem;\n  border: 1px solid var(--vl-border);\n  border-radius: 99px;\n  background: var(--vl-surface);\n  font-size: var(--vl-text-sm);\n  font-weight: 600;\n  color: var(--vl-text);\n}\n.vl-ka-page .vl-city-chip::before {\n  content: '';\n  inline-size: .4rem;\n  block-size: .4rem;\n  border-radius: 50%;\n  background: var(--vl-accent);\n  flex: 0 0 auto;\n}\n.vl-ka-page .vl-problem-card {\n  position: relative;\n  padding-block-start: 2.75rem;\n}\n.vl-ka-page .vl-problem-card .vl-problem-icon {\n  position: absolute;\n  inset-block-start: 1.75rem;\n  inset-inline-start: 1.75rem;\n  inline-size: 2.75rem;\n  block-size: 2.75rem;\n  border-radius: var(--vl-radius-sm);\n  background: var(--vl-accent-tint);\n  color: var(--vl-accent);\n  display: grid;\n  place-items: center;\n  font-family: var(--vl-font-display);\n  font-weight: 700;\n}\n.vl-ka-page .vl-problem-card h3 { margin-block-start: 3.5rem; }\n.vl-ka-page .vl-city-table td strong { color: var(--vl-text); }\n.vl-ka-page .vl-cta--ka {\n  background: var(--vl-navy);\n  color: #F7F9FC;\n  border: none;\n}\n.vl-ka-page .vl-cta--ka h2, .vl-ka-page .vl-cta--ka p { color: #F7F9FC; }\n.vl-ka-page .vl-cta--ka .vl-muted { color: #C4CEDD; }\n.vl-ka-page .vl-cta--ka .vl-button--secondary { color: #F7F9FC; border-color: rgba(255,255,255,.4); }\n.vl-ka-page .vl-cta--ka .vl-button--secondary:hover { background: rgba(255,255,255,.1); border-color:#fff; color:#fff; }\n.vl-ka-page .vl-divide-strip {\n  display: flex;\n  gap: 1px;\n  background: var(--vl-border);\n  border: 1px solid var(--vl-border);\n  border-radius: var(--vl-radius);\n  overflow: hidden;\n  margin-block-start: var(--vl-s5);\n}\n.vl-ka-page .vl-divide-strip > div {\n  flex: 1;\n  background: var(--vl-surface);\n  padding: 1.25rem 1.5rem;\n}\n.vl-ka-page .vl-divide-strip h4 {\n  margin: 0 0 .35rem;\n  font-family: var(--vl-font-display);\n  font-size: 1rem;\n}\n.vl-ka-page .vl-divide-strip p { margin: 0; font-size: var(--vl-text-sm); color: var(--vl-muted); }\n@media (max-width: 39.99rem) {\n  .vl-ka-page .vl-stat-strip { grid-template-columns: 1fr; }\n  .vl-ka-page .vl-divide-strip { flex-direction: column; }\n}\n<\/style>\n<div class=\"vylino-page vyl-system vl-theme-locations vl-ka-page\">\n\n  <!-- Breadcrumbs -->\n  <nav class=\"vl-breadcrumbs vl-container\" aria-label=\"Breadcrumb\" style=\"padding-block-start:1.5rem;\">\n    <ol>\n      <li><a href=\"https:\/\/vylino.com\">Home<\/a><\/li>\n      <li><a href=\"https:\/\/vylino.com\/locations\/\">Locations<\/a><\/li>\n      <li>Karnataka<\/li>\n    <\/ol>\n  <\/nav>\n\n  <!-- HERO -->\n  <header class=\"vl-hero vl-hero--location vl-hero--ka\">\n    <div class=\"vl-container vl-split\">\n      <div>\n        <p class=\"vl-kicker\">Website Development in Karnataka<\/p>\n        <h1 class=\"vl-hero-title\">A website as sharp as the state that built India&#8217;s tech industry<\/h1>\n        <p class=\"vl-lead\">Karnataka gave India its startup capital, its coffee estates, its silk and sandalwood heritage, and a manufacturing belt most people never hear about. Vylino builds websites that carry that same credibility online \u2014 fast, mobile-first, easy to find, and built to turn visitors into customers, whether you&#8217;re in Bengaluru&#8217;s tech corridor or a family business in Hubballi.<\/p>\n        <div class=\"vl-actions vl-mt-md\">\n          <a class=\"vl-button\" href=\"https:\/\/vylino.com\/website-development\/\">Explore website development<\/a>\n          <a class=\"vl-button vl-button--secondary\" href=\"https:\/\/vylino.com\">Talk to Vylino<\/a>\n        <\/div>\n        <div class=\"vl-stat-strip\">\n          <div><strong>31<\/strong><span>districts across Karnataka we serve remotely<\/span><\/div>\n          <div><strong>10+<\/strong><span>industries covered \u2014 IT to agri-export<\/span><\/div>\n          <div><strong>2\u20136<\/strong><span>weeks average time to a launched website<\/span><\/div>\n          <div><strong>100%<\/strong><span>mobile-first, Kannada-and-English-ready builds<\/span><\/div>\n        <\/div>\n      <\/div>\n      <div>\n        <div class=\"vl-brief\">\n          <p class=\"vl-eyebrow\">Where we&#8217;re already working<\/p>\n          <div class=\"vl-city-chip-grid\">\n            <span class=\"vl-city-chip\">Bengaluru<\/span>\n            <span class=\"vl-city-chip\">Mysuru<\/span>\n            <span class=\"vl-city-chip\">Mangaluru<\/span>\n            <span class=\"vl-city-chip\">Hubballi-Dharwad<\/span>\n            <span class=\"vl-city-chip\">Belagavi<\/span>\n            <span class=\"vl-city-chip\">Davanagere<\/span>\n            <span class=\"vl-city-chip\">Ballari<\/span>\n            <span class=\"vl-city-chip\">Udupi<\/span>\n            <span class=\"vl-city-chip\">Shivamogga<\/span>\n            <span class=\"vl-city-chip\">Tumakuru<\/span>\n          <\/div>\n          <p class=\"vl-muted vl-mt-md\" style=\"margin-bottom:0;\">Don&#8217;t see your town? We work remotely with businesses across every district in Karnataka \u2014 location is never a barrier to getting a proper website built.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/header>\n\n  <!-- WHY THIS MATTERS: DEEP ANALYSIS -->\n  <section class=\"vl-section\">\n    <div class=\"vl-container vl-article-layout\">\n      <div class=\"vl-prose\">\n        <p class=\"vl-eyebrow\">The Karnataka business landscape<\/p>\n        <h2>Why Karnataka&#8217;s digital divide is bigger than most business owners realise<\/h2>\n        <p>Say &#8220;Karnataka&#8221; to most people and they picture Bengaluru \u2014 glass office towers, unicorn startups, and a tech workforce that has genuinely reshaped how the world thinks about Indian business. That picture is accurate, but it&#8217;s also incomplete in a way that matters a lot if you run a business outside the Outer Ring Road. Mysuru carries centuries of silk weaving, sandalwood craft, and a tourism economy built around its palaces and heritage sites. Mangaluru is a banking and port town with a strong cashew-processing and seafood-export industry. Hubballi-Dharwad blends cotton trade, machine tools, and a fast-growing IT-services scene of its own. Belagavi runs on sugar mills and foundries. Ballari sits on iron-ore mining and steel. Coorg and Chikmagalur grow a large share of India&#8217;s coffee, much of it destined for export. Udupi&#8217;s banking families built some of India&#8217;s most trusted private banks from a small coastal town most of the country still can&#8217;t place on a map.<\/p>\n        <p>That range is Karnataka&#8217;s real strength \u2014 but it also means the state carries one of the sharpest digital divides in the country. Bengaluru businesses, especially anything tech-adjacent, have absorbed a decade of design-literate, product-thinking talent and it shows in their websites. Step outside the city, though, and the picture changes fast. A silk exporter in Mysuru with genuine GI-tagged product and decades of buyer relationships may still be running on a single static page from 2013. A coffee estate in Chikmagalur with export-grade beans and a compelling story to tell often has no website at all beyond a Facebook page updated twice a year. A cashew processor in Mangaluru competing for export orders against Kerala and Goa-based rivals is frequently invisible to a buyer typing a simple product search into Google.<\/p>\n        <p>We keep seeing the same gap: real production capacity, real export relationships, real craftsmanship \u2014 and a digital presence that undersells all of it. In a state where the capital city has convinced the rest of the country that &#8220;Karnataka business&#8221; means cutting-edge technology, businesses outside Bengaluru are quietly losing ground to competitors in other states who simply invested earlier in a proper website and local SEO.<\/p>\n\n        <h2>The forces reshaping how Karnataka buys and sells<\/h2>\n        <p>A handful of shifts make this the right moment to fix that gap rather than live with it:<\/p>\n        <ul class=\"vl-checklist\">\n          <li><strong>Mobile-first discovery outside Bengaluru.<\/strong> In Hubballi, Belagavi, and Mangaluru, most local searches now happen on a phone over average network speeds \u2014 a heavy, unoptimised website loses the customer before it even finishes loading.<\/li>\n          <li><strong>Kannada-and-English buyer journeys.<\/strong> A retail customer in Davanagere may search in Kannada; an export buyer evaluating a Mysuru silk unit searches in English. Websites built for only one language quietly exclude the other.<\/li>\n          <li><strong>Bengaluru&#8217;s shadow effect.<\/strong> Buyers researching Karnataka suppliers often expect Bengaluru-grade professionalism as the baseline \u2014 even for a business in a smaller town \u2014 which makes an outdated website look worse by comparison than it would elsewhere.<\/li>\n          <li><strong>GI-tag and export momentum.<\/strong> Mysuru silk, Coorg coffee, and other GI-recognised products are drawing fresh international attention \u2014 attention that a weak or missing website simply cannot capture into actual orders.<\/li>\n          <li><strong>WhatsApp as the real sales channel.<\/strong> Across Karnataka&#8217;s MSME economy, WhatsApp has effectively become the CRM. Websites that don&#8217;t connect cleanly into that flow leave a real gap between &#8220;found you online&#8221; and &#8220;spoke to you.&#8221;<\/li>\n          <li><strong>Vendor and marketplace onboarding.<\/strong> Exporters in cashew, coffee, and textiles increasingly need a credible website just to pass vendor-vetting checks used by larger domestic and international buyers.<\/li>\n        <\/ul>\n      <\/div>\n\n      <aside class=\"vl-toc vl-sticky\" aria-label=\"On this page\">\n        <p class=\"vl-eyebrow\" style=\"margin-bottom:1rem;\">On this page<\/p>\n        <ol>\n          <li><a href=\"#problems\">Common problems we see<\/a><\/li>\n          <li><a href=\"#cities\">City-by-city snapshot<\/a><\/li>\n          <li><a href=\"#solution\">How Vylino solves it<\/a><\/li>\n          <li><a href=\"#services\">Services for Karnataka businesses<\/a><\/li>\n          <li><a href=\"#faq\">FAQs<\/a><\/li>\n        <\/ol>\n      <\/aside>\n    <\/div>\n  <\/section>\n\n  <!-- PROBLEMS -->\n  <section class=\"vl-section vl-surface-canvas\" id=\"problems\">\n    <div class=\"vl-container\">\n      <div class=\"vl-section-head\">\n        <div>\n          <p class=\"vl-eyebrow\">What&#8217;s actually going wrong<\/p>\n          <h2>Six problems we keep finding on Karnataka business websites<\/h2>\n        <\/div>\n        <p class=\"vl-lead vl-mb-0\">These are the specific, fixable issues that come up again and again when we audit a website for a business anywhere from Mysuru to Ballari \u2014 not just outside Bengaluru, but sometimes inside it too.<\/p>\n      <\/div>\n\n      <div class=\"vl-grid vl-grid--3\">\n        <div class=\"vl-card vl-problem-card\">\n          <span class=\"vl-problem-icon\">01<\/span>\n          <h3>No website, or one nobody maintains<\/h3>\n          <p>Many established Karnataka manufacturers and exporters still rely on an IndiaMART listing, a Facebook page, or a website untouched for years. New buyers researching a supplier find nothing current and quietly move on to a competitor who looks active.<\/p>\n        <\/div>\n        <div class=\"vl-card vl-problem-card\">\n          <span class=\"vl-problem-icon\">02<\/span>\n          <h3>Slow, non-mobile sites losing traffic<\/h3>\n          <p>On real-world mobile connections in Belagavi, Ballari, or Shivamogga, a heavy, image-stuffed homepage can take 8\u201310 seconds to load. Most visitors leave before it finishes \u2014 a measurable, invisible loss of enquiries every single day.<\/p>\n        <\/div>\n        <div class=\"vl-card vl-problem-card\">\n          <span class=\"vl-problem-icon\">03<\/span>\n          <h3>Invisible in local and export search<\/h3>\n          <p>Searches like &#8220;cashew exporters Mangaluru&#8221; or &#8220;silk sarees Mysuru online&#8221; go to whoever is properly optimised for that phrase \u2014 not necessarily the best supplier. Without structured SEO, strong businesses stay buried below weaker, better-optimised competitors.<\/p>\n        <\/div>\n        <div class=\"vl-card vl-problem-card\">\n          <span class=\"vl-problem-icon\">04<\/span>\n          <h3>No bridge to WhatsApp and calls<\/h3>\n          <p>A website that ends at a static contact page, with no click-to-WhatsApp, no instant quote form, and no click-to-call, forces the buyer to do extra work \u2014 friction that alone can cost a sale in a fast-moving market.<\/p>\n        <\/div>\n        <div class=\"vl-card vl-problem-card\">\n          <span class=\"vl-problem-icon\">05<\/span>\n          <h3>Weak trust signals for export &amp; B2B buyers<\/h3>\n          <p>International buyers vetting a Karnataka coffee estate, cashew processor, or textile unit expect certifications, production details, and compliance information online. Many capable businesses lose shortlists simply because none of this is presented properly.<\/p>\n        <\/div>\n        <div class=\"vl-card vl-problem-card\">\n          <span class=\"vl-problem-icon\">06<\/span>\n          <h3>Can&#8217;t compete with Bengaluru-grade expectations<\/h3>\n          <p>Buyers researching any Karnataka business often expect a baseline of digital polish shaped by Bengaluru&#8217;s tech reputation \u2014 an outdated site outside the city can look weaker by comparison than the same site would in another state.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- CITY SNAPSHOT -->\n  <section class=\"vl-section\" id=\"cities\">\n    <div class=\"vl-container\">\n      <div class=\"vl-section-head\">\n        <div>\n          <p class=\"vl-eyebrow\">Regional context<\/p>\n          <h2>A quick read on Karnataka&#8217;s key business hubs<\/h2>\n        <\/div>\n        <p class=\"vl-lead vl-mb-0\">We tailor every build to the local industry mix and buyer behaviour \u2014 here&#8217;s a snapshot of how that plays out across the state.<\/p>\n      <\/div>\n      <div class=\"vl-table-scroll vl-city-table\">\n        <table class=\"vl-table\">\n          <thead>\n            <tr>\n              <th scope=\"col\">City \/ Region<\/th>\n              <th scope=\"col\">Dominant industries<\/th>\n              <th scope=\"col\">Biggest digital gap<\/th>\n            <\/tr>\n          <\/thead>\n          <tbody>\n            <tr>\n              <th scope=\"row\"><a href=\"https:\/\/vylino.com\/locations\/karnataka\/bengaluru\/\">Bengaluru<\/a><\/th>\n              <td>IT services, startups, biotech, aerospace<\/td>\n              <td>Crowded market \u2014 needs sharper positioning and speed, not just presence<\/td>\n            <\/tr>\n            <tr>\n              <th scope=\"row\">Mysuru<\/th>\n              <td>Silk weaving, sandalwood craft, heritage tourism<\/td>\n              <td>GI-tagged product with almost no export-ready online catalogue<\/td>\n            <\/tr>\n            <tr>\n              <th scope=\"row\">Mangaluru &amp; Udupi<\/th>\n              <td>Banking, port trade, cashew &amp; seafood export<\/td>\n              <td>Strong export relationships with little to no digital storefront to support them<\/td>\n            <\/tr>\n            <tr>\n              <th scope=\"row\">Hubballi-Dharwad<\/th>\n              <td>Cotton trade, machine tools, growing IT services<\/td>\n              <td>Manufacturing scale far outpaces the website \u2014 local SEO barely contested<\/td>\n            <\/tr>\n            <tr>\n              <th scope=\"row\">Belagavi<\/th>\n              <td>Sugar mills, foundries, agro-processing<\/td>\n              <td>Almost no structured B2B content for buyers researching suppliers<\/td>\n            <\/tr>\n            <tr>\n              <th scope=\"row\">Ballari<\/th>\n              <td>Iron ore mining, steel, allied industries<\/td>\n              <td>Heavy industry with a website presence that hasn&#8217;t kept pace with scale<\/td>\n            <\/tr>\n            <tr>\n              <th scope=\"row\">Coorg &amp; Chikmagalur<\/th>\n              <td>Coffee cultivation &amp; export, spice plantations<\/td>\n              <td>Compelling estate stories with no e-commerce or export buyer content online<\/td>\n            <\/tr>\n          <\/tbody>\n        <\/table>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- BENGALURU VS REST OF STATE -->\n  <section class=\"vl-section vl-surface-tint\">\n    <div class=\"vl-container\">\n      <div class=\"vl-note\">\n        <p class=\"vl-eyebrow\" style=\"margin-bottom:.5rem;\">The Bengaluru effect<\/p>\n        <p style=\"margin-bottom:0;\">Karnataka&#8217;s reputation as India&#8217;s tech capital sets a high bar for digital credibility \u2014 and that bar applies to every business in the state, not just Bengaluru&#8217;s. A buyer comparing a Mysuru exporter to a competitor in another state doesn&#8217;t grade on a curve for geography; they compare websites side by side. That makes closing the digital gap outside Bengaluru not just useful, but genuinely urgent.<\/p>\n      <\/div>\n      <div class=\"vl-divide-strip\">\n        <div>\n          <h4>Bengaluru businesses<\/h4>\n          <p>Compete on differentiation and speed in an already digitally mature market \u2014 the challenge is standing out, not being found.<\/p>\n        <\/div>\n        <div>\n          <h4>Rest-of-state businesses<\/h4>\n          <p>Compete for basic visibility \u2014 the challenge is simply being found, trusted, and contacted at all.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- SOLUTION \/ PROCESS -->\n  <section class=\"vl-section\" id=\"solution\">\n    <div class=\"vl-container vl-split\">\n      <div>\n        <p class=\"vl-eyebrow\">How we fix it<\/p>\n        <h2>A website process built around how Karnataka buyers actually decide<\/h2>\n        <p class=\"vl-lead\">We don&#8217;t hand every client the same template. We start by understanding the district, the industry, and the buyer \u2014 then build a site engineered to earn trust and convert enquiries in that specific context.<\/p>\n      <\/div>\n      <ol class=\"vl-process\">\n        <li>\n          <h3>Discovery &amp; competitor mapping<\/h3>\n          <p>We study who&#8217;s ranking for your city and industry right now, what your real buyers search for in Kannada and English, and where your current site \u2014 or lack of one \u2014 is losing enquiries.<\/p>\n        <\/li>\n        <li>\n          <h3>Design for local &amp; export credibility<\/h3>\n          <p>Clean, fast, professional design that signals trust immediately \u2014 certifications, estate or factory photography, product depth, and client history given the weight they deserve.<\/p>\n        <\/li>\n        <li>\n          <h3>Mobile-first, low-bandwidth build<\/h3>\n          <p>Every page is engineered to load quickly on an average Indian mobile connection, because that&#8217;s where most of your Karnataka traffic \u2014 inside or outside Bengaluru \u2014 actually comes from.<\/p>\n        <\/li>\n        <li>\n          <h3>WhatsApp &amp; enquiry-flow integration<\/h3>\n          <p>Click-to-WhatsApp, quick quote forms, and click-to-call are built into the journey, not bolted on \u2014 so a visitor can go from &#8220;found you&#8221; to &#8220;spoke to you&#8221; in one tap.<\/p>\n        <\/li>\n        <li>\n          <h3>Local SEO &amp; Google Business alignment<\/h3>\n          <p>City, district, and product-specific pages, structured data, and Google Business Profile alignment so you show up for the searches that actually happen around your business.<\/p>\n        <\/li>\n        <li>\n          <h3>Launch, training &amp; ongoing growth<\/h3>\n          <p>We hand the site over with your team fully trained to update it, and stay available for the SEO, content, and maintenance work that keeps it performing after launch.<\/p>\n        <\/li>\n      <\/ol>\n    <\/div>\n  <\/section>\n\n  <!-- SERVICES -->\n  <section class=\"vl-section\" id=\"services\">\n    <div class=\"vl-container\">\n      <div class=\"vl-section-head\">\n        <div>\n          <p class=\"vl-eyebrow\">Built for Karnataka businesses<\/p>\n          <h2>Services we deliver across the state<\/h2>\n        <\/div>\n        <p class=\"vl-lead vl-mb-0\">Every engagement is remote-friendly, so your location anywhere in Karnataka never limits the quality of the team working on your site.<\/p>\n      <\/div>\n      <div class=\"vl-grid vl-grid--4\">\n        <a class=\"vl-card vl-card--link\" href=\"https:\/\/vylino.com\/website-development\/\">\n          <p class=\"vl-card-label\">Website Development<\/p>\n          <h3>Business &amp; corporate websites<\/h3>\n          <p class=\"vl-muted\">Fast, professional websites for manufacturers, exporters, service firms, and institutes across Karnataka.<\/p>\n          <span class=\"vl-link-arrow\">Learn more \u2192<\/span>\n        <\/a>\n        <a class=\"vl-card vl-card--link\" href=\"https:\/\/vylino.com\/website-development\/\">\n          <p class=\"vl-card-label\">E-Commerce<\/p>\n          <h3>Online stores that sell<\/h3>\n          <p class=\"vl-muted\">Product catalogues and checkout flows built for exporters, estates, and D2C brands based anywhere in the state.<\/p>\n          <span class=\"vl-link-arrow\">Learn more \u2192<\/span>\n        <\/a>\n        <a class=\"vl-card vl-card--link\" href=\"https:\/\/vylino.com\/website-development\/\">\n          <p class=\"vl-card-label\">Local SEO<\/p>\n          <h3>Rank in your city<\/h3>\n          <p class=\"vl-muted\">On-page, technical, and Google Business optimisation targeted at your specific district and buyer intent.<\/p>\n          <span class=\"vl-link-arrow\">Learn more \u2192<\/span>\n        <\/a>\n        <a class=\"vl-card vl-card--link\" href=\"https:\/\/vylino.com\/website-development\/\">\n          <p class=\"vl-card-label\">Redesign &amp; Maintenance<\/p>\n          <h3>Rebuild what&#8217;s holding you back<\/h3>\n          <p class=\"vl-muted\">Migrate an outdated or slow website onto a modern, secure, easy-to-manage platform \u2014 with ongoing support.<\/p>\n          <span class=\"vl-link-arrow\">Learn more \u2192<\/span>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ILLUSTRATIVE SCENARIO -->\n  <section class=\"vl-section vl-surface-canvas\">\n    <div class=\"vl-container\">\n      <figure class=\"vl-quote vl-card\">\n        <blockquote>\n          <p>Picture a coffee estate in Chikmagalur \u2014 award-quality beans, a genuine sustainability story, and steady demand from roasters abroad, but a website that&#8217;s a single static page with a phone number and one blurry photo. A buyer researching estates online finds nothing to compare, no story, no traceability, and quietly moves to a competitor with a proper site. A rebuilt, mobile-first website with real photography, a clear product story, and an easy enquiry flow is often the fastest way to convert decades of quality into new export relationships \u2014 faster than almost any other investment the same budget could buy.<\/p>\n        <\/blockquote>\n        <figcaption>A pattern we see repeatedly across estates, exporters, and manufacturers throughout Karnataka.<\/figcaption>\n      <\/figure>\n    <\/div>\n  <\/section>\n\n  <!-- FAQ -->\n  <section class=\"vl-section\" id=\"faq\">\n    <div class=\"vl-container vl-split--equal\">\n      <div>\n        <p class=\"vl-eyebrow\">Common questions<\/p>\n        <h2>Website development in Karnataka \u2014 FAQs<\/h2>\n        <p class=\"vl-lead\">Straight answers to what business owners across the state usually ask us before getting started.<\/p>\n        <p><a class=\"vl-button\" href=\"https:\/\/vylino.com\/website-development\/\">Start a conversation with Vylino<\/a><\/p>\n      <\/div>\n      <div class=\"vl-faq\">\n        <details>\n          <summary>Do you work with businesses outside Bengaluru?<\/summary>\n          <p>Yes. Most of our Karnataka clients are outside Bengaluru \u2014 Mysuru, Mangaluru, Hubballi-Dharwad, Belagavi, Chikmagalur, and smaller towns across the state. All our work is done remotely, with the same process and quality regardless of location.<\/p>\n        <\/details>\n        <details>\n          <summary>Can the website support Kannada and English content?<\/summary>\n          <p>Yes. We regularly build bilingual sites so you can reach customers and buyers in the language they actually search and buy in, rather than losing them to an English-only experience.<\/p>\n        <\/details>\n        <details>\n          <summary>We&#8217;re an exporter \u2014 can a website really help with international buyers?<\/summary>\n          <p>Absolutely. A professional website with a clear product story, certifications, and traceability details is often the first thing an international buyer checks before ever sending an enquiry \u2014 it&#8217;s frequently the difference between making a shortlist and being skipped entirely.<\/p>\n        <\/details>\n        <details>\n          <summary>Our business isn&#8217;t in tech \u2014 does that matter?<\/summary>\n          <p>Not at all. We work as much with coffee estates, exporters, manufacturers, and service businesses as we do with startups. A good website looks different for each, but the underlying goal \u2014 being found, trusted, and contacted \u2014 is the same.<\/p>\n        <\/details>\n        <details>\n          <summary>We already have a website \u2014 can you fix it instead of starting over?<\/summary>\n          <p>Often, yes. We start with an audit of your current site&#8217;s speed, mobile experience, and search visibility, and recommend a rebuild only where it&#8217;s genuinely the faster path to results.<\/p>\n        <\/details>\n        <details>\n          <summary>What happens after the website launches?<\/summary>\n          <p>We hand over full training so your team can make everyday updates, and offer ongoing maintenance and growth support for businesses that want continued SEO and content work.<\/p>\n        <\/details>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- FINAL CTA -->\n  <section class=\"vl-section\">\n    <div class=\"vl-container\">\n      <div class=\"vl-cta vl-cta--ka vl-center vl-measure\" style=\"max-inline-size:44rem;\">\n        <h2>Let&#8217;s build a website your Karnataka customers actually find, trust, and buy from<\/h2>\n        <p class=\"vl-muted\">Wherever you&#8217;re based in the state \u2014 Bengaluru, Mysuru, Mangaluru, or beyond \u2014 Vylino can design, build, and grow a website that matches the credibility you&#8217;ve already earned offline.<\/p>\n        <div class=\"vl-actions vl-center\" style=\"justify-content:center;\">\n          <a class=\"vl-button\" href=\"https:\/\/vylino.com\/website-development\/\">Get started with Vylino<\/a>\n          <a class=\"vl-button vl-button--secondary\" href=\"https:\/\/vylino.com\">Talk to Vylino<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Home Locations Karnataka Website Development in Karnataka A website as sharp as the state that built India&#8217;s tech industry Karnataka [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":10622,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-11281","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vylino.com\/fr\/wp-json\/wp\/v2\/pages\/11281","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vylino.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vylino.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vylino.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vylino.com\/fr\/wp-json\/wp\/v2\/comments?post=11281"}],"version-history":[{"count":4,"href":"https:\/\/vylino.com\/fr\/wp-json\/wp\/v2\/pages\/11281\/revisions"}],"predecessor-version":[{"id":12132,"href":"https:\/\/vylino.com\/fr\/wp-json\/wp\/v2\/pages\/11281\/revisions\/12132"}],"up":[{"embeddable":true,"href":"https:\/\/vylino.com\/fr\/wp-json\/wp\/v2\/pages\/10622"}],"wp:attachment":[{"href":"https:\/\/vylino.com\/fr\/wp-json\/wp\/v2\/media?parent=11281"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}