{"id":11283,"date":"2026-09-14T05:42:17","date_gmt":"2026-09-14T05:42:17","guid":{"rendered":"https:\/\/vylino.com\/?page_id=11283"},"modified":"2026-09-28T08:36:28","modified_gmt":"2026-09-28T08:36:28","slug":"haryana","status":"publish","type":"page","link":"https:\/\/vylino.com\/de\/locations\/haryana\/","title":{"rendered":"Haryana"},"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\/* Haryana location page \u2014 custom additions on top of vylino-shared.css v1.1.0\n   Scoped to .vl-hr-page so nothing here leaks into other pages. *\/\n\n.vl-hr-page .vl-hero--hr {\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-hr-page .vl-hero--hr::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-hr-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-hr-page .vl-stat-strip > div {\n  background: var(--vl-surface);\n  padding: 1.35rem 1.5rem;\n}\n.vl-hr-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-hr-page .vl-stat-strip span {\n  font-size: var(--vl-text-sm);\n  color: var(--vl-muted);\n}\n.vl-hr-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-hr-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-hr-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-hr-page .vl-problem-card {\n  position: relative;\n  padding-block-start: 2.75rem;\n}\n.vl-hr-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-hr-page .vl-problem-card h3 { margin-block-start: 3.5rem; }\n.vl-hr-page .vl-city-table td strong { color: var(--vl-text); }\n.vl-hr-page .vl-cta--hr {\n  background: var(--vl-navy);\n  color: #F7F9FC;\n  border: none;\n}\n.vl-hr-page .vl-cta--hr h2, .vl-hr-page .vl-cta--hr p { color: #F7F9FC; }\n.vl-hr-page .vl-cta--hr .vl-muted { color: #C4CEDD; }\n.vl-hr-page .vl-cta--hr .vl-button--secondary { color: #F7F9FC; border-color: rgba(255,255,255,.4); }\n.vl-hr-page .vl-cta--hr .vl-button--secondary:hover { background: rgba(255,255,255,.1); border-color:#fff; color:#fff; }\n.vl-hr-page .vl-corridor-strip {\n  display: flex;\n  flex-wrap: wrap;\n  gap: .5rem;\n  margin-block-start: var(--vl-s4);\n}\n.vl-hr-page .vl-corridor-strip span {\n  padding: .35rem .8rem;\n  background: var(--vl-soft);\n  border-radius: var(--vl-radius-sm);\n  font-size: var(--vl-text-xs);\n  font-weight: 600;\n  color: var(--vl-muted);\n}\n@media (max-width: 39.99rem) {\n  .vl-hr-page .vl-stat-strip { grid-template-columns: 1fr; }\n}\n<\/style>\n<div class=\"vylino-page vyl-system vl-theme-locations vl-hr-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>Haryana<\/li>\n    <\/ol>\n  <\/nav>\n\n  <!-- HERO -->\n  <header class=\"vl-hero vl-hero--location vl-hero--hr\">\n    <div class=\"vl-container vl-split\">\n      <div>\n        <p class=\"vl-kicker\">Website Development in Haryana<\/p>\n        <h1 class=\"vl-hero-title\">A website built for the state that manufactures, exports, and moves India forward<\/h1>\n        <p class=\"vl-lead\">Gurugram&#8217;s corporate towers, Faridabad&#8217;s factory floors, Panipat&#8217;s looms, and Karnal&#8217;s rice mills all sit in the same small state \u2014 and each one needs a completely different kind of website to win online. Vylino builds websites that carry your credibility just as far as your product already travels \u2014 fast, mobile-first, easy to find, and built to convert visitors into customers.<\/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>22<\/strong><span>districts across Haryana we serve remotely<\/span><\/div>\n          <div><strong>10+<\/strong><span>industries covered \u2014 export manufacturing to corporate services<\/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, Hindi-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\">Gurugram<\/span>\n            <span class=\"vl-city-chip\"><a href=\"https:\/\/vylino.com\/locations\/haryana\/faridabad\/\">Faridabad<\/a><\/span>\n            <span class=\"vl-city-chip\">Panipat<\/span>\n            <span class=\"vl-city-chip\">Karnal<\/span>\n            <span class=\"vl-city-chip\">Sonipat<\/span>\n            <span class=\"vl-city-chip\">Ambala<\/span>\n            <span class=\"vl-city-chip\">Hisar<\/span>\n            <span class=\"vl-city-chip\">Rohtak<\/span>\n            <span class=\"vl-city-chip\">Yamunanagar<\/span>\n            <span class=\"vl-city-chip\">Rewari-Bawal<\/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 Haryana \u2014 proximity to Delhi is never a requirement for 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 Haryana business landscape<\/p>\n        <h2>Why Haryana&#8217;s two economies need two different kinds of website<\/h2>\n        <p>Haryana runs two economies at once, and most website strategies only account for one of them. The first is the Gurugram-Faridabad corridor \u2014 glass office towers, multinational back-offices, fintech and consulting firms, and an auto-manufacturing base that includes some of India&#8217;s largest passenger-vehicle plants. This part of Haryana is digitally mature. It competes on speed, polish, and positioning, not basic visibility. The second Haryana is everywhere else \u2014 Panipat&#8217;s textile and handloom mills exporting blankets and carpets worldwide, Karnal&#8217;s basmati rice trade feeding a global export market, Yamunanagar&#8217;s plywood and paper industry, Ambala&#8217;s scientific-instrument manufacturers, Hisar&#8217;s steel and agricultural-implement units, and Sonipat&#8217;s auto-component and foundry belt. This second Haryana produces at genuine scale and exports around the world, but its digital presence rarely reflects either fact.<\/p>\n        <p>We see the pattern constantly: a Panipat textile exporter with a factory the size of a football field and clients across Europe and the Gulf, but no product catalogue a new international buyer can browse. A Karnal basmati trader with an export license and decades of relationships, invisible to a buyer typing &#8220;basmati rice exporter India&#8221; into Google because there&#8217;s no optimised website to be found. An Ambala precision-instrument manufacturer that could easily win government and institutional tenders, but loses out because procurement teams can&#8217;t find enough credible information online before shortlisting. The manufacturing and export capability is real. The website that should be turning that capability into new orders simply isn&#8217;t doing its job.<\/p>\n        <p>What makes this especially costly in Haryana is proximity. Sitting right next to Delhi NCR means Haryana&#8217;s non-metro businesses are constantly compared \u2014 consciously or not \u2014 against a far more digitally mature capital-region standard. A buyer who&#8217;s used to slick, fast, professional websites from Gurugram-based companies applies the same expectation to a Panipat exporter or a Karnal trader, whether that&#8217;s fair or not. Businesses that don&#8217;t close that gap aren&#8217;t just losing to competitors in their own district \u2014 they&#8217;re losing to a perception set by their wealthier, more visible neighbour thirty kilometres away.<\/p>\n\n        <h2>The forces reshaping how Haryana buys and sells<\/h2>\n        <p>A handful of shifts make this the right time to invest in a proper website rather than defer it further:<\/p>\n        <ul class=\"vl-checklist\">\n          <li><strong>Mobile-first discovery beyond NCR.<\/strong> In Hisar, Sonipat, and Yamunanagar, 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>Hindi-and-English buyer journeys.<\/strong> A retail customer in Rohtak may search in Hindi; an export buyer evaluating a Panipat textile mill searches in English. A website built for only one language quietly excludes the other.<\/li>\n          <li><strong>The NCR comparison effect.<\/strong> Buyers researching any Haryana supplier increasingly hold them to a Gurugram-adjacent standard of professionalism, which makes an outdated website look weaker by comparison than it might in a state further from Delhi.<\/li>\n          <li><strong>Industrial corridor growth.<\/strong> The Kundli-Manesar-Palwal (KMP) expressway and HSIIDC&#8217;s industrial estates are pulling new manufacturing investment into districts that never had to compete digitally before, and now must.<\/li>\n          <li><strong>WhatsApp as the real sales channel.<\/strong> Across Haryana&#8217;s MSME and export economy, WhatsApp has effectively become the CRM. A website that doesn&#8217;t connect cleanly into that flow leaves a real gap between &#8220;found you online&#8221; and &#8220;closed the order.&#8221;<\/li>\n          <li><strong>Export vendor onboarding.<\/strong> Basmati, textile, and auto-component exporters increasingly need a credible website just to clear the vendor-vetting process 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 Haryana 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 Haryana 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 Panipat to Hisar \u2014 including some just outside Gurugram itself.<\/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 Haryana exporters and manufacturers 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 Hisar, Rohtak, or Yamunanagar, 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;basmati rice exporter Karnal&#8221; or &#8220;textile manufacturer Panipat&#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 industrial 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 Haryana textile mill, rice trader, or auto-component unit expect certifications, production capacity, and compliance details 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>Judged against a Gurugram standard<\/h3>\n          <p>Buyers researching any Haryana business often apply an NCR-grade expectation of digital polish, shaped by the state&#8217;s proximity to Delhi&#8217;s corporate corridor \u2014 an outdated site elsewhere in the state can look weaker by comparison than it would elsewhere in India.<\/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 Haryana&#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\/haryana\/gurugram\/\">Gurugram<\/a><\/th>\n              <td>Corporate HQs, IT\/BPO, fintech, auto MNCs<\/td>\n              <td>Crowded market \u2014 needs sharper positioning and speed, not just presence<\/td>\n            <\/tr>\n            <tr>\n              <th scope=\"row\">Faridabad<\/th>\n              <td>Industrial manufacturing, auto parts, tractors<\/td>\n              <td>Large factories with a website presence that hasn&#8217;t kept pace with scale<\/td>\n            <\/tr>\n            <tr>\n              <th scope=\"row\">Panipat<\/th>\n              <td>Textiles, handloom, carpets &amp; blanket exports<\/td>\n              <td>Massive export volume with almost no online product catalogue for new buyers<\/td>\n            <\/tr>\n            <tr>\n              <th scope=\"row\">Karnal &amp; Kaithal<\/th>\n              <td>Basmati rice trade, dairy, agri-processing<\/td>\n              <td>Strong export relationships with little to no digital storefront to support them<\/td>\n            <\/tr>\n            <tr>\n              <th scope=\"row\">Sonipat &amp; Rewari-Bawal<\/th>\n              <td>Auto components, foundries, industrial estates<\/td>\n              <td>B2B buyers can&#8217;t find enough credible information online before shortlisting<\/td>\n            <\/tr>\n            <tr>\n              <th scope=\"row\">Ambala<\/th>\n              <td>Scientific &amp; surgical instruments, cantonment trade<\/td>\n              <td>Precision manufacturing with almost no export-ready English content<\/td>\n            <\/tr>\n            <tr>\n              <th scope=\"row\">Hisar &amp; Yamunanagar<\/th>\n              <td>Steel, agri-implements, plywood &amp; paper<\/td>\n              <td>Heavy industry scale with local SEO barely contested by anyone yet<\/td>\n            <\/tr>\n          <\/tbody>\n        <\/table>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- CORRIDOR CALLOUT -->\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;\">Industrial corridors reshaping the state<\/p>\n        <p style=\"margin-bottom:0;\">The Kundli-Manesar-Palwal (KMP) Expressway and HSIIDC&#8217;s industrial estates are pulling fresh manufacturing investment into districts that never had to compete digitally before. As more buyers, vendors, and investors research Haryana suppliers online before ever visiting in person, a credible website has quietly become as important as a good location on the map.<\/p>\n      <\/div>\n      <div class=\"vl-corridor-strip\">\n        <span>Basmati Export \u2014 Karnal<\/span>\n        <span>Textiles &amp; Carpets \u2014 Panipat<\/span>\n        <span>Auto Components \u2014 Faridabad &amp; Bawal<\/span>\n        <span>Scientific Instruments \u2014 Ambala<\/span>\n        <span>Plywood &amp; Paper \u2014 Yamunanagar<\/span>\n        <span>Steel \u2014 Hisar<\/span>\n        <span>IT &amp; Corporate \u2014 Gurugram<\/span>\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 Haryana 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 Hindi 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, factory or mill 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 the majority of your Haryana traffic \u2014 inside or outside NCR \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 Haryana 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 Haryana 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 Haryana.<\/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 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 textile exporter in Panipat \u2014 a factory floor the size of a football field, steady orders from buyers in Europe and the Gulf, and a website that&#8217;s a single page with a phone number and a handful of low-resolution photos. A new international buyer researching suppliers online finds nothing to compare, no catalogue, no certifications, and quietly moves on to a competitor with a proper site. A rebuilt, mobile-first website with a clear product catalogue and export-ready credibility pages is often the fastest way to convert real production capacity into new orders \u2014 faster than almost any other investment the same budget could buy.<\/p>\n        <\/blockquote>\n        <figcaption>A pattern we see repeatedly across export clusters and manufacturing hubs throughout Haryana.<\/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 Haryana \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 Gurugram and Faridabad?<\/summary>\n          <p>Yes. Most of our Haryana clients are outside the NCR belt \u2014 Panipat, Karnal, Hisar, Ambala, Yamunanagar, 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 Hindi 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 catalogue, certifications, and production 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>How long does a typical project take?<\/summary>\n          <p>Most business websites are designed, built, and launched within two to six weeks, depending on scope \u2014 e-commerce and larger multi-product export sites take longer and are scoped individually.<\/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--hr vl-center vl-measure\" style=\"max-inline-size:44rem;\">\n        <h2>Let&#8217;s build a website your Haryana customers actually find, trust, and buy from<\/h2>\n        <p class=\"vl-muted\">Wherever you&#8217;re based in the state \u2014 Gurugram, Panipat, Karnal, 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 Haryana Website Development in Haryana A website built for the state that manufactures, exports, and moves India forward [&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-11283","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vylino.com\/de\/wp-json\/wp\/v2\/pages\/11283","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vylino.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vylino.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vylino.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vylino.com\/de\/wp-json\/wp\/v2\/comments?post=11283"}],"version-history":[{"count":5,"href":"https:\/\/vylino.com\/de\/wp-json\/wp\/v2\/pages\/11283\/revisions"}],"predecessor-version":[{"id":12133,"href":"https:\/\/vylino.com\/de\/wp-json\/wp\/v2\/pages\/11283\/revisions\/12133"}],"up":[{"embeddable":true,"href":"https:\/\/vylino.com\/de\/wp-json\/wp\/v2\/pages\/10622"}],"wp:attachment":[{"href":"https:\/\/vylino.com\/de\/wp-json\/wp\/v2\/media?parent=11283"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}