/* VoiceLinkPA inner bundle: generated by bin/build-css.php, do not edit */
/* assets/css/fonts.css */
@font-face{font-family: 'IBM Plex Sans Thai';font-style: normal;font-weight: 400;font-display: swap;src: url('../../../assets/fonts/ibm-plex-sans-thai-thai-400.woff2') format('woff2');unicode-range: U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family: 'IBM Plex Sans Thai';font-style: normal;font-weight: 400;font-display: swap;src: url('../../../assets/fonts/ibm-plex-sans-thai-latin-400.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'IBM Plex Sans Thai';font-style: normal;font-weight: 500;font-display: swap;src: url('../../../assets/fonts/ibm-plex-sans-thai-thai-500.woff2') format('woff2');unicode-range: U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family: 'IBM Plex Sans Thai';font-style: normal;font-weight: 500;font-display: swap;src: url('../../../assets/fonts/ibm-plex-sans-thai-latin-500.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'IBM Plex Sans Thai';font-style: normal;font-weight: 600;font-display: swap;src: url('../../../assets/fonts/ibm-plex-sans-thai-thai-600.woff2') format('woff2');unicode-range: U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family: 'IBM Plex Sans Thai';font-style: normal;font-weight: 600;font-display: swap;src: url('../../../assets/fonts/ibm-plex-sans-thai-latin-600.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'IBM Plex Sans Thai';font-style: normal;font-weight: 700;font-display: swap;src: url('../../../assets/fonts/ibm-plex-sans-thai-thai-700.woff2') format('woff2');unicode-range: U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family: 'IBM Plex Sans Thai';font-style: normal;font-weight: 700;font-display: swap;src: url('../../../assets/fonts/ibm-plex-sans-thai-latin-700.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'Inter';font-style: normal;font-weight: 400;font-display: swap;src: url('../../../assets/fonts/inter-latin-variable.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'Inter';font-style: normal;font-weight: 600;font-display: swap;src: url('../../../assets/fonts/inter-latin-variable.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'Inter';font-style: normal;font-weight: 700;font-display: swap;src: url('../../../assets/fonts/inter-latin-variable.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'Prompt';font-style: normal;font-weight: 600;font-display: swap;src: url('../../../assets/fonts/prompt-thai-600.woff2') format('woff2');unicode-range: U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family: 'Prompt';font-style: normal;font-weight: 600;font-display: swap;src: url('../../../assets/fonts/prompt-latin-600.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'Prompt';font-style: normal;font-weight: 700;font-display: swap;src: url('../../../assets/fonts/prompt-thai-700.woff2') format('woff2');unicode-range: U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family: 'Prompt';font-style: normal;font-weight: 700;font-display: swap;src: url('../../../assets/fonts/prompt-latin-700.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'Prompt';font-style: normal;font-weight: 800;font-display: swap;src: url('../../../assets/fonts/prompt-thai-800.woff2') format('woff2');unicode-range: U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family: 'Prompt';font-style: normal;font-weight: 800;font-display: swap;src: url('../../../assets/fonts/prompt-latin-800.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* assets/css/design-tokens.css */
:root{--vlp-navy-950: #040a12;--vlp-navy-900: #081b2c;--vlp-navy-850: #0c2238;--vlp-navy-800: #102a43;--vlp-navy-700: #1c4566;--vlp-navy-600: #275a82;--vlp-navy-500: #336e9d;--vlp-primary: var(--vlp-navy-800);--vlp-primary-dark: var(--vlp-navy-900);--vlp-primary-light: var(--vlp-navy-700);--vlp-emerald-700: #006b4d;--vlp-emerald-600: #008763;--vlp-emerald-500: #00a878;--vlp-emerald-400: #02b984;--vlp-emerald-300: #34d399;--vlp-emerald-100: #d1fae5;--vlp-emerald-50: #ddf8ef;--vlp-secondary: var(--vlp-emerald-500);--vlp-secondary-dark: var(--vlp-emerald-600);--vlp-secondary-hover: var(--vlp-emerald-400);--vlp-secondary-light: var(--vlp-emerald-50);--vlp-cyan-700: #007a94;--vlp-cyan-600: #0098b3;--vlp-cyan-500: #00b8d9;--vlp-cyan-400: #38bdf8;--vlp-cyan-300: #7dd3fc;--vlp-cyan-100: #e0f2fe;--vlp-cyan-50: #e6f9fc;--vlp-navy-950-rgb: 4 10 18;--vlp-navy-900-rgb: 8 27 44;--vlp-navy-800-rgb: 16 42 67;--vlp-emerald-500-rgb: 0 168 120;--vlp-cyan-500-rgb: 0 184 217;--vlp-cyan-400-rgb: 56 189 248;--vlp-accent: var(--vlp-cyan-500);--vlp-accent-dark: var(--vlp-cyan-600);--vlp-accent-light: var(--vlp-cyan-50);--vlp-accent-glow: rgb(var(--vlp-cyan-500-rgb) / 0.35);--vlp-blue-600: #0284c7;--vlp-blue-500: #0ea5e9;--vlp-blue-glow: rgba(2,132,199,0.35);--vlp-bg-page: #ffffff;--vlp-bg-soft: #f5f8fb;--vlp-bg-alt: #eef3f8;--vlp-bg-surface: #ffffff;--vlp-bg-card: #ffffff;--vlp-bg-dark: var(--vlp-navy-900);--vlp-bg-darker: var(--vlp-navy-950);--vlp-bg-glass-dark: rgb(var(--vlp-navy-900-rgb) / 0.82);--vlp-bg-glass-light: rgba(255,255,255,0.85);--vlp-text-title: #0c2033;--vlp-text-primary: #162b3b;--vlp-text-secondary: #526779;--vlp-text-muted: #8192a0;--vlp-text-light: #94a3b8;--vlp-text-on-dark: #f8fafc;--vlp-text-muted-dark: #cbd5e1;--vlp-border: #e2eaf0;--vlp-border-focus: #b8cde0;--vlp-border-input: #788a9d;--vlp-border-dark: rgba(255,255,255,0.12);--vlp-border-cyan: rgb(var(--vlp-cyan-500-rgb) / 0.4);--vlp-border-emerald: rgb(var(--vlp-emerald-500-rgb) / 0.4);--vlp-status-live: #10b981;--vlp-status-live-glow: rgba(16,185,129,0.4);--vlp-status-warning: #f5a623;--vlp-status-alert: #ef4444;--vlp-font-thai: 'IBM Plex Sans Thai',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--vlp-font-heading: 'Prompt','IBM Plex Sans Thai',-apple-system,sans-serif;--vlp-font-body: 'IBM Plex Sans Thai',sans-serif;--vlp-font-en: 'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--vlp-font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--vlp-space-1: 0.25rem;--vlp-space-2: 0.5rem;--vlp-space-3: 0.75rem;--vlp-space-4: 1rem;--vlp-space-5: 1.25rem;--vlp-space-6: 1.5rem;--vlp-space-8: 2rem;--vlp-space-10: 2.5rem;--vlp-space-12: 3rem;--vlp-space-16: 4rem;--vlp-space-20: 5rem;--vlp-space-24: 6rem;--vlp-container: 1280px;--vlp-container-narrow: 1040px;--vlp-container-fluid: 100%;--vlp-radius-xs: 4px;--vlp-radius-sm: 8px;--vlp-radius-md: 14px;--vlp-radius-lg: 20px;--vlp-radius-xl: 28px;--vlp-radius-full: 9999px;--vlp-shadow-sm: 0 1px 3px rgba(12,32,51,0.05);--vlp-shadow-md: 0 4px 14px rgba(12,32,51,0.07),0 1px 3px rgba(12,32,51,0.04);--vlp-shadow-lg: 0 12px 32px rgba(12,32,51,0.09),0 2px 6px rgba(12,32,51,0.04);--vlp-shadow-xl: 0 20px 48px rgba(12,32,51,0.14),0 4px 12px rgba(12,32,51,0.06);--vlp-shadow-hover: 0 18px 40px -8px rgb(var(--vlp-navy-800-rgb) / 0.15),0 4px 12px rgb(var(--vlp-navy-800-rgb) / 0.06);--vlp-shadow-glow-cyan: 0 0 28px rgb(var(--vlp-cyan-500-rgb) / 0.28);--vlp-shadow-glow-emerald: 0 0 28px rgb(var(--vlp-emerald-500-rgb) / 0.28);--vlp-ease: cubic-bezier(0.16,1,0.3,1);--vlp-transition-fast: 0.15s var(--vlp-ease);--vlp-transition: 0.25s var(--vlp-ease);--vlp-transition-slow: 0.45s var(--vlp-ease);--vlp-transition-bounce:0.4s cubic-bezier(0.34,1.56,0.64,1);--primary: var(--vlp-primary);--primary-dk: var(--vlp-primary-dark);--primary-light: var(--vlp-secondary-light);--accent: var(--vlp-secondary);--accent-light: var(--vlp-secondary-light);--accent-dark: var(--vlp-secondary-dark);--text: var(--vlp-text-primary);--text-muted: var(--vlp-text-secondary);--bg-light: var(--vlp-bg-soft);--bg-white: var(--vlp-bg-page);--border: var(--vlp-border);--border-focus: var(--vlp-border-focus);--radius-sm: var(--vlp-radius-sm);--radius: var(--vlp-radius-md);--radius-lg: var(--vlp-radius-lg);--font-body: var(--vlp-font-body)}
/* assets/css/typography.css */
body{font-family: var(--vlp-font-body);font-size: 1rem;line-height: 1.75;color: var(--vlp-text-primary);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family: var(--vlp-font-heading);color: var(--vlp-text-title);font-weight: 700;line-height: 1.3;letter-spacing: -0.015em;margin-bottom: 0.75rem}h1{font-size: clamp(2.25rem,4.5vw,3.5rem);font-weight: 800;line-height: 1.18;letter-spacing: -0.025em}h2{font-size: clamp(1.75rem,3.2vw,2.5rem);font-weight: 800;line-height: 1.25;letter-spacing: -0.02em}h3{font-size: clamp(1.35rem,2.2vw,1.75rem);font-weight: 700;line-height: 1.35}h4{font-size: 1.2rem;font-weight: 700;line-height: 1.4}h5{font-size: 1.05rem;font-weight: 600;line-height: 1.45}h6{font-size: 0.925rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.05em}p{margin-bottom: 1.25rem;line-height: 1.75}.vlp-lead{font-size: clamp(1.05rem,1.5vw,1.2rem);line-height: 1.7;color: var(--vlp-text-secondary)}.vlp-small{font-size: 0.875rem;line-height: 1.55;color: var(--vlp-text-muted)}.vlp-caption{font-size: 0.78rem;font-weight: 600;letter-spacing: 0.03em;color: var(--vlp-text-muted)}.vlp-text-gradient-cyan{background: linear-gradient(135deg,var(--vlp-cyan-500) 0%,var(--vlp-cyan-400) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;display: inline-block}.vlp-text-gradient-emerald{background: linear-gradient(135deg,var(--vlp-emerald-500) 0%,var(--vlp-emerald-300) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;display: inline-block}.vlp-text-gradient-tech{background: linear-gradient(90deg,var(--vlp-cyan-400) 0%,var(--vlp-emerald-500) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;display: inline-block}.vlp-eyebrow{display: inline-flex;align-items: center;gap: 0.5rem;font-size: 0.75rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;color: var(--vlp-secondary);background: var(--vlp-secondary-light);border: 1px solid rgb(var(--vlp-emerald-500-rgb) / 0.2);padding: 0.35rem 0.95rem;border-radius: var(--vlp-radius-full);margin-bottom: 1rem}.vlp-eyebrow-cyan{color: var(--vlp-cyan-600);background: var(--vlp-cyan-50);border-color: rgb(var(--vlp-cyan-500-rgb) / 0.25)}.vlp-eyebrow-dark{background: rgba(255,255,255,0.08);color: var(--vlp-cyan-400);border-color: rgba(255,255,255,0.15);backdrop-filter: blur(8px)}button,input,select,optgroup,textarea{font: inherit;letter-spacing: inherit}
/* assets/css/components.css */
.vlp-container{width: 100%;max-width: var(--vlp-container);margin-inline: auto;padding-inline: 1.5rem;box-sizing: border-box}.vlp-container-narrow{width: 100%;max-width: var(--vlp-container-narrow);margin-inline: auto;padding-inline: 1.5rem;box-sizing: border-box}.vlp-section{padding: var(--vlp-space-20) 0;position: relative;overflow: hidden}.vlp-section-alt{background: var(--vlp-bg-soft)}.vlp-section-dark{background: var(--vlp-bg-dark);color: var(--vlp-text-on-dark)}.vlp-section-dark h1,.vlp-section-dark h2,.vlp-section-dark h3,.vlp-section-dark h4{color: #ffffff}.vlp-section-dark p{color: var(--vlp-text-muted-dark)}.vlp-section-header{text-align: center;max-width: 760px;margin: 0 auto var(--vlp-space-12)}.vlp-section-header h2{margin-bottom: 0.85rem}.vlp-section-header .subtitle{color: var(--vlp-text-secondary);font-size: 1.1rem;line-height: 1.65;margin: 0 auto}.vlp-section-dark .vlp-section-header .subtitle{color: var(--vlp-text-muted-dark)}.vlp-divider-line{display: block;width: 56px;height: 4px;border-radius: var(--vlp-radius-full);background: linear-gradient(90deg,var(--vlp-secondary) 0%,var(--vlp-accent) 100%);margin: 1.15rem auto 0}.vlp-btn{display: inline-flex;align-items: center;justify-content: center;gap: 0.55rem;padding: 0.75rem 1.65rem;border-radius: var(--vlp-radius-full);font-family: var(--vlp-font-heading);font-size: 0.95rem;font-weight: 700;line-height: 1.4;text-decoration: none;cursor: pointer;transition: var(--vlp-transition-bounce);border: 1.5px solid transparent;white-space: nowrap;box-sizing: border-box}.vlp-btn-primary{background: var(--vlp-emerald-600);color: #ffffff !important;box-shadow: 0 4px 14px rgb(var(--vlp-emerald-500-rgb) / 0.28)}.vlp-btn-primary:hover{background: var(--vlp-emerald-700);transform: translateY(-2px);box-shadow: 0 8px 24px rgb(var(--vlp-emerald-500-rgb) / 0.38);color: #ffffff !important}.vlp-btn-secondary{background: var(--vlp-primary);color: #ffffff !important;box-shadow: 0 4px 14px rgb(var(--vlp-navy-800-rgb) / 0.2)}.vlp-btn-secondary:hover{background: var(--vlp-primary-light);transform: translateY(-2px);box-shadow: 0 8px 24px rgb(var(--vlp-navy-800-rgb) / 0.3);color: #ffffff !important}.vlp-btn-accent{background: var(--vlp-accent);color: #ffffff !important;box-shadow: 0 4px 14px rgb(var(--vlp-cyan-500-rgb) / 0.28)}.vlp-btn-accent:hover{background: var(--vlp-cyan-600);transform: translateY(-2px);box-shadow: 0 8px 24px rgb(var(--vlp-cyan-500-rgb) / 0.38);color: #ffffff !important}.vlp-btn-outline{background: transparent;color: var(--vlp-primary) !important;border-color: var(--vlp-border-focus)}.vlp-btn-outline:hover{background: var(--vlp-bg-soft);border-color: var(--vlp-primary);color: var(--vlp-primary-dark) !important;transform: translateY(-2px)}.vlp-btn-outline-dark{background: transparent;color: #ffffff !important;border-color: rgba(255,255,255,0.25)}.vlp-btn-outline-dark:hover{background: rgba(255,255,255,0.1);border-color: var(--vlp-accent);color: #ffffff !important;transform: translateY(-2px)}.vlp-btn-glass{background: rgba(255,255,255,0.08);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border: 1px solid rgba(255,255,255,0.18);color: #ffffff !important}.vlp-btn-glass:hover{background: rgba(255,255,255,0.16);border-color: var(--vlp-accent);transform: translateY(-2px)}.vlp-btn-sm{padding: 0.45rem 1rem;font-size: 0.825rem}.vlp-btn-lg{padding: 0.95rem 2.25rem;font-size: 1.05rem}.vlp-card{background: var(--vlp-bg-card);border-radius: var(--vlp-radius-md);border: 1px solid var(--vlp-border);box-shadow: var(--vlp-shadow-sm);padding: var(--vlp-space-8);transition: var(--vlp-transition);position: relative;display: flex;flex-direction: column}.vlp-card:hover{transform: translateY(-4px);box-shadow: var(--vlp-shadow-hover);border-color: var(--vlp-border-focus)}.vlp-card-tech{position: relative;overflow: hidden}.vlp-card-tech::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 3.5px;background: linear-gradient(90deg,var(--vlp-secondary) 0%,var(--vlp-accent) 100%);opacity: 0.85}.vlp-card-glass{background: rgb(var(--vlp-navy-800-rgb) / 0.55);backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);border: 1px solid rgba(255,255,255,0.12);color: var(--vlp-text-on-dark);box-shadow: 0 8px 32px rgba(0,0,0,0.25)}.vlp-card-glass:hover{border-color: var(--vlp-border-cyan);box-shadow: 0 12px 36px rgb(var(--vlp-cyan-500-rgb) / 0.18);transform: translateY(-4px)}.vlp-feature-card{padding: var(--vlp-space-8)}.vlp-icon-box{width: 54px;height: 54px;border-radius: var(--vlp-radius-sm);background: var(--vlp-bg-soft);border: 1px solid var(--vlp-border);display: inline-flex;align-items: center;justify-content: center;font-size: 1.6rem;margin-bottom: 1.25rem;color: var(--vlp-primary);transition: var(--vlp-transition)}.vlp-card:hover .vlp-icon-box{background: var(--vlp-secondary-light);border-color: rgb(var(--vlp-emerald-500-rgb) / 0.3);transform: scale(1.08)}.vlp-icon-box-cyan{background: var(--vlp-cyan-50);border-color: rgb(var(--vlp-cyan-500-rgb) / 0.25);color: var(--vlp-cyan-600)}.vlp-product-card{padding: 0;overflow: hidden;border-radius: var(--vlp-radius-md)}.vlp-product-thumb{position: relative;width: 100%;aspect-ratio: 1 / 1;background: var(--vlp-bg-soft);display: flex;align-items: center;justify-content: center;padding: 1.5rem;overflow: hidden}.vlp-product-thumb img{max-width: 100%;max-height: 100%;object-fit: contain;transition: transform 0.35s var(--vlp-ease)}.vlp-product-card:hover .vlp-product-thumb img{transform: scale(1.06)}.vlp-product-body{padding: 1.5rem;display: flex;flex-direction: column;flex-grow: 1}.vlp-live-badge{display: inline-flex;align-items: center;gap: 0.45rem;font-size: 0.75rem;font-weight: 700;color: var(--vlp-emerald-600);background: var(--vlp-emerald-50);border: 1px solid rgb(var(--vlp-emerald-500-rgb) / 0.25);padding: 0.25rem 0.65rem;border-radius: var(--vlp-radius-full)}.vlp-pulse-dot{width: 7px;height: 7px;border-radius: 50%;background: var(--vlp-status-live);flex-shrink: 0;box-shadow: 0 0 0 0 rgba(16,185,129,0.7);animation: vlpPulse 1.8s 2}@keyframes vlpPulse{0%{box-shadow: 0 0 0 0 rgba(16,185,129,0.7)}70%{box-shadow: 0 0 0 8px rgba(16,185,129,0)}100%{box-shadow: 0 0 0 0 rgba(16,185,129,0)}}.vlp-grid{display: grid;gap: var(--vlp-space-8)}.vlp-grid-2{grid-template-columns: repeat(2,1fr)}.vlp-grid-3{grid-template-columns: repeat(3,1fr)}.vlp-grid-4{grid-template-columns: repeat(4,1fr)}.vlp-grid-auto{grid-template-columns: repeat(auto-fit,minmax(280px,1fr))}.screen-reader-text{border: 0;clip: rect(1px,1px,1px,1px);clip-path: inset(50%);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute !important;width: 1px;word-wrap: normal !important}html{scroll-padding-top: 6.5rem}.skip-link.screen-reader-text:focus{clip: auto;clip-path: none;width: auto;height: auto;margin: 0;overflow: visible;position: fixed !important}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}*,*::before,*::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important}}:focus-visible{outline: 3px solid var(--vlp-navy-800);outline-offset: 2px}.vlp-header :focus-visible,.vlp-topbar :focus-visible,.vlp-drawer :focus-visible,.vlp-mobile-drawer :focus-visible,.vlp-sec--dark :focus-visible,.vlp-footer :focus-visible{outline-color: #ffffff}:where(input[type="url"],input[type="search"],input[type="number"],input[type="password"],select){width: 100%;padding: 0.8rem 1rem;border: 1px solid var(--vlp-border-input);border-radius: var(--vlp-radius-sm);background: var(--vlp-bg-surface);color: var(--vlp-text-primary)}:where(input[type="submit"],.comment-form .submit){display: inline-flex;align-items: center;min-height: 44px;padding: 0.7rem 1.5rem;border: 0;border-radius: var(--vlp-radius-sm);background: var(--vlp-emerald-600);color: #ffffff;font-weight: 600;cursor: pointer}:where(input[type="submit"],.comment-form .submit):hover{background: var(--vlp-emerald-700)}
/* assets/css/responsive.css */
@media (max-width: 1200px){.vlp-container{max-width: 100%;padding-inline: 1.75rem}.vlp-grid-4{grid-template-columns: repeat(2,1fr)}}@media (max-width: 992px){.vlp-section{padding: var(--vlp-space-16) 0}.vlp-grid-3{grid-template-columns: repeat(2,1fr)}.vlp-section-header{margin-bottom: var(--vlp-space-8)}}@media (max-width: 768px){.vlp-section{padding: var(--vlp-space-12) 0}.vlp-container{padding-inline: 1.25rem}.vlp-grid-2,.vlp-grid-3,.vlp-grid-4{grid-template-columns: 1fr}.vlp-btn{width: auto}.vlp-btn-block-mobile{width: 100%}.vlp-card{padding: var(--vlp-space-6)}}@media (max-width: 480px){.vlp-section{padding: var(--vlp-space-10) 0}.vlp-container{padding-inline: 1rem}.vlp-btn{padding: 0.65rem 1.35rem;font-size: 0.9rem}}
/* assets/css/header-nav.css */
.vlp-header-wrap{position: sticky;top: 0;left: 0;right: 0;z-index: 1000;width: 100%;transition: all 0.3s var(--vlp-ease)}.skip-link{position: absolute;top: -100px;left: 1.5rem;background: var(--vlp-secondary);color: #ffffff;padding: 0.5rem 1rem;border-radius: var(--vlp-radius-sm);z-index: 9999;font-weight: 700;text-decoration: none;transition: top 0.2s ease}.skip-link:focus{top: 1rem}.vlp-topbar{background: var(--vlp-navy-950);border-bottom: 1px solid rgba(255,255,255,0.08);font-size: 0.78rem;color: #94a3b8;height: 38px;line-height: 38px;transition: height 0.3s ease,opacity 0.3s ease,margin-top 0.3s ease}.vlp-header-wrap.scrolled .vlp-topbar{margin-top: -38px;opacity: 0;pointer-events: none}.vlp-topbar-inner{display: flex;align-items: center;justify-content: space-between;height: 100%}.vlp-topbar-left,.vlp-topbar-right{display: flex;align-items: center;gap: 0.85rem}.vlp-topbar-status{display: inline-flex;align-items: center;gap: 0.45rem;font-weight: 500}.vlp-topbar-status strong{color: var(--vlp-emerald-300)}.vlp-topbar-badge{background: rgb(var(--vlp-cyan-500-rgb) / 0.15);color: var(--vlp-cyan-400);border: 1px solid rgb(var(--vlp-cyan-400-rgb) / 0.3);padding: 0.1rem 0.5rem;border-radius: var(--vlp-radius-full);font-size: 0.7rem;font-weight: 600}.vlp-topbar-divider{color: rgba(255,255,255,0.15)}.vlp-topbar-link{display: inline-flex;align-items: center;gap: 0.35rem;color: #cbd5e1;text-decoration: none;transition: color 0.2s ease}.vlp-topbar-link:hover{color: var(--vlp-cyan-400)}.vlp-topbar-icon{color: var(--vlp-secondary)}.vlp-topbar-location{font-size: 0.75rem;color: #94a3b8}#site-header.vlp-header{background: var(--vlp-navy-900);backdrop-filter: blur(18px);-webkit-backdrop-filter: blur(18px);border-bottom: 1px solid rgba(255,255,255,0.1);padding: 0.85rem 0;transition: padding 0.3s var(--vlp-ease),background 0.3s var(--vlp-ease),box-shadow 0.3s var(--vlp-ease)}.vlp-header-wrap.scrolled #site-header.vlp-header{padding: 0.6rem 0;background: rgb(var(--vlp-navy-900-rgb) / 0.96);border-bottom-color: rgba(255,255,255,0.12);box-shadow: 0 12px 32px rgba(0,0,0,0.35),0 1px 2px rgba(255,255,255,0.05)}.vlp-header-inner{display: flex;align-items: center;justify-content: space-between;gap: 1.5rem}.vlp-logo-wrap{flex-shrink: 0}.vlp-brand-link{display: inline-flex;align-items: center;gap: 0.75rem;text-decoration: none}.vlp-brand-icon{display: flex;align-items: center;justify-content: center;transition: transform 0.3s var(--vlp-ease)}.vlp-brand-link:hover .vlp-brand-icon{transform: scale(1.05)}.vlp-brand-text{display: flex;flex-direction: column}.vlp-brand-name{font-family: var(--vlp-font-heading);font-size: 1.4rem;font-weight: 800;color: #ffffff;line-height: 1.15;letter-spacing: -0.02em}.vlp-brand-accent{color: inherit}.vlp-mark{display: block;color: var(--vlp-navy-800);--vlp-mark-accent: var(--vlp-cyan-500)}.vlp-mark__main{stroke: currentColor}.vlp-mark__accent{stroke: var(--vlp-mark-accent)}.vlp-header .vlp-mark,.vlp-mobile-drawer .vlp-mark,.vlp-footer .vlp-mark{color: #ffffff;--vlp-mark-accent: var(--vlp-cyan-400)}.vlp-brand-tagline{font-size: 0.65rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.08em;color: rgba(203,213,225,0.75)}.vlp-main-nav{display: flex;align-items: center}.vlp-nav-list{display: flex;align-items: center;gap: 0.25rem;list-style: none;margin: 0;padding: 0}.vlp-nav-item{position: relative}.vlp-nav-link{display: inline-flex;align-items: center;gap: 0.35rem;padding: 0.55rem 0.95rem;border-radius: var(--vlp-radius-sm);color: rgba(248,250,252,0.85);font-family: var(--vlp-font-heading);font-size: 0.925rem;font-weight: 600;text-decoration: none;transition: all 0.2s var(--vlp-ease);white-space: nowrap}.vlp-nav-link:hover,.vlp-nav-item:hover > .vlp-nav-link,.vlp-nav-item:focus-within > .vlp-nav-link{color: #ffffff;background: rgba(255,255,255,0.09)}.vlp-nav-link.active,.vlp-nav-item.current-menu-item > .vlp-nav-link,.vlp-nav-item.current-menu-ancestor > .vlp-nav-link{color: var(--vlp-cyan-400);background: rgb(var(--vlp-cyan-400-rgb) / 0.1)}.vlp-chevron-icon{color: rgba(203,213,225,0.6);transition: transform 0.25s var(--vlp-ease)}.vlp-nav-item:hover .vlp-chevron-icon,.vlp-nav-item:focus-within .vlp-chevron-icon,.vlp-nav-item.open .vlp-chevron-icon{transform: rotate(180deg);color: var(--vlp-cyan-400)}.vlp-dropdown-toggle{display: none;background: transparent;border: none;color: inherit;cursor: pointer;padding: 0}.vlp-dropdown-menu{position: absolute;top: 100%;left: 0;min-width: 270px;background: rgb(var(--vlp-navy-900-rgb) / 0.98);backdrop-filter: blur(24px);-webkit-backdrop-filter: blur(24px);border: 1px solid rgb(var(--vlp-cyan-500-rgb) / 0.25);border-radius: var(--vlp-radius-md);box-shadow: 0 20px 48px rgba(0,0,0,0.5),0 0 24px rgb(var(--vlp-cyan-500-rgb) / 0.12);padding: 0.55rem;margin-top: 0.5rem;list-style: none;opacity: 0;visibility: hidden;transform: translateY(10px);transition: opacity 0.25s var(--vlp-ease),transform 0.25s var(--vlp-ease),visibility 0.25s;z-index: 1050}.vlp-dropdown-menu::before{content: '';position: absolute;top: -12px;left: 0;right: 0;height: 12px}.vlp-has-dropdown:hover > .vlp-dropdown-menu,.vlp-has-dropdown:focus-within > .vlp-dropdown-menu,.vlp-has-dropdown.open > .vlp-dropdown-menu{opacity: 1;visibility: visible;transform: translateY(0)}.vlp-has-dropdown.is-dismissed > .vlp-dropdown-menu{opacity: 0;visibility: hidden;transform: translateY(10px)}.vlp-dropdown-menu li{margin: 0;padding: 0}.vlp-subnav-link,.vlp-dropdown-menu a{display: flex;align-items: center;gap: 0.65rem;padding: 0.7rem 1rem;border-radius: var(--vlp-radius-sm);color: #cbd5e1;font-family: var(--vlp-font-thai);font-size: 0.88rem;font-weight: 500;line-height: 1.4;text-decoration: none;transition: all 0.2s ease}.vlp-subnav-link:hover,.vlp-dropdown-menu a:hover,.vlp-dropdown-menu a:focus{color: #ffffff;background: rgba(255,255,255,0.08);transform: translateX(4px)}.vlp-header-actions{display: flex;align-items: center;gap: 0.75rem;flex-shrink: 0}.vlp-btn-demo{color: #ffffff !important;border-color: rgba(255,255,255,0.25);background: rgba(255,255,255,0.05)}.vlp-btn-demo:hover{background: rgb(var(--vlp-cyan-400-rgb) / 0.15);border-color: var(--vlp-cyan-400);color: #ffffff !important}.vlp-btn-rfq{background: var(--vlp-emerald-600);color: #ffffff !important;box-shadow: 0 4px 14px rgb(var(--vlp-emerald-500-rgb) / 0.35)}.vlp-btn-rfq:hover{background: var(--vlp-emerald-700);box-shadow: 0 8px 24px rgb(var(--vlp-emerald-500-rgb) / 0.45)}.vlp-hamburger{display: none;flex-direction: column;justify-content: center;align-items: center;gap: 5px;width: 42px;height: 42px;border-radius: var(--vlp-radius-sm);background: rgba(255,255,255,0.08);border: 1px solid rgba(255,255,255,0.15);cursor: pointer;padding: 0;transition: all 0.25s ease}.vlp-hamburger:hover{background: rgba(255,255,255,0.15);border-color: var(--vlp-accent)}.vlp-hamburger-bar{display: block;width: 22px;height: 2px;border-radius: 2px;background: #ffffff;transition: transform 0.3s ease,opacity 0.3s ease}.vlp-hamburger.open .vlp-hamburger-bar:nth-child(1){transform: translateY(7px) rotate(45deg)}.vlp-hamburger.open .vlp-hamburger-bar:nth-child(2){opacity: 0}.vlp-hamburger.open .vlp-hamburger-bar:nth-child(3){transform: translateY(-7px) rotate(-45deg)}.vlp-mobile-drawer{position: fixed;inset: 0;z-index: 2000;visibility: hidden;transition: visibility 0.35s ease}.vlp-mobile-drawer.open{visibility: visible;transition: none}.vlp-drawer-overlay{position: absolute;inset: 0;background: rgb(var(--vlp-navy-950-rgb) / 0.7);backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);opacity: 0;transition: opacity 0.35s ease}.vlp-mobile-drawer.open .vlp-drawer-overlay{opacity: 1}.vlp-drawer-container{position: absolute;top: 0;right: 0;bottom: 0;width: 360px;max-width: 88vw;background: var(--vlp-navy-900);border-left: 1px solid rgba(255,255,255,0.12);display: flex;flex-direction: column;transform: translateX(100%);transition: transform 0.35s cubic-bezier(0.16,1,0.3,1);box-shadow: -10px 0 40px rgba(0,0,0,0.5);overflow-y: auto;z-index: 2010}.vlp-mobile-drawer.open .vlp-drawer-container{transform: translateX(0)}.vlp-drawer-header{display: flex;align-items: center;justify-content: space-between;padding: 1.25rem 1.5rem;border-bottom: 1px solid rgba(255,255,255,0.1)}.vlp-drawer-close{background: rgba(255,255,255,0.08);border: 1px solid rgba(255,255,255,0.12);color: #ffffff;width: 38px;height: 38px;border-radius: var(--vlp-radius-sm);display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.2s ease}.vlp-drawer-close:hover{background: rgba(239,68,68,0.25);border-color: #ef4444}.vlp-drawer-nav{padding: 1.25rem 1rem;flex-grow: 1}.vlp-drawer-menu{list-style: none;margin: 0;padding: 0}.vlp-drawer-menu li{margin-bottom: 0.35rem}.vlp-drawer-link-wrap{display: flex;align-items: center;justify-content: space-between;border-radius: var(--vlp-radius-sm);transition: background 0.2s ease}.vlp-drawer-link-wrap:hover{background: rgba(255,255,255,0.07)}.vlp-drawer-link{display: block;padding: 0.75rem 1rem;color: #e2e8f0;font-family: var(--vlp-font-heading);font-size: 1rem;font-weight: 600;text-decoration: none;flex-grow: 1}.vlp-drawer-link:hover{color: var(--vlp-cyan-400)}.vlp-drawer-sub-toggle{background: transparent;border: none;color: #94a3b8;padding: 0.75rem 1rem;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: transform 0.25s ease,color 0.25s ease}.vlp-drawer-sub-toggle.open{transform: rotate(180deg);color: var(--vlp-cyan-400)}.vlp-drawer-sub-menu{list-style: none;padding: 0.25rem 0 0.5rem 1.25rem;margin: 0;display: none;border-left: 2px solid rgb(var(--vlp-cyan-500-rgb) / 0.3);margin-left: 1rem}.vlp-drawer-sub-menu.open{display: block}.vlp-drawer-sub-menu a{display: block;padding: 0.5rem 0.75rem;color: #94a3b8;font-size: 0.88rem;font-weight: 500;text-decoration: none;border-radius: var(--vlp-radius-sm);transition: all 0.2s ease}.vlp-drawer-sub-menu a:hover{color: #ffffff;background: rgba(255,255,255,0.06)}.vlp-drawer-actions{padding: 1.25rem 1.5rem;display: flex;flex-direction: column;gap: 0.75rem;border-top: 1px solid rgba(255,255,255,0.1);background: rgb(var(--vlp-navy-950-rgb) / 0.4)}.vlp-drawer-footer{padding: 1rem 1.5rem 1.5rem;font-size: 0.825rem;color: #94a3b8;border-top: 1px solid rgba(255,255,255,0.06)}.vlp-drawer-contact-item{display: flex;justify-content: space-between;margin-bottom: 0.45rem}.vlp-drawer-contact-item a{color: var(--vlp-cyan-400);font-weight: 600;text-decoration: none}.vlp-header-wrap.is-compact .vlp-main-nav,.vlp-header-wrap.is-compact .vlp-btn-demo{display: none}.vlp-header-wrap.is-compact .vlp-hamburger{display: flex}.vlp-header-wrap.is-tight .vlp-btn-rfq{min-width: 44px;min-height: 44px;padding-inline: 0.75rem;justify-content: center}.vlp-header-wrap.is-tight .vlp-btn-rfq > span{position: absolute;width: 1px;height: 1px;margin: -1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap}@media (max-width: 1100px){.vlp-nav-link{padding: 0.5rem 0.7rem;font-size: 0.88rem}}@media (max-width: 992px){.vlp-topbar{display: none}.vlp-main-nav{display: none}.vlp-btn-demo{display: none}.vlp-hamburger{display: flex}#site-header.vlp-header{padding: 0.75rem 0}}@media (max-width: 480px){.vlp-btn-rfq{padding: 0.55rem 0.95rem;font-size: 0.825rem}.vlp-brand-name{font-size: 1.25rem}.vlp-brand-tagline{font-size: 0.58rem}}
/* style.css */
*,*::before,*::after{box-sizing: border-box;margin: 0;padding: 0}:root{--primary: var(--vlp-primary,var(--vlp-navy-800));--primary-dk: var(--vlp-primary-dark,var(--vlp-navy-900));--primary-light: var(--vlp-secondary-light,#ddf8ef);--accent: var(--vlp-secondary,var(--vlp-emerald-500));--accent-light: var(--vlp-secondary-light,#ddf8ef);--accent-dark: var(--vlp-secondary-dark,#008763);--cyan: var(--vlp-accent,var(--vlp-cyan-500));--text: var(--vlp-text-primary,#162b3b);--text-muted: var(--vlp-text-secondary,#526779);--bg-light: var(--vlp-bg-soft,#f5f8fb);--bg-white: var(--vlp-bg-page,#ffffff);--border: var(--vlp-border,#e2e8f0);--border-focus: var(--vlp-border-focus,#b8cde0);--radius-sm: var(--vlp-radius-sm,8px);--radius: var(--vlp-radius-md,14px);--radius-lg: var(--vlp-radius-lg,20px);--shadow-sm: var(--vlp-shadow-sm,0 1px 3px 0 rgba(0,0,0,0.05));--shadow: var(--vlp-shadow-md,0 4px 6px -1px rgba(0,0,0,0.05));--shadow-lg: var(--vlp-shadow-lg,0 12px 32px rgb(var(--vlp-navy-800-rgb) / 0.08));--shadow-hover: var(--vlp-shadow-hover,0 20px 25px -5px rgb(var(--vlp-navy-800-rgb) / 0.12));--transition-fast: 0.15s ease;--transition: 0.25s cubic-bezier(0.16,1,0.3,1);--transition-bounce: 0.4s cubic-bezier(0.34,1.56,0.64,1);--font-body: var(--vlp-font-body,'IBM Plex Sans Thai',sans-serif);--font-heading: var(--vlp-font-heading,'Prompt',sans-serif)}html{scroll-behavior: smooth;overflow-x: hidden;overflow-x: clip}body{font-family: var(--font-body);font-size: 16px;line-height: 1.8;color: var(--text);background: var(--bg-light);overflow-x: hidden;overflow-x: clip;max-width: 100%;position: relative}img{max-width: 100%;height: auto;display: block}a{color: var(--primary);text-decoration: none;transition: all var(--transition-fast)}a:hover{color: var(--primary-dk)}ul{list-style: none}h1,h2,h3,h4,h5{line-height: 1.35;font-weight: 700;color: var(--primary-dk);letter-spacing: -0.02em}h1{font-size: clamp(2rem,5vw,3rem);font-weight: 800}h2{font-size: clamp(1.5rem,3.5vw,2.25rem);font-weight: 800}h3{font-size: 1.35rem}h4{font-size: 1.1rem}p{margin-bottom: 1.25rem}.container{max-width: var(--vlp-container,1280px);width: 100%;margin-inline: auto;padding-inline: 1.5rem;box-sizing: border-box}.section{padding: 5rem 0;overflow-x: hidden}.btn{display: inline-flex;align-items: center;justify-content: center;padding: 0.75rem 1.75rem;border-radius: var(--radius);font-weight: 700;font-size: 0.95rem;cursor: pointer;transition: all var(--transition-bounce);border: 2px solid transparent;gap: 0.5rem}.btn-primary{background: linear-gradient(135deg,var(--primary) 0%,var(--primary-dk) 100%);color: var(--bg-white);box-shadow: 0 4px 14px rgba(15,53,160,0.3)}.btn-primary:hover{transform: translateY(-3px);box-shadow: 0 6px 20px rgba(15,53,160,0.4);color: var(--bg-white)}.btn-outline{background: transparent;color: var(--primary);border-color: var(--primary)}.btn-outline:hover{background: var(--primary);color: var(--bg-white);transform: translateY(-3px);box-shadow: 0 4px 14px rgba(15,53,160,0.2)}#site-header{position: sticky;top: 0;z-index: 1000;background: rgba(255,255,255,0.85);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border-bottom: 1px solid rgba(226,232,240,0.8);box-shadow: var(--shadow-sm);transition: all var(--transition)}.main-nav ul{display: flex;gap: 0.5rem;align-items: center}.main-nav a{display: block;padding: 0.6rem 1.1rem;border-radius: var(--radius-sm);font-weight: 700;font-size: 0.95rem;color: var(--text)}.main-nav a:hover,.main-nav .current-menu-item > a,.main-nav .current-page-ancestor > a{color: var(--primary);background: rgba(15,53,160,0.06)}.nav-toggle{display: none;flex-direction: column;gap: 6px;background: none;border: none;cursor: pointer;padding: 0.6rem}.nav-toggle span{display: block;width: 24px;height: 2.5px;background: var(--primary-dk);border-radius: 2px;transition: all var(--transition)}.nav-toggle.open span:nth-child(1){transform: translateY(8.5px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity: 0;transform: scaleX(0)}.nav-toggle.open span:nth-child(3){transform: translateY(-8.5px) rotate(-45deg)}.hero-slider{position: relative;width: 100%;height: 560px;overflow: hidden;background: #020617}@media (max-width: 991px){.hero-slider{height: auto;min-height: 640px}}@media (max-width: 576px){.hero-slider{min-height: 580px}}.hero-slide{position: absolute;inset: 0;opacity: 0;transition: opacity 0.8s ease;display: flex;align-items: center;z-index: 0}.hero-slide.active{opacity: 1;z-index: 1}.hero-slide:nth-child(1) h2 span{background-image: linear-gradient(90deg,#60a5fa,#93c5fd);-webkit-background-clip: text;-webkit-text-fill-color: transparent}.hero-slide:nth-child(2) h2 span{background-image: linear-gradient(90deg,#4ade80,#86efac);-webkit-background-clip: text;-webkit-text-fill-color: transparent}.hero-slide:nth-child(3) h2 span{background-image: linear-gradient(90deg,#fbbf24,#fde047);-webkit-background-clip: text;-webkit-text-fill-color: transparent}.hero-prev{left: 24px}.hero-next{right: 24px}@media (max-width: 991px){.hero-prev{left: 12px}.hero-next{right: 12px}}.hero-progress{position: absolute;bottom: 0;left: 0;height: 3px;background: linear-gradient(90deg,var(--accent,#ff9f1c) 0%,#fbbf24 100%);z-index: 6;width: 0;transition: none}.hero-progress.running{transition: width 6s linear;width: 100%}.card{background: var(--bg-white);border-radius: var(--radius-lg);box-shadow: var(--shadow);overflow: hidden;transition: all var(--transition);display: flex;flex-direction: column;border: 1px solid rgba(226,232,240,0.6)}.card:hover{transform: translateY(-8px);box-shadow: var(--shadow-hover);border-color: rgba(15,53,160,0.15)}.card-thumb{position: relative;overflow: hidden;aspect-ratio: 16/10;background: var(--bg-light)}.card-thumb img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.6s cubic-bezier(0.16,1,0.3,1)}.card:hover .card-thumb img{transform: scale(1.06)}.card h3{font-size: 1.2rem;margin-bottom: 0.75rem}.card h3 a{color: var(--primary-dk)}.card h3 a:hover{color: var(--primary)}.card p{font-size: 0.95rem;color: var(--text-muted);flex: 1;margin-bottom: 1.25rem}.product-card .card-thumb{aspect-ratio: 1/1;border-bottom: 1px solid var(--border)}.post-header{padding: 4.5rem 0 3.5rem;background: linear-gradient(180deg,rgba(15,53,160,0.05) 0%,transparent 100%);border-bottom: 1px solid var(--border)}.post-header-inner{max-width: 860px;margin-inline: auto}.post-header .post-category{color: var(--primary);font-weight: 700;font-size: 0.95rem;margin-bottom: 0.75rem;text-transform: uppercase;letter-spacing: 0.05em}.post-header .post-meta{font-size: 0.9rem;color: var(--text-muted);margin-top: 1rem;display: flex;gap: 1.5rem;flex-wrap: wrap;align-items: center}.post-featured-image{margin: 3rem auto;max-width: 900px;border-radius: var(--radius-lg);overflow: hidden;box-shadow: var(--shadow-lg)}.post-content{max-width: 860px;margin-inline: auto;padding: 0 1.5rem 5rem}.post-content h2,.post-content h3{margin: 2rem 0 1rem}.post-content p{margin-bottom: 1.5rem}.post-content ul,.post-content ol{margin-left: 2rem;margin-bottom: 1.5rem;list-style: revert}.post-content li{margin-bottom: 0.5rem}.post-content blockquote{border-left: 5px solid var(--primary);padding: 1.25rem 2rem;margin: 2rem 0;background: var(--bg-white);border-radius: 0 var(--radius) var(--radius) 0;font-style: italic;font-size: 1.1rem;box-shadow: var(--shadow-sm);color: var(--primary-dk)}.post-content img{border-radius: var(--radius);margin: 2rem 0;box-shadow: var(--shadow)}.stats-bar{background: linear-gradient(135deg,var(--primary-dk) 0%,#061033 100%);color: var(--bg-white);padding: 4.5rem 0;position: relative;overflow: hidden}.stat-number{font-size: 3.25rem;font-weight: 800;background: linear-gradient(135deg,#ffc300 0%,var(--accent) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;line-height: 1}.breadcrumb{background: var(--bg-white);padding: 1rem 0;font-size: 0.9rem;color: var(--text-muted);border-bottom: 1px solid var(--border);font-weight: 600;overflow: hidden;word-break: break-word;overflow-wrap: break-word}.breadcrumb a{color: var(--text-muted)}.breadcrumb a:hover{color: var(--primary)}.breadcrumb span + span::before{content: '/';margin: 0 0.5rem;color: #cbd5e1}.breadcrumb span:last-child{color: var(--primary-dk)}.pagination{display: flex;justify-content: center;gap: 0.5rem;padding: 3rem 0 1rem;flex-wrap: wrap}.pagination a,.pagination span{display: inline-flex;align-items: center;justify-content: center;min-width: 44px;height: 44px;padding: 0 0.85rem;border-radius: var(--radius-sm);font-weight: 700;font-size: 0.95rem;border: 1px solid var(--border);color: var(--text);background: var(--bg-white);transition: all var(--transition-bounce)}.pagination a:hover{border-color: var(--primary);color: var(--primary);transform: translateY(-2px);box-shadow: var(--shadow-sm)}.pagination .current{background: var(--primary);border-color: var(--primary);color: var(--bg-white);box-shadow: 0 4px 10px rgba(15,53,160,0.25)}#site-footer{background: #0b152d;color: rgba(255,255,255,0.7);border-top: 4px solid var(--accent)}input[type="text"],input[type="email"],input[type="tel"],textarea{width: 100%;padding: 0.8rem 1rem;border: 1px solid var(--vlp-border-input,#788a9d);border-radius: var(--radius-sm);background: var(--bg-white);font-family: var(--font-body);font-size: 0.95rem;transition: all var(--transition-fast);color: var(--text)}input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus,textarea:focus{border-color: var(--primary);box-shadow: 0 0 0 3px rgba(15,53,160,0.15)}@media (max-width: 768px){.main-nav{display: none;position: absolute;top: 70px;left: 0;right: 0;background: var(--bg-white);box-shadow: var(--shadow-lg);padding: 1.25rem;border-top: 1px solid var(--border);border-bottom: 1px solid var(--border)}.main-nav.open{display: block;animation: slideDown 0.3s ease-out forwards}.main-nav ul{flex-direction: column;gap: 0.5rem;align-items: stretch}.main-nav a{padding: 0.75rem 1rem;font-size: 1rem}.nav-toggle{display: flex}.hero{padding: 5rem 0 4rem}section.section > .container > div[style*="grid-template-columns"]{grid-template-columns: 1fr !important;gap: 2rem !important}}@media (max-width: 480px){.hero h1{font-size: 1.8rem}.hero p{font-size: 1.05rem}.btn{width: 100%}}@keyframes slideDown{from{opacity: 0;transform: translateY(-10px)}to{opacity: 1;transform: translateY(0)}}.cat-list li{margin-bottom: .05rem}.cat-list a{display: flex;justify-content: space-between;align-items: center;font-size: .875rem;color: var(--text,#1e293b);padding: .45rem .65rem;border-radius: 6px;transition: all .2s;text-decoration: none}.cat-list a:hover{background: rgba(15,53,160,.06);color: var(--primary,#0f35a0)}.cat-list a.active{background: var(--primary,#0f35a0);color: #fff}.cat-list a.active .cat-count{background: rgba(255,255,255,.2);color: #fff}.cat-count{font-size: .7rem;font-weight: 700;background: var(--bg-light,#f8fafc);color: var(--text-muted,#64748b);padding: .1rem .5rem;border-radius: 20px;min-width: 22px;text-align: center}.star-rating{display: inline-flex;gap: 1px;align-items: center;margin-bottom: .35rem}.star-rating .star{font-size: .85rem;line-height: 1;color: #d1d5db}.star-rating .star.on{color: #f59e0b}.star-rating .rating-count{font-size: .72rem;color: var(--text-muted,#64748b);margin-left: .3rem}.stock-badge{display: inline-flex;align-items: center;gap: .3rem;font-size: .72rem;font-weight: 700;padding: .2rem .65rem;border-radius: 20px;margin: .25rem 0 .5rem}.stock-badge::before{content: '';width: 6px;height: 6px;border-radius: 50%;flex-shrink: 0}.stock-instock{background: #d1fae5;color: #065f46}.stock-instock::before{background: #16a34a}.stock-outofstock{background: #fee2e2;color: #991b1b}.stock-outofstock::before{background: #e44c4c}.stock-onorder{background: #fef3c7;color: #92400e}.stock-onorder::before{background: #f59e0b}.single-product-wrap{padding: 2rem 0 0;overflow: hidden;max-width: 100%}.single-product-main{display: grid;grid-template-columns: 1fr 1fr;gap: 3rem;align-items: start;margin-bottom: 3rem}.zoom-hint{position: absolute;bottom: .6rem;right: .6rem;background: rgba(0,0,0,.4);color: #fff;font-size: .68rem;padding: .2rem .5rem;border-radius: 4px;pointer-events: none;opacity: 0;transition: opacity .2s}.gallery-top-badges{position: absolute;top: .7rem;left: .7rem;z-index: 2;display: flex;flex-direction: column;gap: .3rem}.gallery-thumb{width: 68px;height: 68px;border-radius: 6px;overflow: hidden;border: 2px solid var(--border,#e2e8f0);cursor: pointer;transition: border-color .2s,opacity .2s;background: var(--bg-light,#f8fafc);flex-shrink: 0}.gallery-thumb img{width: 100%;height: 100%;object-fit: cover}.gallery-thumb:hover,.gallery-thumb.active{border-color: var(--primary,#0f35a0)}.product-lightbox{display: none;position: fixed;inset: 0;background: rgba(0,0,0,.9);z-index: 9999;align-items: center;justify-content: center;cursor: zoom-out}.product-lightbox.open{display: flex}.product-lightbox img{max-width: 90vw;max-height: 90vh;object-fit: contain;border-radius: 8px}.lightbox-close{position: absolute;top: 1.25rem;right: 1.5rem;color: #fff;font-size: 2rem;cursor: pointer;line-height: 1;background: none;border: none;font-weight: 300}.btn-add-rfq-cart{background: var(--accent,#ff9f1c);color: #fff;border: 2px solid var(--accent,#ff9f1c);padding: .7rem 1.25rem;border-radius: var(--radius,12px);font-weight: 700;cursor: pointer;display: inline-flex;align-items: center;justify-content: center;gap: 0.4rem;transition: all 0.25s;font-family: var(--font-body,'Sarabun',sans-serif);font-size: .95rem}.btn-add-rfq-cart:hover{background: var(--accent-dark,#e08400);border-color: var(--accent-dark,#e08400);transform: translateY(-2px)}@media (max-width: 900px){.cat-list{display: flex;width: 100%;max-width: 100%;overflow-x: auto;overflow-y: hidden;scroll-behavior: smooth;-webkit-overflow-scrolling: touch;gap: 0.5rem;padding: 0.25rem 0.25rem 0.75rem;margin: 0;scrollbar-width: none}.cat-list::-webkit-scrollbar{display: none}.cat-list li{margin-bottom: 0;flex: 0 0 auto}.cat-list a{display: inline-flex;align-items: center;background: #ffffff;border: 1px solid var(--border,#e2e8f0);padding: 0.45rem 1rem;border-radius: 30px;font-size: 0.85rem;font-weight: 600;transition: all 0.25s;gap: 0.35rem;color: var(--text,#1e293b)}.cat-list a:hover{background: rgba(15,53,160,0.06);color: var(--primary,#0f35a0)}.cat-list a.active{background: var(--primary,#0f35a0) !important;color: #ffffff !important;border-color: var(--primary,#0f35a0);box-shadow: 0 4px 12px rgba(15,53,160,0.18)}.cat-list a.active .cat-count{background: rgba(255,255,255,0.25) !important;color: #ffffff !important}}@media (max-width: 768px){.single-product-wrap{overflow-x: hidden}.single-product-main{grid-template-columns: 1fr;gap: 1.75rem}.btn-add-rfq-cart{width: 100%;padding: .85rem 1.25rem;font-size: 1rem}}@media (max-width: 576px){.gallery-thumb{width: 60px;height: 60px;flex-shrink: 0}.stock-badge{font-size: .65rem;padding: .15rem .5rem}}.contact-form-card{background: var(--bg-white,#ffffff);border-radius: var(--radius-lg,16px);padding: 2.5rem;border: 1px solid var(--border,#e2e8f0);box-shadow: var(--shadow,0 4px 6px -1px rgba(0,0,0,0.05))}.contact-form-card h2{font-size: 1.4rem;margin-bottom: 0.5rem;color: var(--primary-dk,#07194f)}.form-group{margin-bottom: 1.25rem}.form-group label{display: block;font-size: 0.88rem;font-weight: 700;color: var(--primary-dk,#07194f);margin-bottom: 0.5rem}.mock-zone-btn{background: rgba(255,255,255,0.03);border: 1px solid rgba(255,255,255,0.06);border-radius: 6px;padding: 0.5rem 0.75rem;font-size: 0.8rem;font-weight: 600;color: rgba(255,255,255,0.8);cursor: pointer;display: flex;align-items: center;gap: 0.5rem;transition: all var(--transition-fast);text-align: left}.mock-zone-btn:hover{border-color: rgba(15,53,160,0.5);background: rgba(15,53,160,0.15)}.mock-zone-btn.active{border-color: var(--primary);background: rgba(15,53,160,0.35);color: #ffffff}.status-indicator{width: 6px;height: 6px;border-radius: 50%;background: rgba(255,255,255,0.2);display: inline-block}.status-indicator.active{background: #10b981;box-shadow: 0 0 0 2px rgba(16,185,129,0.3);animation: pulseGreen 2s infinite}@keyframes pulseGreen{0%{box-shadow: 0 0 0 0 rgba(16,185,129,0.4)}70%{box-shadow: 0 0 0 4px rgba(16,185,129,0)}100%{box-shadow: 0 0 0 0 rgba(16,185,129,0)}}.mock-player{background: rgba(255,255,255,0.02);border: 1px solid rgba(255,255,255,0.05);border-radius: 8px;padding: 0.85rem;display: flex;flex-direction: column;gap: 0.65rem}.track-status{font-size: 0.68rem;color: rgba(255,255,255,0.5)}.player-btn-play{background: var(--primary);color: #ffffff;border: none;border-radius: 50%;width: 28px;height: 28px;cursor: pointer;display: flex;align-items: center;justify-content: center;font-size: 0.75rem;transition: all var(--transition-fast)}.player-btn-play:hover{background: var(--primary-dk);transform: scale(1.1)}.mock-volume-slider{width: 70px;height: 4px;accent-color: var(--primary);cursor: pointer}.vol-percent{font-size: 0.7rem;font-weight: 700;color: rgba(255,255,255,0.6);width: 28px;text-align: right;font-family: monospace}.sensor-gauge{background: rgba(255,255,255,0.02);border: 1px solid rgba(255,255,255,0.05);border-radius: 8px;padding: 0.85rem;text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;min-height: 105px}.sensor-val{font-size: 1.5rem;font-weight: 800;color: #ffffff;font-family: monospace;line-height: 1}.sensor-gauge[data-type="moist"] .sensor-val{color: #10b981}.progress-ring-circle{transition: stroke-dashoffset 0.5s ease;stroke: #10b981}.mock-irrigation{background: rgba(255,255,255,0.02);border: 1px solid rgba(255,255,255,0.05);border-radius: 8px;padding: 0.85rem;display: flex;align-items: center;justify-content: space-between}.irr-status-value{font-size: 0.68rem;color: rgba(255,255,255,0.5)}.mock-irrigation.active .irr-status-value{color: #10b981;font-weight: 700}.home-products-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 1.25rem}@media (max-width: 960px){.home-products-grid{grid-template-columns: repeat(2,1fr)}}@media (max-width: 560px){.home-products-grid{gap: .85rem}}@media (max-width: 480px){.home-products-grid{grid-template-columns: 1fr}}@media (max-width: 400px){.home-products-grid{grid-template-columns: 1fr}}.rfq-cart-toggle{position: fixed;bottom: 2rem;right: 2rem;width: 64px;height: 64px;border-radius: 50%;background: var(--primary);color: #fff;border: none;box-shadow: 0 4px 20px rgba(15,53,160,0.4);cursor: pointer;z-index: 9999;display: flex;align-items: center;justify-content: center;transition: all 0.3s cubic-bezier(0.25,0.8,0.25,1);font-size: 1.6rem}.rfq-cart-toggle:hover{transform: scale(1.1) translateY(-2px);background: var(--primary-dk)}.rfq-cart-badge{position: absolute;top: -2px;right: -2px;background: var(--accent);color: #fff;font-size: 0.75rem;font-weight: 700;width: 22px;height: 22px;border-radius: 50%;display: flex;align-items: center;justify-content: center;box-shadow: 0 2px 6px rgba(0,0,0,0.2);border: 2px solid #fff}.rfq-cart-panel{position: fixed;top: 0;right: -380px;width: 380px;height: 100vh;background: var(--bg-white);box-shadow: -4px 0 30px rgba(0,0,0,0.15);z-index: 10000;display: flex;flex-direction: column;transition: right 0.4s cubic-bezier(0.16,1,0.3,1);border-left: 1px solid var(--border)}.rfq-cart-panel.open{right: 0}@media (max-width: 480px){.rfq-cart-panel{width: 100%;right: -100%}}.rfq-cart-header{padding: 1.5rem;border-bottom: 1px solid var(--border);display: flex;justify-content: space-between;align-items: center;background: var(--bg-light)}.rfq-cart-header h3{font-size: 1.1rem;margin: 0;color: var(--primary-dk)}.rfq-cart-close{background: none;border: none;font-size: 1.75rem;cursor: pointer;color: var(--text-muted);transition: color 0.2s}.rfq-cart-close:hover{color: red}.rfq-cart-body{padding: 1.5rem;flex: 1;overflow-y: auto;display: flex;flex-direction: column;gap: 1rem}.rfq-cart-item{display: flex;gap: 0.75rem;align-items: center;padding-bottom: 1rem;border-bottom: 1px solid var(--border)}.rfq-cart-item-thumb{width: 60px;height: 60px;border-radius: var(--radius-sm);object-fit: cover;border: 1px solid var(--border)}.rfq-cart-item-details{flex: 1;display: flex;flex-direction: column;gap: 0.25rem}.rfq-cart-item-title{font-size: 0.9rem;font-weight: 700;color: var(--primary-dk);line-height: 1.3}.rfq-cart-item-sku{font-size: 0.75rem;color: var(--text-muted)}.rfq-cart-item-qty-wrap{display: flex;align-items: center;gap: 0.5rem;margin-top: 0.25rem}.rfq-cart-item-qty-btn{width: 22px;height: 22px;border-radius: 50%;border: 1px solid var(--border);background: var(--bg-light);display: flex;align-items: center;justify-content: center;font-size: 0.8rem;cursor: pointer}.rfq-cart-item-qty{font-size: 0.85rem;font-weight: 600;width: 20px;text-align: center}.rfq-cart-item-del{background: none;border: none;color: var(--text-muted);cursor: pointer;font-size: 1.1rem;padding: 0.25rem}.rfq-cart-item-del:hover{color: red}.rfq-cart-footer{padding: 1.5rem;border-top: 1px solid var(--border);background: var(--bg-light)}.rfq-cart-empty{text-align: center;color: var(--text-muted);margin-top: 3rem;font-size: 0.95rem}.rfq-toast{position: fixed;bottom: 2rem;left: 2rem;background: var(--primary-dk);color: #fff;padding: 1rem 1.5rem;border-radius: var(--radius);box-shadow: var(--shadow-lg);z-index: 10005;display: flex;align-items: center;gap: 0.5rem;font-weight: 600;font-size: 0.9rem;transform: translateY(150%);transition: transform 0.35s cubic-bezier(0.175,0.885,0.32,1.275)}.rfq-toast.show{transform: translateY(0)}.stats-bar::before{content: '';position: absolute;inset: 0;background-image: radial-gradient(rgba(255,255,255,0.07) 1.5px,transparent 1.5px);background-size: 24px 24px;pointer-events: none}.hero-tab{display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.45rem 1.15rem;border-radius: 40px;border: none;background: transparent;color: rgba(255,255,255,0.48);font-size: 0.82rem;font-weight: 600;cursor: pointer;transition: all 0.3s ease;font-family: var(--font-body);white-space: nowrap}.hero-tab:hover{color: rgba(255,255,255,0.82);background: rgba(255,255,255,0.06)}.hero-tab.active{background: rgba(255,255,255,0.14);color: #ffffff}@media (max-width: 900px){.hero-slider{height: auto;min-height: 680px}}@media (max-width: 576px){.hero-slider{min-height: 660px}.hero-tab{padding: 0.45rem 0.75rem}}
/* assets/css/footer.css */
#site-footer.vlp-footer{position: relative;isolation: isolate;overflow: hidden;margin: 0;padding: 0;color: #dbe6ef;background: var(--vlp-navy-900);border-top: 3px solid var(--vlp-emerald-500);font-family: var(--vlp-font-body)}.vlp-footer__bg{position: absolute;inset: 0;z-index: -1;pointer-events: none;background: radial-gradient(28rem 18rem at 92% 0%,rgb(var(--vlp-emerald-500-rgb) / 0.16),transparent 70%),radial-gradient(circle at 2px 2px,rgba(103,232,249,0.16) 1.5px,transparent 0) 0 0 / 44px 44px,linear-gradient(135deg,transparent 49.6%,rgba(103,232,249,0.05) 50%,transparent 50.4%) 0 0 / 88px 88px;-webkit-mask-image: linear-gradient(180deg,#000 0%,rgba(0,0,0,0.35) 100%);mask-image: linear-gradient(180deg,#000 0%,rgba(0,0,0,0.35) 100%)}.vlp-footer a{color: #dbe6ef;text-decoration: none;transition: color 0.2s}.vlp-footer a:hover{color: #ffffff}.vlp-footer a:focus-visible{outline: 3px solid var(--vlp-cyan-300);outline-offset: 3px;border-radius: 4px}.vlp-footer__main{display: grid;grid-template-columns: minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap: clamp(2rem,4vw,3.5rem);padding-block: clamp(3rem,6vw,4.5rem)}.vlp-footer__logo{margin-bottom: 1rem}.vlp-footer .vlp-logo__link{display: inline-flex;align-items: center;gap: 0.7rem}.vlp-footer .custom-logo{max-height: 48px;width: auto}.vlp-logo__name{font-family: var(--vlp-font-heading);font-size: 1.45rem;font-weight: 800;letter-spacing: -0.01em;color: #ffffff}.vlp-logo__accent{color: inherit}.vlp-footer__tagline{margin: 0 0 0.75rem;font-family: var(--vlp-font-en),sans-serif;font-size: 1rem;font-weight: 600;color: var(--vlp-emerald-300)}.vlp-footer__desc{max-width: 26rem;margin: 0 0 1.5rem;font-size: 0.92rem;line-height: 1.75;color: #b7c7d6}.vlp-footer__company{display: grid;gap: 0.6rem;margin: 0 0 1.5rem;font-style: normal;font-size: 0.9rem;line-height: 1.6}.vlp-footer__company strong{font-weight: 700;color: #ffffff}.vlp-footer__line{display: flex;gap: 0.6rem;align-items: flex-start;color: #b7c7d6}.vlp-footer__line .vlp-icon{margin-top: 0.2rem;flex-shrink: 0;color: var(--vlp-emerald-300)}.vlp-footer__social{display: flex;gap: 0.6rem;margin: 0;padding: 0;list-style: none}.vlp-footer__social a{display: grid;place-items: center;width: 40px;height: 40px;border-radius: 12px;background: rgba(255,255,255,0.08);border: 1px solid rgba(255,255,255,0.12);transition: background-color 0.2s,border-color 0.2s,transform 0.2s}.vlp-footer__social a:hover{background: var(--vlp-emerald-600);border-color: var(--vlp-emerald-600);transform: translateY(-2px)}.vlp-footer__title{margin: 0 0 1.1rem;font-family: var(--vlp-font-heading);font-size: 0.95rem;font-weight: 700;letter-spacing: 0.02em;color: #ffffff}.vlp-footer__title::after{content: "";display: block;width: 24px;height: 2px;margin-top: 0.6rem;border-radius: 2px;background: var(--vlp-emerald-500)}.vlp-footer__links{display: grid;gap: 0.7rem;margin: 0;padding: 0;list-style: none}.vlp-footer__links a{position: relative;display: inline-block;font-size: 0.92rem;line-height: 1.5;color: #b7c7d6}.vlp-footer__links a::before{content: "";position: absolute;left: -0.9rem;top: 0.65em;width: 5px;height: 5px;border-radius: 50%;background: var(--vlp-emerald-500);opacity: 0;transform: translateX(-4px);transition: opacity 0.2s,transform 0.2s}.vlp-footer__links a:hover{color: #ffffff}.vlp-footer__links a:hover::before{opacity: 1;transform: none}.vlp-footer__bottom{border-top: 1px solid rgba(255,255,255,0.1);background: rgb(var(--vlp-navy-950-rgb) / 0.45)}.vlp-footer__bottom-inner{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 0.75rem 1.5rem;padding-block: 1.25rem}.vlp-footer__copy{margin: 0;font-size: 0.85rem;color: #b7c7d6}.vlp-footer__legal{display: flex;flex-wrap: wrap;gap: 0.4rem 1.5rem;margin: 0;padding: 0;list-style: none}.vlp-footer__legal a{font-size: 0.85rem;color: #b7c7d6;text-decoration: underline;text-decoration-color: rgba(183,199,214,0.4);text-underline-offset: 3px}.vlp-footer__legal a:hover{color: #ffffff;text-decoration-color: currentColor}@media (max-width: 1024px){.vlp-footer__main{grid-template-columns: repeat(2,minmax(0,1fr))}.vlp-footer__brand{grid-column: 1 / -1}.vlp-footer__desc{max-width: 36rem}}@media (max-width: 640px){.vlp-footer__main{grid-template-columns: minmax(0,1fr);gap: 2rem}.vlp-footer__links a{padding-block: 0.15rem}.vlp-footer__bottom-inner{flex-direction: column;align-items: flex-start}}@media (prefers-reduced-motion: reduce){.vlp-footer *,.vlp-footer *::before{transition: none !important}}.rfq-cart-panel:not(.open){visibility: hidden;box-shadow: none;transition: right 0.4s cubic-bezier(0.16,1,0.3,1),visibility 0s linear 0.4s}.rfq-cart-panel.open{visibility: visible;transition: right 0.4s cubic-bezier(0.16,1,0.3,1),visibility 0s}.rfq-toast:not(.show){visibility: hidden;transform: translateY(calc(100% + 3rem));transition: transform 0.35s ease,visibility 0s linear 0.35s}.rfq-toast.show{visibility: visible;transition: transform 0.35s cubic-bezier(0.175,0.885,0.32,1.275),visibility 0s}
/* assets/css/home-sections.css */
.vlp-sec{position: relative;padding: clamp(3.5rem,7vw,6rem) 0;background: var(--vlp-bg-page);color: var(--vlp-text-primary)}.vlp-sec,.vlp-related{content-visibility: auto;contain-intrinsic-size: auto 900px}.vlp-sec--soft{background: var(--vlp-bg-soft)}.vlp-sec--dark{background: var(--vlp-navy-900);color: var(--vlp-text-on-dark)}.vlp-sec-head{max-width: 46rem;margin: 0 auto clamp(2rem,4vw,3rem)}.vlp-sec-head--center{text-align: center}.vlp-sec-head--start{margin-inline: 0}.vlp-sec-head__eyebrow{display: inline-flex;align-items: center;gap: 0.6rem;margin: 0 0 0.85rem;font-size: 0.82rem;font-weight: 700;letter-spacing: 0.04em;color: var(--vlp-cyan-700)}.vlp-sec-head__eyebrow::before{content: "";width: 22px;height: 2px;border-radius: 2px;background: linear-gradient(90deg,var(--vlp-cyan-500),var(--vlp-emerald-500))}.vlp-sec-head__title{margin: 0 0 1rem;font-family: var(--vlp-font-heading);font-size: clamp(1.65rem,3vw,2.4rem);font-weight: 700;line-height: 1.35;color: var(--vlp-navy-800)}.vlp-sec-head__intro{margin: 0;font-size: clamp(1rem,1.2vw,1.08rem);line-height: 1.8;color: var(--vlp-text-secondary)}.vlp-sec-head__more{margin: 1rem 0 0}.vlp-sec-head__more a{display: inline-flex;align-items: center;gap: 0.35rem;font-weight: 700;color: var(--vlp-emerald-700);text-decoration: none}.vlp-sec-head__more a:hover{color: var(--vlp-navy-800);text-decoration: underline}.vlp-sec--dark .vlp-sec-head__eyebrow{color: var(--vlp-cyan-300)}.vlp-sec--dark .vlp-sec-head__title{color: #ffffff}.vlp-sec--dark .vlp-sec-head__intro{color: var(--vlp-text-muted-dark)}.vlp-sec .vlp-icon{flex-shrink: 0}.vlp-sec a:focus-visible,.vlp-sec button:focus-visible{outline: 3px solid var(--vlp-cyan-500);outline-offset: 3px}.vlp-sec--trust{border-top: 1px solid var(--vlp-border)}.vlp-trust{display: grid;grid-template-columns: minmax(0,0.9fr) minmax(0,1.1fr);gap: clamp(2rem,5vw,4.5rem);align-items: center}.vlp-trust .vlp-sec-head{margin-bottom: 1.75rem}.vlp-trust__points{display: grid;gap: 0.9rem;margin: 0;padding: 0;list-style: none}.vlp-trust__points li{display: flex;gap: 0.75rem;align-items: flex-start;font-size: 0.95rem;line-height: 1.65;color: var(--vlp-text-secondary)}.vlp-trust__points strong{color: var(--vlp-navy-800);font-weight: 700}.vlp-trust__check{display: grid;place-items: center;width: 24px;height: 24px;margin-top: 0.1rem;flex-shrink: 0;border-radius: 50%;color: #ffffff;background: var(--vlp-emerald-600)}.vlp-trust__badges{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.85rem;margin: 0;padding: 0;list-style: none}.vlp-tech-badge{display: flex;align-items: center;gap: 0.85rem;padding: 1rem 1.1rem;background: #ffffff;border: 1px solid var(--vlp-border);border-radius: var(--vlp-radius-md);transition: transform 0.25s var(--vlp-ease),border-color 0.25s,box-shadow 0.25s}.vlp-tech-badge:hover{transform: translateY(-2px);border-color: rgb(var(--vlp-cyan-500-rgb) / 0.45);box-shadow: var(--vlp-shadow-md)}.vlp-tech-badge__icon{display: grid;place-items: center;width: 44px;height: 44px;flex-shrink: 0;border-radius: 12px;color: var(--vlp-cyan-600);background: var(--vlp-cyan-50)}.vlp-tech-badge__text{display: flex;flex-direction: column;min-width: 0;line-height: 1.4}.vlp-tech-badge__text strong{font-family: var(--vlp-font-en),var(--vlp-font-body);font-size: 0.95rem;font-weight: 700;color: var(--vlp-navy-800)}.vlp-tech-badge__text span{font-size: 0.82rem;color: var(--vlp-text-secondary)}@media (max-width: 992px){.vlp-trust{grid-template-columns: minmax(0,1fr)}}@media (max-width: 480px){.vlp-trust__badges{gap: 0.6rem}.vlp-tech-badge{flex-direction: column;align-items: flex-start;gap: 0.6rem;padding: 0.85rem}.vlp-tech-badge__icon{width: 38px;height: 38px}}.vlp-solutions{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 1.25rem}.vlp-sol-card{position: relative;display: flex;flex-direction: column;padding: 1.75rem 1.6rem 1.6rem;background: #ffffff;border: 1px solid var(--vlp-border);border-radius: var(--vlp-radius-lg);overflow: hidden;transition: transform 0.3s var(--vlp-ease),box-shadow 0.3s var(--vlp-ease),border-color 0.3s}.vlp-sol-card::before{content: "";position: absolute;inset: 0 0 auto;height: 3px;background: linear-gradient(90deg,var(--vlp-cyan-500),var(--vlp-emerald-500));transform: scaleX(0);transform-origin: left;transition: transform 0.4s var(--vlp-ease)}.vlp-sol-card:hover{transform: translateY(-4px);border-color: rgb(var(--vlp-cyan-500-rgb) / 0.35);box-shadow: var(--vlp-shadow-hover)}.vlp-sol-card:hover::before{transform: scaleX(1)}.vlp-sol-card__top{display: flex;align-items: center;justify-content: space-between;gap: 0.75rem;margin-bottom: 1.25rem}.vlp-sol-card__icon{display: grid;place-items: center;width: 52px;height: 52px;border-radius: 14px;color: #ffffff;background: linear-gradient(135deg,var(--vlp-navy-800),var(--vlp-navy-700));box-shadow: 0 8px 18px rgb(var(--vlp-navy-800-rgb) / 0.18)}.vlp-sol-card__icon .vlp-icon{color: var(--vlp-cyan-300)}.vlp-sol-card__tag{font-family: var(--vlp-font-en),sans-serif;font-size: 0.72rem;font-weight: 600;letter-spacing: 0.02em;color: var(--vlp-cyan-700);background: var(--vlp-cyan-50);padding: 0.25rem 0.6rem;border-radius: var(--vlp-radius-full);text-align: right}.vlp-sol-card__title{margin: 0 0 0.6rem;font-size: 1.2rem;font-weight: 700;line-height: 1.4;color: var(--vlp-navy-800)}.vlp-sol-card__text{margin: 0 0 1.1rem;font-size: 0.95rem;line-height: 1.75;color: var(--vlp-text-secondary)}.vlp-sol-card__list{display: grid;gap: 0.5rem;margin: auto 0 0;padding: 1rem 0 0;list-style: none;border-top: 1px dashed var(--vlp-border)}.vlp-sol-card__list li{display: flex;gap: 0.55rem;align-items: flex-start;font-size: 0.88rem;line-height: 1.6;color: var(--vlp-text-primary)}.vlp-sol-card__list .vlp-icon{margin-top: 0.2rem;color: var(--vlp-emerald-600)}@media (max-width: 1024px){.vlp-solutions{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.vlp-solutions{grid-template-columns: minmax(0,1fr);gap: 1rem}.vlp-sol-card{padding: 1.4rem 1.25rem 1.25rem}}.vlp-features{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));margin: 0;padding: 0;list-style: none;border-top: 1px solid var(--vlp-border);border-left: 1px solid var(--vlp-border)}.vlp-feature{position: relative;padding: 1.75rem 1.5rem 1.6rem;border-right: 1px solid var(--vlp-border);border-bottom: 1px solid var(--vlp-border);transition: background-color 0.25s}.vlp-feature:hover{background: var(--vlp-bg-soft)}.vlp-feature__icon{display: grid;place-items: center;width: 46px;height: 46px;margin-bottom: 1.1rem;border-radius: 12px;color: var(--vlp-emerald-600);background: var(--vlp-emerald-50);transition: transform 0.3s var(--vlp-ease),color 0.3s,background-color 0.3s}.vlp-feature:hover .vlp-feature__icon{transform: translateY(-2px);color: #ffffff;background: var(--vlp-emerald-600)}.vlp-feature__title{margin: 0 0 0.45rem;font-size: 1.05rem;font-weight: 700;line-height: 1.45;color: var(--vlp-navy-800)}.vlp-feature__text{margin: 0;font-size: 0.9rem;line-height: 1.7;color: var(--vlp-text-secondary)}@media (max-width: 1024px){.vlp-features{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width: 480px){.vlp-features{grid-template-columns: minmax(0,1fr)}.vlp-feature{display: grid;grid-template-columns: auto minmax(0,1fr);column-gap: 1rem;padding: 1.25rem 1rem}.vlp-feature__icon{grid-row: span 2;margin-bottom: 0;width: 42px;height: 42px}}.vlp-tabs{display: flex;flex-wrap: wrap;gap: 0.5rem;margin-bottom: 1.5rem}.vlp-tab{appearance: none;padding: 0.6rem 1.15rem;font: inherit;font-size: 0.92rem;font-weight: 600;color: var(--vlp-navy-700);background: #ffffff;border: 1px solid var(--vlp-border);border-radius: var(--vlp-radius-full);cursor: pointer;transition: background-color 0.2s,color 0.2s,border-color 0.2s}.vlp-tab:hover{border-color: var(--vlp-cyan-500)}.vlp-tab[aria-selected="true"]{color: #ffffff;background: var(--vlp-navy-800);border-color: var(--vlp-navy-800)}[data-vlp-tabs]:not(.is-enhanced) .vlp-tabs{display: none}[data-vlp-tabs]:not(.is-enhanced) .vlp-tabpanel + .vlp-tabpanel{margin-top: 2rem}.vlp-tabpanel:focus-visible{outline: 3px solid var(--vlp-cyan-500);outline-offset: 4px;border-radius: var(--vlp-radius-md)}.vlp-tabpanel[hidden]{display: none !important}.vlp-admin-note{display: flex;gap: 0.6rem;align-items: flex-start;max-width: 46rem;margin: 0 auto 1.5rem;padding: 0.75rem 1rem;font-size: 0.88rem;line-height: 1.6;color: #7a4d00;background: #fff7e6;border: 1px dashed #f0b44c;border-radius: var(--vlp-radius-md)}.vlp-showcase .vlp-tabs{justify-content: center}.vlp-showcase__panel{display: grid;grid-template-columns: minmax(0,0.8fr) minmax(0,1.6fr);gap: clamp(1.5rem,4vw,3.5rem);align-items: center}.vlp-showcase__title{margin: 0 0 0.75rem;font-size: clamp(1.25rem,2vw,1.5rem);font-weight: 700;line-height: 1.4;color: var(--vlp-navy-800)}.vlp-showcase__text{margin: 0 0 1.25rem;line-height: 1.8;color: var(--vlp-text-secondary)}.vlp-showcase__list{display: grid;gap: 0.6rem;margin: 0;padding: 0;list-style: none}.vlp-showcase__list li{display: flex;gap: 0.55rem;align-items: flex-start;font-size: 0.93rem;line-height: 1.6}.vlp-showcase__list .vlp-icon{margin-top: 0.2rem;color: var(--vlp-emerald-600)}.vlp-showcase__shot{margin: 0;overflow: hidden;background: #ffffff;border: 1px solid var(--vlp-border);border-radius: var(--vlp-radius-lg);box-shadow: 0 24px 60px rgb(var(--vlp-navy-800-rgb) / 0.12)}.vlp-showcase__bar{display: flex;gap: 6px;padding: 10px 14px;background: var(--vlp-bg-soft);border-bottom: 1px solid var(--vlp-border)}.vlp-showcase__bar span{width: 10px;height: 10px;border-radius: 50%;background: #d5dee6}.vlp-showcase__shot img{display: block;width: 100%;height: auto;aspect-ratio: 16 / 10;object-fit: cover;object-position: top center}.vlp-showcase__empty{display: grid;place-items: center;gap: 0.75rem;aspect-ratio: 16 / 10;padding: 1.5rem;text-align: center;font-size: 0.9rem;color: var(--vlp-text-secondary);background: repeating-linear-gradient(45deg,#f8fafc,#f8fafc 12px,#f1f5f9 12px,#f1f5f9 24px)}@media (max-width: 992px){.vlp-showcase__panel{grid-template-columns: minmax(0,1fr)}.vlp-showcase__shot{order: -1}}@media (max-width: 640px){.vlp-showcase .vlp-tabs{display: grid;grid-template-columns: repeat(2,minmax(0,1fr))}.vlp-showcase .vlp-tab{padding-inline: 0.75rem;border-radius: var(--vlp-radius-md)}}.vlp-sec--arch{overflow: hidden;isolation: isolate}.vlp-arch__bg{position: absolute;inset: 0;z-index: -1;background: radial-gradient(40rem 24rem at 15% 0%,rgb(var(--vlp-cyan-500-rgb) / 0.16),transparent 70%),radial-gradient(30rem 22rem at 90% 100%,rgb(var(--vlp-emerald-500-rgb) / 0.12),transparent 70%),linear-gradient(rgba(255,255,255,0.035) 1px,transparent 1px) 0 0 / 100% 36px,linear-gradient(90deg,rgba(255,255,255,0.035) 1px,transparent 1px) 0 0 / 36px 100%}.vlp-arch{display: grid;grid-template-columns: repeat(var(--stages,5),minmax(0,1fr));gap: 0;margin: 0;padding: 2.25rem 0 0;list-style: none}.vlp-arch__stage{position: relative;display: flex;min-width: 0}.vlp-arch__card{flex: 1;min-width: 0;padding: 1.25rem 1.1rem;background: rgba(255,255,255,0.04);border: 1px solid rgba(255,255,255,0.12);border-radius: var(--vlp-radius-lg);transition: border-color 0.25s,background-color 0.25s}.vlp-arch__stage:hover .vlp-arch__card{border-color: rgb(var(--vlp-cyan-500-rgb) / 0.55);background: rgb(var(--vlp-cyan-500-rgb) / 0.06)}.vlp-arch__stage:nth-child(2) .vlp-arch__card{background: linear-gradient(160deg,rgb(var(--vlp-cyan-500-rgb) / 0.16),rgb(var(--vlp-emerald-500-rgb) / 0.08));border-color: rgb(var(--vlp-cyan-500-rgb) / 0.45)}.vlp-arch__head{display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.9rem}.vlp-arch__icon{display: grid;place-items: center;width: 42px;height: 42px;border-radius: 12px;color: var(--vlp-cyan-300);background: rgb(var(--vlp-cyan-500-rgb) / 0.14)}.vlp-arch__step{font-family: var(--vlp-font-en),sans-serif;font-size: 0.78rem;font-weight: 700;color: rgba(255,255,255,0.62)}.vlp-arch__title{margin: 0;font-size: 1.02rem;font-weight: 700;line-height: 1.4;color: #ffffff}.vlp-arch__tag{margin: 0.15rem 0 0.9rem;font-family: var(--vlp-font-en),sans-serif;font-size: 0.74rem;font-weight: 600;color: var(--vlp-cyan-300)}.vlp-arch__items{display: grid;gap: 0.6rem;margin: 0;padding: 0.9rem 0 0;list-style: none;border-top: 1px solid rgba(255,255,255,0.1)}.vlp-arch__items li{display: flex;flex-direction: column;line-height: 1.45}.vlp-arch__items strong{font-size: 0.85rem;font-weight: 600;color: #e6eef5}.vlp-arch__items span{font-size: 0.78rem;color: var(--vlp-text-muted-dark)}.vlp-arch__link{position: relative;flex: 0 0 32px;display: flex;align-items: center;justify-content: center}.vlp-arch__line{position: absolute;top: 50%;left: 0;right: 0;height: 2px;background: repeating-linear-gradient(90deg,var(--vlp-cyan-500) 0 6px,transparent 6px 12px);background-size: 12px 2px;animation: vlpArchFlow 0.9s linear 5}.vlp-arch__link::before{content: "";position: absolute;top: -1rem;bottom: 50%;left: 50%;border-left: 1px dashed rgba(103,232,249,0.45)}.vlp-arch__line::after{content: "";position: absolute;right: -2px;top: -4px;border: 5px solid transparent;border-left: 7px solid var(--vlp-cyan-500)}.vlp-arch__proto{position: absolute;top: -2.1rem;left: 50%;transform: translateX(-50%);padding: 0.15rem 0.45rem;font-family: var(--vlp-font-en),sans-serif;font-size: 0.66rem;font-weight: 700;white-space: nowrap;color: var(--vlp-navy-900);background: var(--vlp-cyan-300);border-radius: var(--vlp-radius-full);z-index: 1}.vlp-arch__note{margin: 1.75rem 0 0;text-align: center;font-size: 0.82rem;color: var(--vlp-text-muted-dark)}@keyframes vlpArchFlow{to{background-position: 12px 0}}@keyframes vlpArchFlowY{to{background-position: 0 12px}}@media (max-width: 1100px){.vlp-arch{grid-template-columns: minmax(0,1fr);max-width: 40rem;margin-inline: auto;padding-top: 0}.vlp-arch__stage{flex-direction: column}.vlp-arch__items{grid-template-columns: repeat(2,minmax(0,1fr));column-gap: 1rem}.vlp-arch__link{flex: 0 0 44px}.vlp-arch__line{top: 0;bottom: 0;left: 50%;right: auto;width: 2px;height: auto;background: repeating-linear-gradient(180deg,var(--vlp-cyan-500) 0 6px,transparent 6px 12px);background-size: 2px 12px;animation-name: vlpArchFlowY}.vlp-arch__line::after{right: auto;top: auto;bottom: -3px;left: -4px;border: 5px solid transparent;border-top: 7px solid var(--vlp-cyan-500)}.vlp-arch__link::before{display: none}.vlp-arch__proto{top: 50%;left: calc(50% + 12px);transform: translateY(-50%)}}@media (max-width: 480px){.vlp-arch__items{grid-template-columns: minmax(0,1fr)}}.vlp-hw{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 1.25rem}.vlp-hw-card{display: flex;flex-direction: column;overflow: hidden;background: #ffffff;border: 1px solid var(--vlp-border);border-radius: var(--vlp-radius-lg);transition: transform 0.3s var(--vlp-ease),box-shadow 0.3s var(--vlp-ease),border-color 0.3s}.vlp-hw-card:hover{transform: translateY(-4px);border-color: rgb(var(--vlp-emerald-500-rgb) / 0.4);box-shadow: var(--vlp-shadow-hover)}.vlp-hw-card__media{display: grid;place-items: center;aspect-ratio: 5 / 2;background: radial-gradient(circle at 1px 1px,rgb(var(--vlp-navy-800-rgb) / 0.08) 1px,transparent 0) 0 0 / 18px 18px,linear-gradient(160deg,#f3f9fd,#e8f4f9);border-bottom: 1px solid var(--vlp-border)}.vlp-hw-card__media.has-image{aspect-ratio: 16 / 9}.vlp-hw-card__media img{width: 100%;height: 100%;object-fit: contain;padding: 1rem}.vlp-hw-card__icon{display: grid;place-items: center;width: 76px;height: 76px;border-radius: 22px;color: var(--vlp-navy-800);background: #ffffff;box-shadow: 0 10px 24px rgb(var(--vlp-navy-800-rgb) / 0.1);transition: transform 0.3s var(--vlp-ease),color 0.3s}.vlp-hw-card:hover .vlp-hw-card__icon{transform: scale(1.05);color: var(--vlp-emerald-600)}.vlp-hw-card__body{display: flex;flex: 1;flex-direction: column;padding: 1.35rem 1.4rem 1.4rem}.vlp-hw-card__tag{margin: 0 0 0.35rem;font-family: var(--vlp-font-en),sans-serif;font-size: 0.74rem;font-weight: 600;color: var(--vlp-cyan-700)}.vlp-hw-card__title{margin: 0 0 0.55rem;font-size: 1.12rem;font-weight: 700;line-height: 1.4;color: var(--vlp-navy-800)}.vlp-hw-card__text{margin: 0 0 1.25rem;font-size: 0.92rem;line-height: 1.7;color: var(--vlp-text-secondary)}.vlp-hw-card__cta{display: inline-flex;align-items: center;gap: 0.4rem;margin-top: auto;font-size: 0.92rem;font-weight: 700;color: var(--vlp-emerald-700);text-decoration: none}.vlp-hw-card__cta:hover{color: var(--vlp-navy-800)}.vlp-hw-card__cta .vlp-icon{transition: transform 0.25s var(--vlp-ease)}.vlp-hw-card__cta:hover .vlp-icon{transform: translateX(3px)}.vlp-hw-req{display: grid;grid-template-columns: minmax(0,0.8fr) minmax(0,2fr);gap: 1rem 2rem;align-items: start;margin-top: 2rem;padding: 1.5rem 1.75rem;background: var(--vlp-bg-soft);border: 1px solid var(--vlp-border);border-radius: var(--vlp-radius-lg)}.vlp-hw-req__title{display: flex;gap: 0.6rem;align-items: flex-start;margin: 0;font-size: 1rem;font-weight: 700;line-height: 1.5;color: var(--vlp-navy-800)}.vlp-hw-req__title .vlp-icon{margin-top: 0.15rem;color: var(--vlp-emerald-600)}.vlp-hw-req__list{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.6rem 1.5rem;margin: 0;padding: 0;list-style: none}.vlp-hw-req__list li{position: relative;padding-left: 1rem;font-size: 0.9rem;line-height: 1.6;color: var(--vlp-text-primary)}.vlp-hw-req__list li::before{content: "";position: absolute;left: 0;top: 0.65em;width: 6px;height: 6px;border-radius: 50%;background: var(--vlp-cyan-500)}@media (max-width: 1024px){.vlp-hw{grid-template-columns: repeat(2,minmax(0,1fr))}.vlp-hw-req{grid-template-columns: minmax(0,1fr)}}@media (max-width: 640px){.vlp-hw{grid-template-columns: minmax(0,1fr);gap: 1rem}.vlp-hw-card{flex-direction: row}.vlp-hw-card__media,.vlp-hw-card__media.has-image{aspect-ratio: auto;width: 96px;flex-shrink: 0;border-bottom: 0;border-right: 1px solid var(--vlp-border)}.vlp-hw-card__icon{width: 56px;height: 56px;border-radius: 16px}.vlp-hw-card__icon .vlp-icon{width: 28px;height: 28px}.vlp-hw-card__body{padding: 1rem}.vlp-hw-req{padding: 1.25rem}.vlp-hw-req__list{grid-template-columns: minmax(0,1fr)}}.vlp-ind{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 1.1rem;margin: 0;padding: 0;list-style: none}.vlp-ind-card{display: flex;flex-direction: column;overflow: hidden;background: #ffffff;border: 1px solid var(--vlp-border);border-radius: var(--vlp-radius-lg);transition: transform 0.3s var(--vlp-ease),box-shadow 0.3s var(--vlp-ease),border-color 0.3s}.vlp-ind-card:hover{transform: translateY(-4px);border-color: rgb(var(--vlp-cyan-500-rgb) / 0.4);box-shadow: var(--vlp-shadow-hover)}.vlp-ind-card__img{aspect-ratio: 16 / 9;overflow: hidden}.vlp-ind-card__img img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s var(--vlp-ease)}.vlp-ind-card:hover .vlp-ind-card__img img{transform: scale(1.04)}.vlp-ind-card__body{display: flex;flex: 1;flex-direction: column;padding: 1.4rem 1.3rem 1.3rem}.vlp-ind-card__icon{display: grid;place-items: center;width: 48px;height: 48px;margin-bottom: 1rem;border-radius: 14px;color: var(--vlp-cyan-600);background: linear-gradient(135deg,var(--vlp-cyan-50),#ffffff);border: 1px solid rgb(var(--vlp-cyan-500-rgb) / 0.25)}.vlp-ind-card.has-image .vlp-ind-card__icon{margin-top: -2.6rem;background: #ffffff;box-shadow: var(--vlp-shadow-md)}.vlp-ind-card__title{margin: 0 0 0.5rem;font-size: 1.05rem;font-weight: 700;line-height: 1.45;color: var(--vlp-navy-800)}.vlp-ind-card__text{margin: 0 0 1rem;font-size: 0.9rem;line-height: 1.7;color: var(--vlp-text-secondary)}.vlp-ind-card__chips{display: flex;flex-wrap: wrap;gap: 0.4rem;margin: auto 0 0;padding: 0;list-style: none}.vlp-ind-card__chips li{padding: 0.2rem 0.6rem;font-size: 0.75rem;font-weight: 600;color: var(--vlp-emerald-700);background: var(--vlp-emerald-50);border-radius: var(--vlp-radius-full)}@media (max-width: 1100px){.vlp-ind{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.vlp-ind{grid-template-columns: minmax(0,1fr);gap: 0.85rem}.vlp-ind-card__body{display: grid;grid-template-columns: auto minmax(0,1fr);column-gap: 0.9rem;padding: 1.1rem}.vlp-ind-card__icon{grid-row: span 3;margin-bottom: 0;width: 44px;height: 44px}.vlp-ind-card.has-image .vlp-ind-card__icon{margin-top: 0}}.vlp-details{display: grid;gap: clamp(3rem,7vw,5.5rem)}.vlp-detail{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: clamp(2rem,5vw,5rem);align-items: center}.vlp-detail--reverse .vlp-detail__copy{order: 2}.vlp-detail__tag{display: inline-block;margin: 0 0 0.75rem;padding: 0.25rem 0.7rem;font-family: var(--vlp-font-en),sans-serif;font-size: 0.75rem;font-weight: 700;color: var(--vlp-cyan-700);background: var(--vlp-cyan-50);border-radius: var(--vlp-radius-full)}.vlp-detail__title{margin: 0 0 0.85rem;font-size: clamp(1.4rem,2.4vw,1.85rem);font-weight: 700;line-height: 1.35;color: var(--vlp-navy-800)}.vlp-detail__text{margin: 0 0 1.4rem;font-size: 1rem;line-height: 1.85;color: var(--vlp-text-secondary)}.vlp-detail__list{display: grid;gap: 0.75rem;margin: 0;padding: 0;list-style: none}.vlp-detail__list li{display: flex;gap: 0.65rem;align-items: flex-start;font-size: 0.95rem;line-height: 1.65}.vlp-detail__list .vlp-icon{margin-top: 0.15rem;padding: 3px;width: 22px;height: 22px;color: #ffffff;background: var(--vlp-emerald-600);border-radius: 50%}.vlp-detail__shot{margin: 0;overflow: hidden;border: 1px solid var(--vlp-border);border-radius: var(--vlp-radius-lg);box-shadow: 0 24px 60px rgb(var(--vlp-navy-800-rgb) / 0.12)}.vlp-detail__shot img{display: block;width: 100%;height: auto}.vlp-facts{position: relative;padding: clamp(1.5rem,3vw,2.25rem);overflow: hidden;background: linear-gradient(150deg,var(--vlp-navy-800),var(--vlp-navy-900));border-radius: var(--vlp-radius-xl);box-shadow: 0 24px 60px rgb(var(--vlp-navy-800-rgb) / 0.18)}.vlp-facts::before{content: "";position: absolute;inset: auto -20% -45% auto;width: 70%;aspect-ratio: 1;border-radius: 50%;background: radial-gradient(circle,rgb(var(--vlp-cyan-500-rgb) / 0.22),transparent 65%);pointer-events: none}.vlp-facts__icon{display: grid;place-items: center;width: 64px;height: 64px;margin-bottom: 1.5rem;border-radius: 18px;color: var(--vlp-navy-900);background: linear-gradient(135deg,var(--vlp-cyan-300),var(--vlp-emerald-300))}.vlp-facts__list{position: relative;display: grid;gap: 0.75rem;margin: 0}.vlp-facts__item{display: grid;grid-template-columns: minmax(6.5rem,auto) minmax(0,1fr);gap: 1rem;align-items: center;padding: 0.9rem 1.1rem;background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.1);border-radius: var(--vlp-radius-md);transition: border-color 0.25s,background-color 0.25s}.vlp-facts__item:hover{border-color: rgba(103,232,249,0.45);background: rgba(255,255,255,0.08)}.vlp-facts__item dt{font-family: var(--vlp-font-en),var(--vlp-font-body);font-size: 1.3rem;font-weight: 700;line-height: 1.2;color: var(--vlp-cyan-300)}.vlp-facts__item dd{margin: 0;font-size: 0.9rem;line-height: 1.5;color: #dbe6ef}@media (max-width: 992px){.vlp-detail{grid-template-columns: minmax(0,1fr)}.vlp-detail--reverse .vlp-detail__copy{order: 0}}@media (max-width: 480px){.vlp-facts__item{grid-template-columns: minmax(0,1fr);gap: 0.2rem}.vlp-facts__icon{width: 52px;height: 52px;margin-bottom: 1rem}}.vlp-deploy{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 1.25rem;max-width: 64rem;margin: 0 auto 2.5rem}.vlp-deploy-card{position: relative;padding: 1.75rem;background: #ffffff;border: 1px solid var(--vlp-border);border-radius: var(--vlp-radius-lg);transition: transform 0.3s var(--vlp-ease),box-shadow 0.3s var(--vlp-ease)}.vlp-deploy-card:hover{transform: translateY(-3px);box-shadow: var(--vlp-shadow-hover)}.vlp-deploy-card.is-featured{border-color: var(--vlp-emerald-500);box-shadow: 0 0 0 1px var(--vlp-emerald-500),var(--vlp-shadow-md)}.vlp-deploy-card__head{display: flex;align-items: center;justify-content: space-between;margin-bottom: 1.1rem}.vlp-deploy-card__icon{display: grid;place-items: center;width: 56px;height: 56px;border-radius: 16px;color: var(--vlp-navy-800);background: var(--vlp-bg-alt)}.vlp-deploy-card.is-featured .vlp-deploy-card__icon{color: #ffffff;background: var(--vlp-emerald-600)}.vlp-deploy-card__badge{padding: 0.25rem 0.7rem;font-size: 0.75rem;font-weight: 700;color: var(--vlp-emerald-700);background: var(--vlp-emerald-50);border-radius: var(--vlp-radius-full)}.vlp-deploy-card__tag{margin: 0 0 0.2rem;font-family: var(--vlp-font-en),sans-serif;font-size: 0.78rem;font-weight: 700;color: var(--vlp-cyan-700)}.vlp-deploy-card__title{margin: 0 0 0.6rem;font-size: 1.3rem;font-weight: 700;color: var(--vlp-navy-800)}.vlp-deploy-card__text{margin: 0 0 1.1rem;font-size: 0.95rem;line-height: 1.75;color: var(--vlp-text-secondary)}.vlp-deploy-card__list{display: grid;gap: 0.55rem;margin: 0;padding: 1rem 0 0;list-style: none;border-top: 1px dashed var(--vlp-border)}.vlp-deploy-card__list li{display: flex;gap: 0.55rem;align-items: flex-start;font-size: 0.92rem;line-height: 1.6}.vlp-deploy-card__list .vlp-icon{margin-top: 0.2rem;color: var(--vlp-emerald-600)}.vlp-compare{max-width: 64rem;margin: 0 auto;overflow: hidden;background: #ffffff;border: 1px solid var(--vlp-border);border-radius: var(--vlp-radius-lg)}.vlp-compare__table{width: 100%;border-collapse: collapse;font-size: 0.92rem}.vlp-compare__table th,.vlp-compare__table td{padding: 0.95rem 1.25rem;text-align: left;vertical-align: top;line-height: 1.6;border-bottom: 1px solid var(--vlp-border)}.vlp-compare__table tbody tr:last-child > *{border-bottom: 0}.vlp-compare__table thead th{font-family: var(--vlp-font-en),var(--vlp-font-body);font-size: 0.85rem;font-weight: 700;color: #ffffff;background: var(--vlp-navy-800)}.vlp-compare__table tbody th{width: 26%;font-weight: 700;color: var(--vlp-navy-800);background: var(--vlp-bg-soft)}.vlp-compare__table td{color: var(--vlp-text-primary)}.vlp-compare__table tbody tr:hover td{background: #fbfdfe}.vlp-compare__note{max-width: 64rem;margin: 1rem auto 0;font-size: 0.85rem;color: var(--vlp-text-secondary);text-align: center}@media (max-width: 768px){.vlp-deploy{grid-template-columns: minmax(0,1fr)}.vlp-compare__table thead{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0)}.vlp-compare__table,.vlp-compare__table tbody,.vlp-compare__table tr,.vlp-compare__table th,.vlp-compare__table td{display: block;width: auto}.vlp-compare__table tr{border-bottom: 1px solid var(--vlp-border)}.vlp-compare__table tbody tr:last-child{border-bottom: 0}.vlp-compare__table tbody th{width: auto;border-bottom: 0;padding-bottom: 0.5rem}.vlp-compare__table td{border-bottom: 0;padding-top: 0.35rem;padding-bottom: 0.35rem}.vlp-compare__table td:last-child{padding-bottom: 1rem}.vlp-compare__table td::before{content: attr(data-label);display: block;font-family: var(--vlp-font-en),sans-serif;font-size: 0.74rem;font-weight: 700;color: var(--vlp-cyan-700)}}.vlp-tech{display: grid;grid-template-columns: minmax(0,0.75fr) minmax(0,1.5fr);gap: clamp(2rem,5vw,4.5rem);align-items: start}.vlp-tech .vlp-sec-head{margin-bottom: 1.25rem}.vlp-tech__note{display: flex;gap: 0.5rem;align-items: flex-start;margin: 0;font-size: 0.85rem;line-height: 1.6;color: var(--vlp-text-secondary)}.vlp-tech__note .vlp-icon{margin-top: 0.2rem;color: var(--vlp-cyan-600)}.vlp-tech__panel{background: #ffffff;border: 1px solid var(--vlp-border);border-radius: var(--vlp-radius-lg);box-shadow: var(--vlp-shadow-sm);overflow: hidden}.vlp-spec{margin: 0}.vlp-spec__row{display: grid;grid-template-columns: minmax(9rem,0.7fr) minmax(0,1.3fr);gap: 1rem;align-items: baseline;padding: 0.95rem 1.4rem;border-bottom: 1px solid var(--vlp-border)}.vlp-spec__row:last-child{border-bottom: 0}.vlp-spec__row:nth-child(even){background: var(--vlp-bg-soft)}.vlp-spec dt{font-family: var(--vlp-font-en),var(--vlp-font-body);font-size: 0.9rem;font-weight: 700;color: var(--vlp-navy-800)}.vlp-spec dd{margin: 0;font-size: 0.92rem;line-height: 1.6;color: var(--vlp-text-primary)}@media (max-width: 992px){.vlp-tech{grid-template-columns: minmax(0,1fr)}}@media (max-width: 640px){.vlp-tech .vlp-tabs{display: grid;grid-template-columns: repeat(2,minmax(0,1fr))}.vlp-tech .vlp-tab{padding-inline: 0.75rem;border-radius: var(--vlp-radius-md)}[data-vlp-tabs]:not(.is-enhanced) .vlp-tabs{display: none}.vlp-spec__row{grid-template-columns: minmax(0,1fr);gap: 0.2rem;padding: 0.85rem 1rem}}.vlp-sec--cta{overflow: hidden;isolation: isolate}.vlp-cta__bg{position: absolute;inset: 0;z-index: -1;background: radial-gradient(36rem 26rem at 100% 0%,rgb(var(--vlp-emerald-500-rgb) / 0.22),transparent 70%),radial-gradient(30rem 22rem at 0% 100%,rgb(var(--vlp-cyan-500-rgb) / 0.16),transparent 70%),linear-gradient(160deg,var(--vlp-navy-900),var(--vlp-navy-950,var(--vlp-navy-950)))}.vlp-cta{display: grid;grid-template-columns: minmax(0,1.1fr) minmax(0,0.9fr);gap: clamp(2rem,5vw,4.5rem);align-items: center}.vlp-cta .vlp-sec-head{margin-bottom: 1.5rem}.vlp-cta .vlp-sec-head__title{font-size: clamp(1.75rem,3.4vw,2.6rem)}.vlp-cta__contact{display: flex;flex-wrap: wrap;gap: 0.75rem 1.75rem;margin: 0;padding: 0;list-style: none}.vlp-cta__contact li{display: flex;gap: 0.5rem;align-items: center;color: var(--vlp-cyan-300)}.vlp-cta__contact a{font-family: var(--vlp-font-en),var(--vlp-font-body);font-weight: 600;color: #ffffff;text-decoration: none;border-bottom: 1px solid rgba(255,255,255,0.25)}.vlp-cta__contact a:hover{border-bottom-color: var(--vlp-cyan-300)}.vlp-cta__actions{display: grid;gap: 0.85rem}.vlp-cta-action{display: grid;grid-template-columns: auto minmax(0,1fr) auto;gap: 1rem;align-items: center;padding: 1.05rem 1.25rem;color: #ffffff;text-decoration: none;background: rgba(255,255,255,0.06);border: 1px solid rgba(255,255,255,0.14);border-radius: var(--vlp-radius-lg);transition: transform 0.25s var(--vlp-ease),background-color 0.25s,border-color 0.25s,box-shadow 0.25s}.vlp-cta-action:hover{transform: translateY(-2px);background: rgba(255,255,255,0.1);border-color: rgba(103,232,249,0.5)}.vlp-cta-action--primary{background: var(--vlp-emerald-600);border-color: var(--vlp-emerald-600);box-shadow: 0 12px 30px rgba(0,135,99,0.35)}.vlp-cta-action--primary:hover{background: var(--vlp-emerald-700);border-color: var(--vlp-emerald-700);box-shadow: 0 16px 36px rgba(0,135,99,0.45)}.vlp-cta-action__icon{display: grid;place-items: center;width: 46px;height: 46px;border-radius: 12px;background: rgba(255,255,255,0.12)}.vlp-cta-action__text{display: flex;flex-direction: column;min-width: 0;line-height: 1.4}.vlp-cta-action__text strong{font-size: 1.05rem;font-weight: 700}.vlp-cta-action__text span{font-size: 0.82rem;color: rgba(255,255,255,0.78)}.vlp-cta-action--primary .vlp-cta-action__text span{color: #ffffff}.vlp-cta-action__arrow{transition: transform 0.25s var(--vlp-ease)}.vlp-cta-action:hover .vlp-cta-action__arrow{transform: translateX(4px)}.vlp-sec--cta a:focus-visible{outline-color: var(--vlp-cyan-300)}@media (max-width: 992px){.vlp-cta{grid-template-columns: minmax(0,1fr)}}@media (max-width: 480px){.vlp-cta-action{gap: 0.75rem;padding: 0.95rem 1rem}.vlp-cta-action__icon{width: 40px;height: 40px}}@media (prefers-reduced-motion: reduce){.vlp-sec *,.vlp-sec *::before,.vlp-sec *::after{animation: none !important;transition: none !important}}
/* assets/css/pages.css */
.vlp-page-hero{position: relative;isolation: isolate;overflow: hidden;padding: clamp(2rem,4vw,3rem) 0 clamp(2.5rem,5vw,3.75rem);background: linear-gradient(180deg,#ffffff 0%,#f1f8fc 100%);border-bottom: 1px solid var(--vlp-border)}.vlp-page-hero__bg{position: absolute;inset: 0;z-index: -1;pointer-events: none;background: radial-gradient(30rem 18rem at 88% 10%,rgb(var(--vlp-cyan-500-rgb) / 0.12),transparent 70%),radial-gradient(22rem 14rem at 0% 100%,rgb(var(--vlp-emerald-500-rgb) / 0.08),transparent 70%),radial-gradient(circle at 1px 1px,rgb(var(--vlp-navy-800-rgb) / 0.07) 1px,transparent 0) 0 0 / 26px 26px}.vlp-page-hero__inner{max-width: var(--vlp-container)}.vlp-page-hero__eyebrow{display: inline-flex;align-items: center;gap: 0.55rem;margin: 1rem 0 0.6rem;font-size: 0.82rem;font-weight: 700;color: var(--vlp-cyan-700)}.vlp-page-hero__eyebrow::before{content: "";width: 22px;height: 2px;border-radius: 2px;background: linear-gradient(90deg,var(--vlp-cyan-500),var(--vlp-emerald-500))}.vlp-page-hero__title{max-width: 52rem;margin: 0.75rem 0 0;font-family: var(--vlp-font-heading);font-size: clamp(1.75rem,3.6vw,2.75rem);font-weight: 700;line-height: 1.3;color: var(--vlp-navy-800)}.vlp-page-hero__eyebrow + .vlp-page-hero__title{margin-top: 0}.vlp-page-hero__intro{max-width: 46rem;margin: 0.9rem 0 0;font-size: clamp(1rem,1.3vw,1.1rem);line-height: 1.8;color: var(--vlp-text-secondary)}.vlp-page-hero__meta{display: flex;flex-wrap: wrap;gap: 0.5rem 1.25rem;margin: 1.1rem 0 0;padding: 0;list-style: none;font-size: 0.88rem;color: var(--vlp-text-secondary)}.vlp-page-hero__meta li{display: inline-flex;gap: 0.4rem;align-items: center}.vlp-page-hero__meta .vlp-icon{color: var(--vlp-cyan-600)}.vlp-page-hero__meta a{color: var(--vlp-navy-700);font-weight: 600;text-decoration: none}.vlp-page-hero__meta a:hover{color: var(--vlp-emerald-700)}.vlp-page-hero__actions{display: flex;flex-wrap: wrap;gap: 0.75rem;margin-top: 1.5rem}.vlp-page-hero .vlp-page-hero__cta{background: var(--vlp-emerald-600)}.vlp-page-hero .vlp-page-hero__cta:hover{background: var(--vlp-emerald-700)}.vlp-breadcrumbs ol{display: flex;flex-wrap: wrap;align-items: center;gap: 0.25rem 0;margin: 0;padding: 0;list-style: none;font-size: 0.84rem}.vlp-breadcrumbs li{display: inline-flex;align-items: center;min-width: 0}.vlp-breadcrumbs li + li::before{content: "";width: 6px;height: 6px;margin: 0 0.6rem;border-top: 1.5px solid var(--vlp-text-muted);border-right: 1.5px solid var(--vlp-text-muted);transform: rotate(45deg);flex-shrink: 0}.vlp-breadcrumbs a{color: var(--vlp-text-secondary);text-decoration: none}.vlp-breadcrumbs a:hover{color: var(--vlp-emerald-700);text-decoration: underline}.vlp-breadcrumbs [aria-current="page"]{max-width: 32ch;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: var(--vlp-navy-800);font-weight: 600}.vlp-page-body{padding: clamp(2.5rem,5vw,4rem) 0 clamp(3rem,6vw,5rem)}.vlp-page-body--tight{padding-top: clamp(1.5rem,3vw,2.5rem)}.vlp-layout{display: grid;grid-template-columns: minmax(0,1fr) 300px;gap: clamp(2rem,4vw,3.5rem);align-items: start}.vlp-layout--left{grid-template-columns: 280px minmax(0,1fr)}.vlp-layout__aside{position: sticky;top: 110px;display: grid;gap: 1.25rem}.vlp-narrow{max-width: 50rem;margin-inline: auto}.vlp-panel{padding: 1.35rem 1.4rem;background: #ffffff;border: 1px solid var(--vlp-border);border-radius: var(--vlp-radius-lg)}.vlp-panel__title{margin: 0 0 0.9rem;font-size: 0.98rem;font-weight: 700;color: var(--vlp-navy-800)}.vlp-chip-list{display: flex;flex-wrap: wrap;gap: 0.45rem;margin: 0;padding: 0;list-style: none}.vlp-chip-list a{display: inline-flex;align-items: center;gap: 0.35rem;padding: 0.35rem 0.8rem;font-size: 0.85rem;color: var(--vlp-navy-700);text-decoration: none;background: var(--vlp-bg-soft);border: 1px solid var(--vlp-border);border-radius: var(--vlp-radius-full);transition: background-color 0.2s,border-color 0.2s,color 0.2s}.vlp-chip-list a:hover{border-color: var(--vlp-cyan-500)}.vlp-chip-list a[aria-current="page"]{color: #ffffff;background: var(--vlp-navy-800);border-color: var(--vlp-navy-800)}.vlp-chip-list .count{font-size: 0.75rem}.vlp-empty{display: grid;justify-items: center;gap: 0.75rem;padding: clamp(2.5rem,6vw,4rem) 1.5rem;text-align: center;background: var(--vlp-bg-soft);border: 1px dashed var(--vlp-border-focus);border-radius: var(--vlp-radius-lg)}.vlp-empty .vlp-icon{color: var(--vlp-cyan-600)}.vlp-empty h2{margin: 0;font-size: 1.2rem;color: var(--vlp-navy-800)}.vlp-empty p{margin: 0;max-width: 32rem;color: var(--vlp-text-secondary);line-height: 1.7}.vlp-sub-title{margin: 0 0 1.25rem;font-size: clamp(1.25rem,2vw,1.55rem);font-weight: 700;color: var(--vlp-navy-800)}.vlp-sec a:focus-visible,.vlp-page-body a:focus-visible,.vlp-page-body button:focus-visible,.vlp-page-hero a:focus-visible{outline: 3px solid var(--vlp-cyan-500);outline-offset: 3px;border-radius: 4px}.vlp-search-form{display: flex;gap: 0.5rem;width: 100%;max-width: 34rem}.vlp-search-form input[type="search"]{flex: 1;min-width: 0;padding: 0.75rem 1rem;font: inherit;color: var(--vlp-text-primary);background: #ffffff;border: 1.5px solid var(--vlp-border-focus);border-radius: var(--vlp-radius-full)}.vlp-search-form input[type="search"]:focus{outline: 3px solid rgb(var(--vlp-cyan-500-rgb) / 0.35);border-color: var(--vlp-cyan-600)}.vlp-search-form .vlp-btn{background: var(--vlp-emerald-600)}.vlp-prose{font-size: 1.04rem;line-height: 1.85;color: var(--vlp-text-primary);overflow-wrap: anywhere}.vlp-prose > * + *{margin-top: 1.15em}.vlp-prose > :first-child{margin-top: 0}.vlp-prose h2,.vlp-prose h3,.vlp-prose h4{margin-top: 1.9em;margin-bottom: 0.4em;font-family: var(--vlp-font-heading);font-weight: 700;line-height: 1.4;color: var(--vlp-navy-800)}.vlp-prose h2{font-size: clamp(1.35rem,2.2vw,1.65rem)}.vlp-prose h3{font-size: 1.25rem}.vlp-prose h4{font-size: 1.08rem}.vlp-prose a{color: var(--vlp-emerald-700);text-decoration: underline;text-underline-offset: 3px}.vlp-prose a:hover{color: var(--vlp-navy-800)}.vlp-prose ul,.vlp-prose ol{padding-left: 1.4em}.vlp-prose li + li{margin-top: 0.35em}.vlp-prose li::marker{color: var(--vlp-emerald-600)}.vlp-prose blockquote,.vlp-prose .wp-block-quote{margin-inline: 0;padding: 1rem 1.25rem;color: var(--vlp-navy-700);background: var(--vlp-cyan-50);border-left: 4px solid var(--vlp-cyan-500);border-radius: 0 var(--vlp-radius-md) var(--vlp-radius-md) 0}.vlp-prose img,.vlp-prose video,.vlp-prose iframe{max-width: 100%;height: auto;border-radius: var(--vlp-radius-md)}.vlp-prose figure{margin-inline: 0}.vlp-prose figcaption{margin-top: 0.5rem;font-size: 0.85rem;color: var(--vlp-text-secondary);text-align: center}.vlp-prose table{width: 100%;border-collapse: collapse;font-size: 0.94rem}.vlp-prose .wp-block-table{overflow-x: auto}.vlp-prose th,.vlp-prose td{padding: 0.7rem 0.9rem;border: 1px solid var(--vlp-border);text-align: left;vertical-align: top}.vlp-prose th{background: var(--vlp-bg-soft);color: var(--vlp-navy-800)}@media (max-width: 640px){.vlp-prose th,.vlp-prose td{min-width: 6.5rem;padding: 0.6rem 0.7rem}}.vlp-prose code{padding: 0.1em 0.35em;font-size: 0.9em;background: var(--vlp-bg-alt);border-radius: 4px}.vlp-prose pre{overflow-x: auto;padding: 1rem;color: #e6eef5;background: var(--vlp-navy-900);border-radius: var(--vlp-radius-md)}.vlp-prose pre code{padding: 0;background: none}.vlp-prose .vlp-photo-credit,.vlp-prose p[style*="color:#888"],.vlp-prose p[style*="color: #888"]{color: var(--vlp-text-secondary) !important}.vlp-prose hr{height: 1px;border: 0;background: var(--vlp-border)}.vlp-prose .wp-block-button__link{display: inline-block;padding: 0.7rem 1.4rem;font-weight: 700;color: #ffffff;text-decoration: none;background: var(--vlp-emerald-600);border-radius: var(--vlp-radius-full)}.vlp-prose .wp-block-button__link:hover{color: #ffffff;background: var(--vlp-emerald-700)}.vlp-prose .alignwide{width: min(100vw - 2.5rem,var(--vlp-container) - 3rem);max-width: none;margin-inline: calc(50% - min(50vw - 1.25rem,(var(--vlp-container) - 3rem) / 2))}.vlp-prose .alignfull{width: 100vw;max-width: none;margin-inline: calc(50% - 50vw);border-radius: 0}.vlp-prose .aligncenter{margin-inline: auto;text-align: center}.vlp-prose details,.vlp-faq details{margin-top: 0.75rem;background: #ffffff;border: 1px solid var(--vlp-border);border-radius: var(--vlp-radius-md);transition: border-color 0.2s,box-shadow 0.2s}.vlp-prose details[open],.vlp-faq details[open]{border-color: rgb(var(--vlp-cyan-500-rgb) / 0.45);box-shadow: var(--vlp-shadow-sm)}.vlp-prose summary,.vlp-faq summary{position: relative;padding: 1rem 3rem 1rem 1.25rem;font-weight: 700;line-height: 1.55;color: var(--vlp-navy-800);cursor: pointer;list-style: none}.vlp-prose summary::-webkit-details-marker,.vlp-faq summary::-webkit-details-marker{display: none}.vlp-prose summary::after,.vlp-faq summary::after{content: "";position: absolute;right: 1.25rem;top: 50%;width: 9px;height: 9px;border-right: 2px solid var(--vlp-emerald-600);border-bottom: 2px solid var(--vlp-emerald-600);transform: translateY(-70%) rotate(45deg);transition: transform 0.2s}.vlp-prose details[open] > summary::after,.vlp-faq details[open] > summary::after{transform: translateY(-30%) rotate(-135deg)}.vlp-prose summary:focus-visible,.vlp-faq summary:focus-visible{outline: 3px solid var(--vlp-cyan-500);outline-offset: 2px;border-radius: var(--vlp-radius-md)}.vlp-prose details > :not(summary),.vlp-faq details > :not(summary){margin: 0;padding: 0 1.25rem 1.1rem;color: var(--vlp-text-secondary)}.vlp-card-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 1.25rem}.vlp-card-grid--4{grid-template-columns: repeat(4,minmax(0,1fr))}.vlp-card-grid--2{grid-template-columns: repeat(2,minmax(0,1fr))}.vlp-post-card,.vlp-product-card{display: flex;flex-direction: column;overflow: hidden;background: #ffffff;border: 1px solid var(--vlp-border);border-radius: var(--vlp-radius-lg);transition: transform 0.3s var(--vlp-ease),box-shadow 0.3s var(--vlp-ease),border-color 0.3s}.vlp-post-card:hover,.vlp-product-card:hover{transform: translateY(-4px);border-color: rgb(var(--vlp-cyan-500-rgb) / 0.35);box-shadow: var(--vlp-shadow-hover)}.vlp-post-card__media,.vlp-product-card__media{display: grid;place-items: center;overflow: hidden;aspect-ratio: 16 / 10;background: linear-gradient(160deg,#f3f9fd,#e6f1f7)}.vlp-product-card__media{aspect-ratio: 1;background: #ffffff;border-bottom: 1px solid var(--vlp-border)}.vlp-post-card__media img,.vlp-product-card__media img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s var(--vlp-ease)}.vlp-product-card__media img{object-fit: contain;padding: 0.75rem}.vlp-post-card:hover .vlp-post-card__media img,.vlp-product-card:hover .vlp-product-card__media img{transform: scale(1.04)}.vlp-post-card__placeholder,.vlp-product-card__placeholder{color: var(--vlp-cyan-600);opacity: 0.7}.vlp-post-card__body,.vlp-product-card__body{display: flex;flex: 1;flex-direction: column;padding: 1.2rem 1.25rem 1.3rem}.vlp-post-card__cat,.vlp-product-card__cat{align-self: flex-start;margin-bottom: 0.55rem;padding: 0.2rem 0.6rem;font-size: 0.74rem;font-weight: 700;color: var(--vlp-cyan-700);text-decoration: none;background: var(--vlp-cyan-50);border-radius: var(--vlp-radius-full)}.vlp-post-card__title,.vlp-product-card__title{margin: 0 0 0.5rem;font-size: 1.05rem;font-weight: 700;line-height: 1.5}.vlp-post-card__title a,.vlp-product-card__title a{color: var(--vlp-navy-800);text-decoration: none}.vlp-post-card,.vlp-product-card{position: relative}.vlp-post-card__title a::after,.vlp-product-card__title a::after{content: "";position: absolute;inset: 0;z-index: 1}.vlp-post-card__cat{position: relative;z-index: 2}.vlp-post-card__title a:focus-visible::after,.vlp-product-card__title a:focus-visible::after{outline: 3px solid var(--vlp-navy-800);outline-offset: -3px;border-radius: var(--vlp-radius-lg)}.vlp-post-card__title a:focus-visible,.vlp-product-card__title a:focus-visible{outline: none}.vlp-post-card__excerpt{margin: 0 0 1rem;font-size: 0.9rem;line-height: 1.7;color: var(--vlp-text-secondary)}.vlp-post-card__meta{display: flex;gap: 0.45rem;margin: auto 0 0;font-size: 0.8rem;color: var(--vlp-text-secondary)}.vlp-product-card__sku{margin: 0 0 0.75rem;font-size: 0.8rem;color: var(--vlp-text-secondary)}.vlp-product-card__foot{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 0.5rem;margin-top: auto;padding-top: 0.75rem;border-top: 1px dashed var(--vlp-border)}.vlp-product-card__price{margin: 0;font-weight: 700;color: var(--vlp-navy-800)}.vlp-product-card__price ins,.vlp-product-summary__price ins{text-decoration: none;color: var(--vlp-emerald-700)}.vlp-product-card__price del,.vlp-product-summary__price del{margin-left: 0.35rem;font-size: 0.85em;font-weight: 500;color: var(--vlp-text-secondary)}.vlp-stock{padding: 0.2rem 0.55rem;font-size: 0.74rem;font-weight: 700;border-radius: var(--vlp-radius-full)}.vlp-stock--instock{color: var(--vlp-emerald-700);background: var(--vlp-emerald-50)}.vlp-stock--outofstock{color: #9f1d1d;background: #fde8e8}.vlp-stock--onorder{color: #7a4d00;background: #fff4dc}.vlp-pagination{margin-top: 2.5rem}.vlp-pagination ul{display: flex;flex-wrap: wrap;justify-content: center;gap: 0.4rem;margin: 0;padding: 0;list-style: none}.vlp-pagination a,.vlp-pagination span{display: inline-flex;align-items: center;justify-content: center;min-width: 42px;height: 42px;padding: 0 0.85rem;font-weight: 600;color: var(--vlp-navy-700);text-decoration: none;background: #ffffff;border: 1px solid var(--vlp-border);border-radius: var(--vlp-radius-full)}.vlp-pagination a:hover{border-color: var(--vlp-cyan-500)}.vlp-pagination .current{color: #ffffff;background: var(--vlp-navy-800);border-color: var(--vlp-navy-800)}.vlp-pagination .dots{border: 0;background: none}.vlp-article__cover{margin: 0 auto 2.25rem;max-width: 62rem;overflow: hidden;border-radius: var(--vlp-radius-xl);box-shadow: var(--vlp-shadow-lg)}.vlp-article__cover img{display: block;width: 100%;height: auto;aspect-ratio: 16 / 9;object-fit: cover}.vlp-article__footer{display: grid;gap: 1.25rem;margin-top: 2.5rem;padding-top: 1.5rem;border-top: 1px solid var(--vlp-border)}.vlp-article__tags{display: flex;flex-wrap: wrap;align-items: center;gap: 0.5rem}.vlp-article__tags-label{font-size: 0.85rem;font-weight: 700;color: var(--vlp-navy-800)}.vlp-post-nav{display: grid;grid-template-columns: 1fr 1fr;gap: 1rem}.vlp-post-nav a{display: grid;gap: 0.25rem;padding: 1rem 1.15rem;text-decoration: none;background: var(--vlp-bg-soft);border: 1px solid var(--vlp-border);border-radius: var(--vlp-radius-md)}.vlp-post-nav a:hover{border-color: var(--vlp-cyan-500)}.vlp-post-nav small{font-size: 0.78rem;color: var(--vlp-text-secondary)}.vlp-post-nav strong{font-size: 0.95rem;line-height: 1.5;color: var(--vlp-navy-800)}.vlp-post-nav__next{text-align: right;grid-column: 2}.vlp-related{padding: clamp(2.5rem,5vw,4rem) 0;background: var(--vlp-bg-soft);border-top: 1px solid var(--vlp-border)}.vlp-catalog__bar{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 0.75rem 1rem;margin-bottom: 1.25rem}.vlp-catalog__count{margin: 0;font-size: 0.9rem;color: var(--vlp-text-secondary)}.vlp-catalog__sort{display: flex;align-items: center;gap: 0.5rem;font-size: 0.9rem}.vlp-catalog__sort select{padding: 0.5rem 2rem 0.5rem 0.8rem;font: inherit;color: var(--vlp-navy-800);background: #ffffff;border: 1px solid var(--vlp-border-focus);border-radius: var(--vlp-radius-md)}.vlp-product{display: grid;grid-template-columns: minmax(0,1.05fr) minmax(0,1fr);gap: clamp(2rem,4vw,3.5rem);align-items: start}.vlp-gallery__main{position: relative;display: grid;place-items: center;width: 100%;aspect-ratio: 1;padding: 0;overflow: hidden;background: #ffffff;border: 1px solid var(--vlp-border);border-radius: var(--vlp-radius-lg);cursor: zoom-in}.vlp-gallery__main img{width: 100%;height: 100%;object-fit: contain;padding: 1.25rem}.vlp-gallery__main .vlp-icon{color: var(--vlp-cyan-600);opacity: 0.6}.vlp-gallery__zoom{position: absolute;right: 0.75rem;bottom: 0.75rem;display: grid;place-items: center;width: 36px;height: 36px;color: var(--vlp-navy-800);background: rgba(255,255,255,0.92);border: 1px solid var(--vlp-border);border-radius: 50%}.vlp-gallery__thumbs{display: grid;grid-template-columns: repeat(5,minmax(0,1fr));gap: 0.6rem;margin: 0.75rem 0 0;padding: 0;list-style: none}.vlp-gallery__thumbs .gallery-thumb{display: block;width: 100%;padding: 0.25rem;aspect-ratio: 1;overflow: hidden;background: #ffffff;border: 2px solid var(--vlp-border);border-radius: var(--vlp-radius-sm);cursor: pointer}.vlp-gallery__thumbs .gallery-thumb img{width: 100%;height: 100%;object-fit: contain}.vlp-gallery__thumbs .gallery-thumb.active{border-color: var(--vlp-emerald-600)}.vlp-product-summary__cat{display: flex;flex-wrap: wrap;gap: 0.4rem;margin-bottom: 0.75rem}.vlp-product-summary__cat a{padding: 0.2rem 0.65rem;font-size: 0.78rem;font-weight: 700;color: var(--vlp-cyan-700);text-decoration: none;background: var(--vlp-cyan-50);border-radius: var(--vlp-radius-full)}.vlp-product-summary h1{margin: 0 0 0.75rem;font-family: var(--vlp-font-heading);font-size: clamp(1.5rem,3vw,2.1rem);font-weight: 700;line-height: 1.35;color: var(--vlp-navy-800)}.vlp-product-summary__price{margin: 0 0 1rem;font-size: 1.6rem;font-weight: 800}.vlp-product-summary__price--quote{font-size: 1.15rem;color: var(--vlp-navy-700)}.vlp-product-summary__excerpt{margin: 0 0 1.25rem;line-height: 1.8;color: var(--vlp-text-secondary)}.vlp-product-facts{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.6rem;margin: 0 0 1.5rem}.vlp-product-facts div{padding: 0.7rem 0.9rem;background: var(--vlp-bg-soft);border: 1px solid var(--vlp-border);border-radius: var(--vlp-radius-md)}.vlp-product-facts dt{font-size: 0.76rem;color: var(--vlp-text-secondary)}.vlp-product-facts dd{margin: 0.15rem 0 0;font-weight: 700;color: var(--vlp-navy-800);overflow-wrap: anywhere}.vlp-product-buy{display: flex;flex-wrap: wrap;align-items: stretch;gap: 0.75rem;padding: 1.15rem;background: #ffffff;border: 1px solid var(--vlp-border);border-radius: var(--vlp-radius-lg)}.vlp-qty{display: inline-flex;align-items: center;border: 1.5px solid var(--vlp-border-focus);border-radius: var(--vlp-radius-full);overflow: hidden}.vlp-qty button{width: 42px;height: 46px;font-size: 1.2rem;color: var(--vlp-navy-800);background: var(--vlp-bg-soft);border: 0;cursor: pointer}.vlp-qty input{width: 56px;height: 46px;font: inherit;font-weight: 700;text-align: center;color: var(--vlp-navy-800);border: 0;-moz-appearance: textfield}.vlp-qty input::-webkit-outer-spin-button,.vlp-qty input::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0}.vlp-product-buy .btn-add-rfq-cart{flex: 1;min-width: 12rem;display: inline-flex;align-items: center;justify-content: center;gap: 0.5rem;padding: 0.75rem 1.25rem;font: inherit;font-weight: 700;color: #ffffff;background: var(--vlp-emerald-600);border: 0;border-radius: var(--vlp-radius-full);cursor: pointer;transition: background-color 0.2s}.vlp-product-buy .btn-add-rfq-cart:hover{background: var(--vlp-emerald-700)}.vlp-product-buy__links{display: flex;flex-wrap: wrap;gap: 0.5rem 1.25rem;width: 100%;font-size: 0.9rem}.vlp-product-buy__links a{display: inline-flex;align-items: center;gap: 0.35rem;color: var(--vlp-navy-700);font-weight: 600;text-decoration: none}.vlp-product-buy__links a:hover{color: var(--vlp-emerald-700);text-decoration: underline}.vlp-product-section{margin-top: clamp(2.5rem,5vw,4rem)}.vlp-spec-table{width: 100%;border-collapse: collapse;font-size: 0.95rem;background: #ffffff;border: 1px solid var(--vlp-border);border-radius: var(--vlp-radius-lg);overflow: hidden}.vlp-spec-table th,.vlp-spec-table td{padding: 0.85rem 1.15rem;text-align: left;vertical-align: top;border-bottom: 1px solid var(--vlp-border)}.vlp-spec-table tr:last-child > *{border-bottom: 0}.vlp-spec-table th{width: 34%;font-weight: 700;color: var(--vlp-navy-800);background: var(--vlp-bg-soft)}.product-lightbox{position: fixed;inset: 0;z-index: 10010;display: none;place-items: center;padding: 2rem;background: rgb(var(--vlp-navy-950-rgb) / 0.88)}.product-lightbox.open{display: grid}.product-lightbox img{max-width: 100%;max-height: 85vh;object-fit: contain;border-radius: var(--vlp-radius-md);background: #ffffff}.product-lightbox .lightbox-close{position: absolute;top: 1rem;right: 1rem;width: 44px;height: 44px;font-size: 1.6rem;color: #ffffff;background: rgba(255,255,255,0.12);border: 0;border-radius: 50%;cursor: pointer}.vlp-facts-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 1rem}.vlp-fact-card{display: flex;gap: 0.9rem;align-items: flex-start;padding: 1.25rem;background: #ffffff;border: 1px solid var(--vlp-border);border-radius: var(--vlp-radius-lg)}.vlp-fact-card .vlp-icon-box,.vlp-contact-item .vlp-icon-box{display: grid;place-items: center;width: 44px;height: 44px;flex-shrink: 0;color: var(--vlp-emerald-600);background: var(--vlp-emerald-50);border-radius: 12px}.vlp-fact-card h3,.vlp-contact-item h3{margin: 0 0 0.25rem;font-size: 1rem;font-weight: 700;color: var(--vlp-navy-800)}.vlp-fact-card p,.vlp-contact-item p{margin: 0;font-size: 0.93rem;line-height: 1.65;color: var(--vlp-text-secondary);overflow-wrap: anywhere}.vlp-fact-card a,.vlp-contact-item a{color: var(--vlp-navy-800);font-weight: 600;text-decoration: none}.vlp-fact-card a:hover,.vlp-contact-item a:hover{color: var(--vlp-emerald-700);text-decoration: underline}.vlp-contact{display: grid;grid-template-columns: minmax(0,0.85fr) minmax(0,1.15fr);gap: clamp(2rem,4vw,3rem);align-items: start}.vlp-contact__info{display: grid;gap: 1rem}.vlp-contact-item{display: flex;gap: 0.9rem;align-items: flex-start;padding: 1.1rem 1.2rem;background: #ffffff;border: 1px solid var(--vlp-border);border-radius: var(--vlp-radius-lg)}.contact-form-card{padding: clamp(1.4rem,3vw,2.25rem);background: #ffffff;border: 1px solid var(--vlp-border);border-radius: var(--vlp-radius-xl);box-shadow: var(--vlp-shadow-lg)}.vlp-form{display: grid;gap: 1.1rem}.vlp-form__row{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 1rem}.vlp-field{display: grid;gap: 0.4rem}.vlp-field label{font-size: 0.9rem;font-weight: 700;color: var(--vlp-navy-800)}.vlp-field .req{color: #b42318}.vlp-field input,.vlp-field textarea{width: 100%;padding: 0.75rem 0.95rem;font: inherit;color: var(--vlp-text-primary);background: #ffffff;border: 1.5px solid var(--vlp-border-input);border-radius: var(--vlp-radius-md);transition: border-color 0.2s,box-shadow 0.2s}.vlp-field input:focus,.vlp-field textarea:focus{border-color: var(--vlp-cyan-600);box-shadow: 0 0 0 3px rgb(var(--vlp-cyan-500-rgb) / 0.2)}.vlp-field textarea{resize: vertical;min-height: 8rem}.vlp-field__hint{font-size: 0.8rem;color: var(--vlp-text-secondary)}.vlp-form__submit{justify-self: start;display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.85rem 1.75rem;font: inherit;font-weight: 700;color: #ffffff;background: var(--vlp-emerald-600);border: 0;border-radius: var(--vlp-radius-full);cursor: pointer}.vlp-form__submit:hover{background: var(--vlp-emerald-700)}.vlp-form__submit:focus-visible{outline: 3px solid var(--vlp-cyan-500);outline-offset: 3px}.vlp-notice{display: flex;gap: 0.6rem;align-items: flex-start;margin-bottom: 1.25rem;padding: 0.9rem 1.1rem;font-size: 0.93rem;line-height: 1.6;border-radius: var(--vlp-radius-md)}.vlp-notice--success{color: #05603a;background: #d1e7dd;border: 1px solid #a6d8bf}.vlp-notice--error{color: #8a1c1c;background: #fde8e8;border: 1px solid #f5b5b5}.vlp-map{margin-top: clamp(2rem,4vw,3rem);overflow: hidden;border: 1px solid var(--vlp-border);border-radius: var(--vlp-radius-lg)}.vlp-map iframe{display: block;width: 100%;height: 380px;border: 0}.vlp-map__placeholder{display: grid;place-items: center;align-content: center;gap: 0.9rem;min-height: 380px;padding: 1.5rem;text-align: center;color: var(--vlp-navy-800);background: radial-gradient(circle at 1px 1px,rgb(var(--vlp-navy-800-rgb) / 0.08) 1px,transparent 0) 0 0 / 18px 18px,var(--vlp-bg-soft)}.vlp-map__placeholder .vlp-icon{color: var(--vlp-cyan-600)}.vlp-map__address{margin: 0;max-width: 32rem;line-height: 1.6}.vlp-map__actions{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 0.75rem 1.25rem}.vlp-map__open{font-weight: 600;color: var(--vlp-emerald-700);text-decoration: underline;text-underline-offset: 3px}.vlp-doc-card{position: relative;display: flex;gap: 0.9rem;align-items: flex-start;padding: 1.25rem;background: #ffffff;border: 1px solid var(--vlp-border);border-radius: var(--vlp-radius-lg);transition: transform 0.25s var(--vlp-ease),box-shadow 0.25s,border-color 0.25s}.vlp-doc-card:hover{transform: translateY(-3px);border-color: rgb(var(--vlp-cyan-500-rgb) / 0.4);box-shadow: var(--vlp-shadow-md)}.vlp-doc-card__thumb{flex-shrink: 0;width: 64px;height: 64px;overflow: hidden;border-radius: 12px;border: 1px solid var(--vlp-border)}.vlp-doc-card__thumb img{display: block;width: 100%;height: 100%;object-fit: cover}.vlp-doc-card .vlp-icon-box{display: grid;place-items: center;width: 44px;height: 44px;flex-shrink: 0;color: var(--vlp-cyan-600);background: var(--vlp-cyan-50);border-radius: 12px}.vlp-doc-card h2,.vlp-doc-card h3{margin: 0 0 0.3rem;font-size: 1.02rem;font-weight: 700;line-height: 1.45}.vlp-doc-card a{color: var(--vlp-navy-800);text-decoration: none}.vlp-doc-card a::after{content: "";position: absolute;inset: 0}.vlp-doc-card p{margin: 0;font-size: 0.88rem;line-height: 1.65;color: var(--vlp-text-secondary)}.vlp-section-nav{padding: 1.25rem;background: var(--vlp-bg-soft);border: 1px solid var(--vlp-border);border-radius: var(--vlp-radius-lg)}.vlp-section-nav__title{margin: 0 0 0.75rem;font-weight: 700}.vlp-section-nav__title a{color: var(--vlp-navy-800);text-decoration: none}.vlp-section-nav ul{display: grid;gap: 0.15rem;margin: 0;padding: 0;list-style: none}.vlp-section-nav ul ul{padding-left: 0.9rem}.vlp-section-nav li a{display: block;padding: 0.4rem 0.65rem;font-size: 0.9rem;color: var(--vlp-text-primary);text-decoration: none;border-radius: var(--vlp-radius-sm)}.vlp-section-nav li a:hover{background: #ffffff}.vlp-section-nav .current_page_item > a{color: #ffffff;background: var(--vlp-navy-800)}.vlp-faq{max-width: 52rem;margin-inline: auto}.vlp-project-meta{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 0.75rem;margin: 0 0 2rem}.vlp-project-meta div{padding: 0.9rem 1rem;background: var(--vlp-bg-soft);border: 1px solid var(--vlp-border);border-radius: var(--vlp-radius-md)}.vlp-project-meta dt{font-size: 0.78rem;color: var(--vlp-text-secondary)}.vlp-project-meta dd{margin: 0.2rem 0 0;font-weight: 700;color: var(--vlp-navy-800)}.vlp-project-gallery{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 0.75rem;margin: 2rem 0 0;padding: 0;list-style: none}.vlp-project-gallery img{display: block;width: 100%;height: 100%;aspect-ratio: 4 / 3;object-fit: cover;border-radius: var(--vlp-radius-md)}.vlp-404{display: grid;justify-items: center;gap: 1rem;text-align: center}.vlp-404__code{margin: 0;font-family: var(--vlp-font-en),sans-serif;font-size: clamp(4rem,12vw,7rem);font-weight: 800;line-height: 1;background: linear-gradient(135deg,var(--vlp-navy-800),var(--vlp-cyan-600));-webkit-background-clip: text;background-clip: text;color: transparent}.vlp-404__links{display: flex;flex-wrap: wrap;justify-content: center;gap: 0.5rem;margin: 0.5rem 0 0;padding: 0;list-style: none}@media (max-width: 1100px){.vlp-card-grid--4{grid-template-columns: repeat(3,minmax(0,1fr))}}@media (max-width: 992px){.vlp-layout,.vlp-layout--left,.vlp-product,.vlp-contact{grid-template-columns: minmax(0,1fr)}.vlp-layout__aside{position: static}.vlp-card-grid,.vlp-card-grid--4{grid-template-columns: repeat(2,minmax(0,1fr))}.vlp-project-meta{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.vlp-card-grid,.vlp-card-grid--2{grid-template-columns: minmax(0,1fr)}.vlp-card-grid--4{grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.75rem}.vlp-card-grid--4 .vlp-product-card__body{padding: 0.85rem}.vlp-card-grid--4 .vlp-product-card__title{font-size: 0.95rem}.vlp-facts-grid,.vlp-form__row,.vlp-post-nav,.vlp-product-facts{grid-template-columns: minmax(0,1fr)}.vlp-post-nav__next{grid-column: auto}.vlp-project-gallery{grid-template-columns: repeat(2,minmax(0,1fr))}.vlp-breadcrumbs [aria-current="page"]{max-width: 18ch}.vlp-spec-table th{width: 42%}.vlp-gallery__thumbs{grid-template-columns: repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion: reduce){.vlp-page-body *,.vlp-related *{transition: none !important;animation: none !important}}.vlp-prose .vlp-dev-note{padding: 0.8rem 1rem;font-size: 0.9rem;color: #7a4d00;background: #fff7e6;border: 1px dashed #f0b44c;border-radius: var(--vlp-radius-md)}.vlp-portfolio-filter{margin-bottom: 1.5rem}.vlp-portfolio-card__meta{display: flex;flex-wrap: wrap;gap: 0.35rem 1rem;margin: 0 0 0.6rem;padding: 0;list-style: none;font-size: 0.85rem;color: var(--vlp-text-secondary)}.vlp-portfolio-card__meta li{display: inline-flex;align-items: center;gap: 0.35rem}.vlp-portfolio-card__meta .vlp-icon{color: var(--vlp-cyan-600)}.vlp-case__body{margin-top: clamp(1.5rem,3vw,2.5rem)}.vlp-case__body .vlp-prose{max-width: 50rem;margin-inline: auto}.vlp-case__body.has-details{display: grid;grid-template-columns: minmax(0,1fr) 300px;gap: clamp(1.5rem,4vw,3rem);align-items: start}.vlp-case__body.has-details .vlp-prose{margin-inline: 0}.vlp-case__details{position: sticky;top: 110px}.vlp-case__dl{display: grid;gap: 0.9rem;margin: 0}.vlp-case__dl div{display: grid;gap: 0.15rem;padding-bottom: 0.9rem;border-bottom: 1px solid var(--vlp-border)}.vlp-case__dl div:last-child{padding-bottom: 0;border-bottom: 0}.vlp-case__dl dt{display: flex;align-items: center;gap: 0.4rem;font-size: 0.8rem;font-weight: 700;color: var(--vlp-text-secondary)}.vlp-case__dl dt .vlp-icon{color: var(--vlp-cyan-600)}.vlp-case__dl dd{margin: 0;font-weight: 600;color: var(--vlp-navy-800);line-height: 1.5}.vlp-case__gallery{margin-top: clamp(2rem,4vw,3rem)}.vlp-case__grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 0.75rem;margin: 0;padding: 0;list-style: none}.vlp-case__grid a{display: block;overflow: hidden;border-radius: var(--vlp-radius-md);border: 1px solid var(--vlp-border)}.vlp-case__grid img{display: block;width: 100%;height: auto;aspect-ratio: 4 / 3;object-fit: cover;transition: transform 0.4s var(--vlp-ease)}.vlp-case__grid a:hover img{transform: scale(1.04)}.vlp-case__grid a:focus-visible{outline: 3px solid var(--vlp-cyan-500);outline-offset: 3px}@media (max-width: 992px){.vlp-case__body.has-details{grid-template-columns: minmax(0,1fr)}.vlp-case__details{position: static;order: -1}}@media (max-width: 640px){.vlp-case__grid{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion: reduce){.vlp-case__grid img{transition: none}}.vlp-hp{position: absolute;left: -10000px;width: 1px;height: 1px;overflow: hidden}.vlp-comments{margin-top: 3rem;padding-top: 2rem;border-top: 1px solid var(--vlp-border);display: grid;gap: 1.5rem}.vlp-comments__title{font-family: var(--vlp-font-heading);font-size: 1.35rem;color: var(--vlp-navy-800);margin: 0}.vlp-comment-list,.vlp-comment-list .children{list-style: none;margin: 0;padding: 0;display: grid;gap: 1rem}.vlp-comment-list .children{margin-top: 1rem;padding-left: clamp(1rem,4vw,2.5rem)}.vlp-comment-list .comment-body{background: var(--vlp-bg-surface);border: 1px solid var(--vlp-border);border-radius: var(--vlp-radius-md);padding: 1rem 1.25rem}.vlp-comment-list .comment-author{display: flex;align-items: center;gap: 0.6rem;font-weight: 700;color: var(--vlp-navy-800)}.vlp-comment-list .comment-author .avatar{border-radius: 50%}.vlp-comment-list .comment-author .says{position: absolute;width: 1px;height: 1px;overflow: hidden;clip-path: inset(50%)}.vlp-comment-list .comment-metadata{font-size: 0.85rem;margin: 0.25rem 0 0.5rem}.vlp-comment-list .comment-metadata a,.vlp-comment-list .reply a{color: var(--vlp-navy-700)}.vlp-comment-list .reply{margin-top: 0.5rem;font-size: 0.9rem;font-weight: 600}.vlp-comment-form{display: grid;gap: 1rem}.vlp-comment-form .comment-form-cookies-consent{display: flex;gap: 0.5rem;align-items: flex-start;font-size: 0.9rem}.vlp-comment-form .form-submit{margin: 0}.vlp-comments__closed{color: var(--vlp-text-secondary)}