/* Generated by tools/build.py from css/*.css. Do not edit. */
@font-face{font-family: 'Inter';font-style: normal;font-weight: 400 700;font-display: swap;src: url('/Asset/fonts/inter-latin.woff2') format('woff2')}:root{--color-primary: #226DB4;--color-primary-dark: #1B5A96;--color-primary-light: #2D7FCC;--color-primary-bg: #EBF3FA;--color-primary-subtle: rgba(34, 109, 180, 0.06);--color-secondary: #089949;--color-secondary-dark: #067A3B;--color-secondary-light:#0AB058;--color-secondary-bg: #E6F7EE;--color-accent-red: #E42527;--color-accent-red-dark:#C41F21;--color-accent-orange: #F9B21D;--color-accent-orange-dark: #E09E0F;--color-heading: #1A1A2E;--color-body: #3D3D4E;--color-muted: #6B7280;--color-border: #E5E7EB;--color-border-light: #F0F1F3;--color-bg-light: #F8F9FA;--color-bg-alt: #F1F3F5;--color-white: #FFFFFF;--gradient-primary: linear-gradient(135deg, #226DB4 0%, #1B5A96 50%, #089949 100%);--gradient-hero: linear-gradient(135deg, #f8faff 0%, #f0f7ff 40%, #f4fbf7 100%);--gradient-cta: linear-gradient(135deg, #1B5A96 0%, #226DB4 40%, #2D7FCC 100%);--gradient-section: linear-gradient(180deg, var(--color-bg-light) 0%, var(--color-white) 100%);--gradient-card-hover: linear-gradient(135deg, rgba(34,109,180,0.03) 0%, rgba(8,153,73,0.03) 100%);--gradient-text: linear-gradient(135deg, #226DB4 0%, #089949 70%);--glass-bg: rgba(255, 255, 255, 0.7);--glass-border: rgba(255, 255, 255, 0.3);--glass-blur: 12px;--font-primary: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--text-xs: 0.75rem;--text-sm: 0.875rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 1.875rem;--text-3xl: 2.25rem;--text-4xl: 2.75rem;--text-5xl: 3.25rem;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.6;--leading-relaxed: 1.75;--weight-regular: 400;--weight-medium: 500;--weight-semibold:600;--weight-bold: 700;--tracking-tight: -0.02em;--tracking-normal: 0;--tracking-wide: 0.02em;--tracking-wider: 0.05em;--tracking-widest: 0.1em;--space-1: 0.25rem;--space-2: 0.5rem;--space-3: 0.75rem;--space-4: 1rem;--space-5: 1.125rem;--space-6: 1.25rem;--space-8: 1.5rem;--space-10: 2rem;--space-12: 2.5rem;--space-16: 3rem;--space-20: 4rem;--space-24: 5rem;--space-32: 6rem;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1200px;--container-2xl: 1400px;--container-pad: var(--space-6);--navbar-height: 72px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--border-default: 1px solid var(--color-border);--border-light: 1px solid var(--color-border-light);--shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.1);--shadow-xl: 0 12px 36px rgba(0, 0, 0, 0.12);--shadow-nav: 0 1px 3px rgba(0, 0, 0, 0.06);--shadow-glow-primary: 0 4px 20px rgba(34, 109, 180, 0.15);--shadow-glow-secondary: 0 4px 20px rgba(8, 153, 73, 0.15);--transition-fast: 150ms ease;--transition-base: 250ms ease;--transition-slow: 400ms ease;--transition-spring: 350ms cubic-bezier(0.34, 1.56, 0.64, 1);--z-dropdown: 100;--z-sticky: 200;--z-navbar: 300;--z-overlay: 400;--z-modal: 500;--z-progress: 600}*, *::before, *::after{box-sizing: border-box}*{margin: 0;padding: 0}html{-moz-text-size-adjust: none;-webkit-text-size-adjust: none;text-size-adjust: none;scroll-behavior: smooth;scroll-padding-top: var(--navbar-height, 72px);overflow-x: hidden;overflow-x: clip;width: 100%}body{min-height: 100vh;overflow-x: hidden;overflow-x: clip;width: 100%;line-height: var(--leading-normal);font-family: var(--font-primary);font-size: var(--text-base);color: var(--color-body);background-color: var(--color-white);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;overflow-wrap: break-word;word-wrap: break-word;text-rendering: optimizeLegibility}ul, ol{list-style: none}h1, h2, h3, h4, h5, h6{overflow-wrap: break-word;color: var(--color-heading);line-height: var(--leading-tight);font-weight: var(--weight-semibold)}p{overflow-wrap: break-word}a{color: inherit;text-decoration: none}a:not([class]){text-decoration-skip-ink: auto}img, picture, video, canvas, svg{display: block;max-width: 100%}img{height: auto;font-style: italic}input, button, textarea, select{font: inherit;color: inherit}button{cursor: pointer;border: none;background: none}textarea{resize: vertical}table{border-collapse: collapse;border-spacing: 0}@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: 2px solid var(--color-primary);outline-offset: 2px}:focus:not(:focus-visible){outline: none}::selection{background-color: var(--color-primary);color: var(--color-white)}h1{font-size: var(--text-4xl);font-weight: var(--weight-bold);letter-spacing: var(--tracking-tight);line-height: var(--leading-tight)}h2{font-size: var(--text-3xl);font-weight: var(--weight-semibold);letter-spacing: var(--tracking-tight);line-height: var(--leading-tight)}h3{font-size: var(--text-xl);font-weight: var(--weight-semibold);line-height: var(--leading-snug)}h4{font-size: var(--text-lg);font-weight: var(--weight-semibold);line-height: var(--leading-snug)}h5{font-size: var(--text-md);font-weight: var(--weight-medium);line-height: var(--leading-snug)}h6{font-size: var(--text-base);font-weight: var(--weight-medium);line-height: var(--leading-snug);text-transform: uppercase;letter-spacing: var(--tracking-wide)}p{font-size: var(--text-base);line-height: var(--leading-normal);color: var(--color-body)}p + p{margin-top: var(--space-4)}.text-lead{font-size: var(--text-md);line-height: var(--leading-relaxed);color: var(--color-muted)}.text-large{font-size: var(--text-lg)}.text-small{font-size: var(--text-sm)}.text-xs{font-size: var(--text-xs)}.link{color: var(--color-primary);text-decoration: underline;text-underline-offset: 2px;transition: color var(--transition-fast)}.link:hover{color: var(--color-primary-dark)}.container{width: 100%;max-width: var(--container-xl);margin-left: auto;margin-right: auto;padding-left: var(--container-pad);padding-right: var(--container-pad)}.container--narrow{max-width: var(--container-lg)}.container--wide{max-width: var(--container-2xl)}.section{padding-top: var(--space-16);padding-bottom: var(--space-16);position: relative}.section--sm{padding-top: var(--space-10);padding-bottom: var(--space-10)}.section--lg{padding-top: var(--space-20);padding-bottom: var(--space-20)}.section--alt{background-color: var(--color-bg-light)}.section--gradient{background: var(--gradient-section)}.section--primary{background-color: var(--color-primary);color: var(--color-white)}.section--primary h2, .section--primary h3, .section--primary h4{color: var(--color-white)}.section--primary p{color: rgba(255, 255, 255, 0.85)}.section-header{text-align: center;max-width: 720px;margin-left: auto;margin-right: auto;margin-bottom: var(--space-10)}.section-label{display: inline-block;font-size: var(--text-sm);font-weight: var(--weight-semibold);color: var(--color-primary);text-transform: uppercase;letter-spacing: var(--tracking-wider);margin-bottom: var(--space-3)}.section-header h2{margin-bottom: var(--space-3)}.section-header p{color: var(--color-muted);font-size: var(--text-md);line-height: var(--leading-relaxed)}.section-header--left{text-align: left;margin-left: 0}.text-gradient{background: var(--gradient-text);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text}.btn{display: inline-flex;align-items: center;justify-content: center;gap: var(--space-2);padding: 12px 28px;font-size: var(--text-sm);font-weight: var(--weight-semibold);line-height: 1;border-radius: var(--radius-md);border: 1px solid transparent;transition: all var(--transition-base);white-space: nowrap;text-decoration: none;cursor: pointer;position: relative;overflow: hidden}.btn:focus-visible{outline: 2px solid var(--color-primary);outline-offset: 2px}.btn-primary{background-color: var(--color-primary);color: var(--color-white);border-color: var(--color-primary);box-shadow: var(--shadow-xs)}.btn-primary:hover{background-color: var(--color-primary-dark);border-color: var(--color-primary-dark);box-shadow: var(--shadow-glow-primary);transform: translateY(-1px)}.btn-secondary{background-color: transparent;color: var(--color-primary);border-color: var(--color-primary)}.btn-secondary:hover{background-color: var(--color-primary);color: var(--color-white);transform: translateY(-1px)}.btn-white{background-color: var(--color-white);color: var(--color-primary);border-color: var(--color-white)}.btn-white:hover{background-color: var(--color-bg-light);border-color: var(--color-bg-light);transform: translateY(-1px)}.btn-outline-white{background-color: transparent;color: var(--color-white);border-color: rgba(255, 255, 255, 0.4)}.btn-outline-white:hover{background-color: rgba(255, 255, 255, 0.1);border-color: var(--color-white);transform: translateY(-1px)}.btn-lg{padding: 14px 32px;font-size: var(--text-base)}.btn-sm{padding: 8px 18px;font-size: var(--text-xs)}.btn-icon{width: 20px;height: 20px}.btn-group{display: flex;flex-wrap: wrap;gap: var(--space-4)}.grid{display: grid;gap: var(--space-8)}.grid-2{grid-template-columns: repeat(2, 1fr)}.grid-3{grid-template-columns: repeat(3, 1fr)}.grid-4{grid-template-columns: repeat(4, 1fr)}.text-center{text-align: center}.text-left{text-align: left}.text-right{text-align: right}.text-primary{color: var(--color-primary)}.text-secondary{color: var(--color-secondary)}.text-muted{color: var(--color-muted)}.text-white{color: var(--color-white)}.text-heading{color: var(--color-heading)}.font-medium{font-weight: var(--weight-medium)}.font-semibold{font-weight: var(--weight-semibold)}.font-bold{font-weight: var(--weight-bold)}.flex{display: flex}.flex-col{flex-direction: column}.flex-wrap{flex-wrap: wrap}.items-center{align-items: center}.justify-center{justify-content: center}.justify-between{justify-content: space-between}.gap-2{gap: var(--space-2)}.gap-4{gap: var(--space-4)}.gap-6{gap: var(--space-6)}.gap-8{gap: var(--space-8)}.mt-4{margin-top: var(--space-4)}.mt-6{margin-top: var(--space-6)}.mt-8{margin-top: var(--space-8)}.mt-12{margin-top: var(--space-12)}.mb-4{margin-bottom: var(--space-4)}.mb-6{margin-bottom: var(--space-6)}.mb-8{margin-bottom: var(--space-8)}.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0}.skip-link{position: absolute;top: -100%;left: var(--space-4);z-index: calc(var(--z-navbar) + 1);padding: var(--space-3) var(--space-6);background-color: var(--color-primary);color: var(--color-white);border-radius: var(--radius-md);font-weight: var(--weight-semibold);font-size: var(--text-sm);transition: top var(--transition-fast)}.skip-link:focus{top: var(--space-4)}.divider{border: none;border-top: var(--border-default);margin: var(--space-8) 0}.badge{display: inline-flex;align-items: center;gap: var(--space-1);padding: 4px 12px;font-size: var(--text-xs);font-weight: var(--weight-semibold);border-radius: var(--radius-full);text-transform: uppercase;letter-spacing: var(--tracking-wide)}.badge-primary{background-color: var(--color-primary-bg);color: var(--color-primary)}.badge-secondary{background-color: var(--color-secondary-bg);color: var(--color-secondary)}.badge-orange{background-color: #FEF3CD;color: #8A6D00}.breadcrumb{display: flex;flex-wrap: wrap;align-items: center;gap: var(--space-2);font-size: var(--text-sm);color: var(--color-muted);margin-bottom: var(--space-4)}.breadcrumb a{color: var(--color-muted);transition: color var(--transition-fast)}.breadcrumb a:hover{color: var(--color-primary)}.breadcrumb-sep{color: var(--color-border)}.breadcrumb-current{color: var(--color-heading);font-weight: var(--weight-medium)}.scroll-progress{position: fixed;top: 0;left: 0;height: 3px;background: var(--gradient-primary);z-index: var(--z-progress);width: 0%;transition: width 50ms linear;pointer-events: none}.reveal{opacity: 0;transform: translateY(24px);transition: opacity 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.reveal.revealed{opacity: 1;transform: translateY(0)}.reveal-delay-1{transition-delay: 0.08s}.reveal-delay-2{transition-delay: 0.16s}.reveal-delay-3{transition-delay: 0.24s}.reveal-delay-4{transition-delay: 0.32s}.reveal-left{opacity: 0;transform: translateX(-30px);transition: opacity 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.reveal-right{opacity: 0;transform: translateX(30px);transition: opacity 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.reveal-left.revealed, .reveal-right.revealed{opacity: 1;transform: translateX(0)}@media (prefers-reduced-motion: reduce){.reveal, .reveal-left, .reveal-right{opacity: 1;transform: none;transition: none}}.top-bar{position: absolute;top: 0;left: 0;right: 0;height: 32px;background-color: var(--color-primary-dark);color: #fff;z-index: calc(var(--z-navbar) + 1);font-size: 11px;display: flex;align-items: center}.top-bar .container{display: flex;justify-content: flex-start}.top-bar-content{display: flex;align-items: center;gap: var(--space-3)}.top-bar-item{display: inline-flex;align-items: center;gap: 4px;color: rgba(255, 255, 255, 0.9);text-decoration: none;font-weight: var(--weight-medium);transition: color var(--transition-fast)}.top-bar-item:hover{color: #fff}.top-bar-separator{opacity: 0.3}.mobile-quick-links{display: none}.navbar{position: fixed;top: 32px;left: 0;right: 0;z-index: var(--z-navbar);height: var(--navbar-height);display: flex;align-items: center;background-color: transparent;transition: top var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);border-bottom: 1px solid transparent}.navbar.scrolled{top: 0;background-color: rgba(255, 255, 255, 0.92);backdrop-filter: blur(16px) saturate(1.2);-webkit-backdrop-filter: blur(16px) saturate(1.2);border-bottom-color: var(--color-border);box-shadow: var(--shadow-nav)}.navbar .container{display: flex;align-items: center;justify-content: space-between}.navbar-logo{display: flex;align-items: center;flex-shrink: 0;text-decoration: none}.navbar-logo img{height: 72px;width: auto}.navbar-logo-text{display: flex;flex-direction: column;line-height: 1.2;gap: 2px}.navbar-logo-name{font-size: var(--text-lg);font-weight: 800;color: var(--color-heading);letter-spacing: -0.02em;white-space: nowrap}.navbar-logo-tagline{font-size: 0.5rem;color: var(--color-primary);font-weight: 700;text-transform: uppercase;letter-spacing: 0.06em;white-space: nowrap;opacity: 0.9}.navbar-nav{display: flex;align-items: center;gap: var(--space-1)}.navbar-link{position: relative;display: inline-flex;align-items: center;padding: 8px 10px;font-size: var(--text-sm);font-weight: var(--weight-medium);color: var(--color-body);transition: color var(--transition-fast);white-space: nowrap}.navbar-link::after{content: "";position: absolute;bottom: -2px;left: 14px;right: 14px;height: 2px;background: var(--gradient-primary);transform: scaleX(0);transform-origin: bottom center;transition: transform var(--transition-fast)}.navbar-link:hover::after, .navbar-link.active::after{transform: scaleX(1)}.navbar-link:hover, .navbar-link.active{color: var(--color-primary)}.navbar-cta{margin-left: var(--space-4)}.navbar-toggle{display: none;flex-direction: column;justify-content: center;align-items: center;width: 40px;height: 40px;gap: 5px;cursor: pointer;border-radius: var(--radius-md);transition: background-color var(--transition-fast)}.navbar-toggle:hover{background-color: var(--color-bg-light)}.navbar-toggle span{display: block;width: 22px;height: 2px;background-color: var(--color-heading);border-radius: 2px;transition: transform var(--transition-base), opacity var(--transition-fast)}.navbar-toggle.open span:nth-child(1){transform: rotate(45deg) translate(5px, 5px)}.navbar-toggle.open span:nth-child(2){opacity: 0}.navbar-toggle.open span:nth-child(3){transform: rotate(-45deg) translate(5px, -5px)}.navbar-mobile-overlay{display: none;position: fixed;inset: 0;background-color: rgba(0, 0, 0, 0.3);z-index: var(--z-overlay);opacity: 0;transition: opacity var(--transition-base)}.navbar-mobile-overlay.active{opacity: 1}.mobile-home-btn, .mobile-nav-actions{display: none}.footer{background-color: var(--color-heading);color: rgba(255, 255, 255, 0.7);padding-top: var(--space-16);padding-bottom: 0;position: relative}.footer::before{content: "";position: absolute;top: 0;left: 0;right: 0;height: 3px;background: var(--gradient-primary)}.footer-grid{display: grid;grid-template-columns: 1.5fr repeat(4, 1fr);gap: var(--space-10);padding-bottom: var(--space-12);border-bottom: 1px solid rgba(255, 255, 255, 0.1)}.footer-brand{max-width: 280px}.footer-brand img{height: 42px;width: auto;margin-bottom: var(--space-4)}.footer-brand p{color: rgba(255, 255, 255, 0.6);font-size: var(--text-sm);line-height: var(--leading-relaxed);margin-bottom: var(--space-6)}.footer-social{display: flex;gap: var(--space-3)}.footer-social a{display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: var(--radius-md);border: 1px solid rgba(255, 255, 255, 0.15);color: rgba(255, 255, 255, 0.6);transition: all var(--transition-fast)}.footer-social a:hover{background-color: var(--color-primary);border-color: var(--color-primary);color: var(--color-white);transform: translateY(-2px)}.footer-col h4, .footer-col .footer-col-title{color: var(--color-white);font-size: var(--text-sm);font-weight: var(--weight-semibold);text-transform: uppercase;letter-spacing: var(--tracking-wider);margin-bottom: var(--space-5)}.footer-links{display: flex;flex-direction: column;gap: var(--space-3)}.footer-links a{font-size: var(--text-sm);color: rgba(255, 255, 255, 0.6);transition: color var(--transition-fast), padding-left var(--transition-fast)}.footer-links a:hover{color: var(--color-white);padding-left: 4px}.footer-bottom{display: flex;align-items: center;justify-content: space-between;padding: var(--space-6) 0;margin-top: var(--space-8);font-size: var(--text-sm)}.footer-bottom-links{display: flex;gap: var(--space-6)}.footer-bottom-links a{color: rgba(255, 255, 255, 0.5);transition: color var(--transition-fast)}.footer-bottom-links a:hover, .footer-cookie-btn:hover{color: var(--color-white)}.footer-cookie-btn{background: none;border: 0;padding: 0;font: inherit;color: rgba(255, 255, 255, 0.5);cursor: pointer;transition: color var(--transition-fast)}.footer-legal{display: flex;flex-direction: column;gap: var(--space-1)}.footer-copy{color: rgba(255, 255, 255, 0.4)}.footer-copy--fine{font-size: var(--text-xs)}.card{background-color: var(--color-white);border: var(--border-default);border-radius: var(--radius-xl);padding: var(--space-6);transition: transform var(--transition-spring), box-shadow var(--transition-base), border-color var(--transition-base)}.card:hover{transform: translateY(-4px);box-shadow: var(--shadow-lg);border-color: rgba(34, 109, 180, 0.15)}.card-icon{width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;border-radius: var(--radius-lg);background-color: var(--color-primary-bg);color: var(--color-primary);margin-bottom: var(--space-5);transition: transform var(--transition-spring)}.card:hover .card-icon{transform: scale(1.08)}.card-icon svg{width: 24px;height: 24px}.card h3{font-size: var(--text-lg);margin-bottom: var(--space-3)}.card p{font-size: var(--text-sm);color: var(--color-muted);line-height: var(--leading-relaxed)}.card-link{display: inline-flex;align-items: center;gap: var(--space-2);margin-top: var(--space-5);font-size: var(--text-sm);font-weight: var(--weight-semibold);color: var(--color-primary);transition: gap var(--transition-fast), color var(--transition-fast)}.card-link:hover{gap: var(--space-3);color: var(--color-primary-dark)}.card-link svg{width: 16px;height: 16px}.card--service{border-top: 3px solid var(--color-primary);position: relative}.card--service.green{border-top-color: var(--color-secondary)}.card--service.orange{border-top-color: var(--color-accent-orange)}.card--service.red{border-top-color: var(--color-accent-red)}.card--portfolio{padding: 0;overflow: hidden}.card--portfolio .card-image{width: 100%;height: 200px;background: linear-gradient(135deg, var(--color-bg-alt) 0%, var(--color-border) 100%);display: flex;align-items: center;justify-content: center;border-bottom: var(--border-default);position: relative;overflow: hidden}.card--portfolio .card-image::after{content: '';position: absolute;width: 150px;height: 150px;background: var(--color-bg);border-radius: 50%;opacity: 0.4;top: -50px;right: -50px}.card--portfolio .card-image i{font-size: 5rem;z-index: 1;filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.1));transition: transform var(--transition-normal) ease}.card--portfolio:hover .card-image i{transform: scale(1.1) translateY(-5px)}.card--portfolio .card-body{padding: var(--space-6)}.card--portfolio h3{font-size: var(--text-base);margin-bottom: var(--space-2)}.card--portfolio .card-meta{display: flex;gap: var(--space-3);margin-bottom: var(--space-3)}.card--blog{padding: 0;overflow: hidden}.card--blog .card-image{width: 100%;height: 180px;background-color: var(--color-bg-alt);border-bottom: var(--border-default);overflow: hidden}.card--blog .card-image img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease}.card--blog:hover .card-image img{transform: scale(1.04)}.card--blog .card-body{padding: var(--space-6)}.card--blog .card-category{font-size: var(--text-xs);font-weight: var(--weight-semibold);color: var(--color-primary);text-transform: uppercase;letter-spacing: var(--tracking-wide);margin-bottom: var(--space-2)}.card--blog h3{font-size: var(--text-base);margin-bottom: var(--space-3);line-height: var(--leading-snug)}.card--blog h3 a{transition: color var(--transition-fast)}.card--blog h3 a:hover{color: var(--color-primary)}.card--blog .card-excerpt{font-size: var(--text-sm);color: var(--color-muted);line-height: var(--leading-relaxed);margin-bottom: var(--space-4);display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}.card--blog .card-footer{display: flex;align-items: center;justify-content: space-between;font-size: var(--text-xs);color: var(--color-muted)}.logo-carousel{overflow: hidden;position: relative;padding: var(--space-6) 0}.logo-carousel::before, .logo-carousel::after{content: "";position: absolute;top: 0;bottom: 0;width: 100px;z-index: 2;pointer-events: none}.logo-carousel::before{left: 0;background: linear-gradient(to right, var(--color-bg-light), transparent)}.logo-carousel::after{right: 0;background: linear-gradient(to left, var(--color-bg-light), transparent)}.logo-carousel--white::before{background: linear-gradient(to right, var(--color-white), transparent)}.logo-carousel--white::after{background: linear-gradient(to left, var(--color-white), transparent)}.logo-carousel-track{display: flex;gap: var(--space-12);animation: scroll-logos 40s linear infinite}.logo-carousel-track:hover{animation-play-state: paused}.logo-carousel-item{flex-shrink: 0;display: flex;align-items: center;justify-content: center;height: 48px;min-width: 120px;opacity: 0.5;filter: grayscale(100%);transition: opacity var(--transition-base), filter var(--transition-base)}.logo-carousel-item:hover{opacity: 1;filter: grayscale(0%)}.logo-carousel-item img, .logo-carousel-item svg{max-height: 40px;width: auto;max-width: 140px}@keyframes scroll-logos{0%{transform: translateX(0)}100%{transform: translateX(-50%)}}@media (prefers-reduced-motion: reduce){.logo-carousel-track{animation: none;flex-wrap: wrap;justify-content: center}}.stat-card{text-align: center;padding: var(--space-6)}.stat-value{font-size: var(--text-3xl);font-weight: var(--weight-bold);color: var(--color-primary);line-height: 1;margin-bottom: var(--space-2)}.stat-label{font-size: var(--text-sm);color: var(--color-muted);font-weight: var(--weight-medium)}.process-steps{display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: var(--space-6);counter-reset: step}.process-step{position: relative;padding: var(--space-6);counter-increment: step}.process-step::before{content: counter(step, decimal-leading-zero);display: block;font-size: var(--text-3xl);font-weight: var(--weight-bold);color: var(--color-primary-bg);margin-bottom: var(--space-3);line-height: 1}.process-step h4{font-size: var(--text-base);margin-bottom: var(--space-2)}.process-step p{font-size: var(--text-sm);color: var(--color-muted)}.product-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));gap: var(--space-4)}.product-item{display: flex;flex-direction: column;align-items: center;gap: var(--space-3);padding: var(--space-6) var(--space-4);border: var(--border-default);border-radius: var(--radius-lg);background-color: var(--color-white);transition: border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-spring);text-align: center}.product-item:hover{border-color: var(--color-primary);box-shadow: var(--shadow-sm);transform: translateY(-2px)}.product-item img, .product-item svg{height: 36px;width: auto;max-width: 100px}.product-item span{font-size: var(--text-sm);font-weight: var(--weight-medium);color: var(--color-heading)}.integration-flow{display: flex;align-items: center;justify-content: center;gap: var(--space-6);padding: var(--space-8) 0;flex-wrap: wrap}.integration-flow-step{display: flex;flex-direction: column;align-items: center;gap: var(--space-3);padding: var(--space-6) var(--space-8);background-color: var(--color-white);border: var(--border-default);border-radius: var(--radius-lg);text-align: center;min-width: 180px;transition: border-color var(--transition-fast), box-shadow var(--transition-fast)}.integration-flow-step:hover{border-color: var(--color-primary);box-shadow: var(--shadow-sm)}.integration-flow-step h4, .integration-flow-step .step-title{font-size: var(--text-sm);font-weight: var(--weight-semibold)}.integration-flow-arrow{color: var(--color-primary);flex-shrink: 0;animation: arrow-pulse 2s ease-in-out infinite}@keyframes arrow-pulse{0%, 100%{opacity: 0.6}50%{opacity: 1}}.integration-flow-arrow svg{width: 32px;height: 32px}.cta-banner{background: var(--gradient-cta);padding: var(--space-16) 0;text-align: center;position: relative;overflow: hidden}.cta-banner::before{content: "";position: absolute;inset: 0;background-image: radial-gradient(circle, rgba(255, 255, 255, 0.06) 1px, transparent 1px);background-size: 24px 24px;pointer-events: none}.cta-banner h2{color: var(--color-white);margin-bottom: var(--space-4);position: relative}.cta-banner p{color: rgba(255, 255, 255, 0.85);font-size: var(--text-md);max-width: 600px;margin: 0 auto var(--space-8);position: relative}.page-hero{padding-top: calc(var(--navbar-height) + var(--space-8));padding-bottom: var(--space-8);background: var(--gradient-hero);border-bottom: var(--border-default);position: relative}.page-hero::before{content: "";position: absolute;inset: 0;background-image: radial-gradient(circle, rgba(34, 109, 180, 0.03) 1px, transparent 1px);background-size: 32px 32px;pointer-events: none}.page-hero h1{margin-bottom: var(--space-4);position: relative}.page-hero p{font-size: var(--text-md);color: var(--color-muted);max-width: 640px;line-height: var(--leading-relaxed);position: relative}.form-group{margin-bottom: var(--space-5)}.form-label{display: block;font-size: var(--text-sm);font-weight: var(--weight-medium);color: var(--color-heading);margin-bottom: var(--space-2)}.form-input, .form-select, .form-textarea{width: 100%;padding: 10px 14px;font-size: var(--text-base);border: var(--border-default);border-radius: var(--radius-md);background-color: var(--color-white);transition: border-color var(--transition-fast), box-shadow var(--transition-fast)}.form-input:focus, .form-select:focus, .form-textarea:focus{border-color: var(--color-primary);box-shadow: 0 0 0 3px var(--color-primary-bg);outline: none}.form-textarea{min-height: 120px}.form-row{display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-5)}.logo-carousel-item img, .logo-carousel-item svg, .hero-icon-item img, .hero-icon-item svg, .product-item img, .product-item svg, .partner-badge img{width: 48px;height: 48px;aspect-ratio: 1 / 1;display: inline-block;object-fit: contain}.card-image img{width: 100%;height: auto;aspect-ratio: 16 / 9}.feature-item{display: flex;gap: var(--space-4);padding: var(--space-6)}.feature-icon{flex-shrink: 0;width: 44px;height: 44px;display: flex;align-items: center;justify-content: center;border-radius: var(--radius-lg);background-color: var(--color-primary-bg);color: var(--color-primary);transition: transform var(--transition-spring)}.feature-item:hover .feature-icon{transform: scale(1.1) rotate(-3deg)}.feature-icon svg{width: 22px;height: 22px}.feature-item h4, .feature-item .feature-title{font-size: var(--text-base);font-weight: var(--weight-semibold);margin-bottom: var(--space-2)}.feature-item p{font-size: var(--text-sm);color: var(--color-muted);line-height: var(--leading-relaxed)}.solution-card{background-color: var(--color-white);border: var(--border-default);border-radius: var(--radius-lg);padding: var(--space-6);transition: border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-spring)}.solution-card:hover{border-color: var(--color-primary);box-shadow: var(--shadow-md);transform: translateY(-3px)}.solution-card h3{font-size: var(--text-base);font-weight: var(--weight-semibold);margin-bottom: var(--space-3)}.solution-card p{font-size: var(--text-sm);color: var(--color-muted);line-height: var(--leading-relaxed);margin-bottom: var(--space-4)}.solution-card .solution-products{display: flex;flex-wrap: wrap;gap: var(--space-2)}.solution-tag{display: inline-block;padding: 2px 10px;font-size: var(--text-xs);background-color: var(--color-bg-light);border-radius: var(--radius-full);color: var(--color-muted);font-weight: var(--weight-medium)}.filter-tabs{display: flex;flex-wrap: wrap;gap: var(--space-2);margin-bottom: var(--space-10);justify-content: center}.filter-tab{padding: 8px 20px;font-size: var(--text-sm);font-weight: var(--weight-medium);border: var(--border-default);border-radius: var(--radius-full);cursor: pointer;transition: all var(--transition-fast);background-color: var(--color-white);color: var(--color-body)}.filter-tab:hover, .filter-tab.active{background-color: var(--color-primary);color: var(--color-white);border-color: var(--color-primary)}.service-list{display: flex;flex-direction: column;gap: var(--space-2);margin-top: var(--space-4)}.service-list li{display: flex;align-items: center;gap: var(--space-2);font-size: var(--text-sm);color: var(--color-body);padding: var(--space-2) 0}.service-list li svg{width: 16px;height: 16px;color: var(--color-secondary);flex-shrink: 0}.partner-badge{display: inline-flex;align-items: center;gap: var(--space-3);padding: var(--space-3) var(--space-5);background-color: var(--color-white);border: var(--border-default);border-radius: var(--radius-lg);font-size: var(--text-sm);font-weight: var(--weight-semibold);color: var(--color-heading)}.partner-badge img{height: 24px;width: auto}.brand-modal{position: fixed;inset: 0;background-color: rgba(26, 26, 46, 0.8);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);display: flex;align-items: center;justify-content: center;z-index: var(--z-modal);opacity: 0;pointer-events: none;transition: opacity var(--transition-base);padding: var(--space-4)}.brand-modal.open{opacity: 1;pointer-events: auto}.brand-modal-content{background-color: var(--color-white);border: 1px solid var(--color-border);border-radius: var(--radius-xl);padding: var(--space-10) var(--space-8);max-width: 480px;width: 100%;text-align: center;position: relative;transform: translateY(30px) scale(0.97);transition: transform var(--transition-base);box-shadow: var(--shadow-xl)}.brand-modal.open .brand-modal-content{transform: translateY(0) scale(1)}.brand-modal-close{position: absolute;top: var(--space-4);right: var(--space-4);color: var(--color-muted);cursor: pointer;transition: color var(--transition-fast);padding: var(--space-2);display: flex;align-items: center;justify-content: center}.brand-modal-close:hover{color: var(--color-accent-red)}.brand-modal-logo{height: 120px;width: auto;margin: 0 auto var(--space-6);display: block}.brand-modal-title{font-size: var(--text-md);font-weight: var(--weight-bold);color: var(--color-heading);line-height: var(--leading-tight);margin-bottom: var(--space-2)}.brand-modal-subtitle{font-size: var(--text-xs);color: var(--color-muted);margin-bottom: var(--space-6)}.brand-modal-info{background-color: var(--color-bg-light);border: var(--border-default);border-radius: var(--radius-lg);padding: var(--space-4);margin-bottom: var(--space-6);text-align: left}.brand-modal-info-row{display: flex;justify-content: space-between;padding: var(--space-2) 0;font-size: var(--text-sm);border-bottom: 1px solid var(--color-border-light)}.brand-modal-info-row:last-child{border-bottom: none}.brand-modal-info-label{color: var(--color-muted);font-weight: var(--weight-medium)}.brand-modal-info-value{color: var(--color-heading);font-weight: var(--weight-semibold)}.lead-magnet-banner{background: linear-gradient(135deg, var(--color-primary-bg) 0%, rgba(8, 153, 73, 0.04) 100%);border: 1px solid rgba(34, 109, 180, 0.15);border-radius: var(--radius-xl);padding: var(--space-8);display: flex;align-items: center;justify-content: space-between;gap: var(--space-8);margin-bottom: var(--space-8);text-align: left}.lead-magnet-banner-content{max-width: 580px}.comparison-table-wrapper{overflow-x: auto;border-radius: var(--radius-lg);border: var(--border-default);margin-bottom: var(--space-8)}.comparison-table{width: 100%;border-collapse: collapse;background-color: var(--color-white);min-width: 600px}.comparison-table th{background-color: var(--color-bg-light);border-bottom: var(--border-default);padding: var(--space-4) var(--space-6);font-weight: var(--weight-bold);color: var(--color-heading);text-align: left}.comparison-table td{padding: var(--space-4) var(--space-6);border-bottom: var(--border-light);color: var(--color-muted)}.comparison-table tr:last-child td{border-bottom: none}.comparison-table td strong, .comparison-table td:last-child{color: var(--color-heading);font-weight: var(--weight-medium)}.checklist-card{padding: var(--space-8)}.faq-item{border: var(--border-default);border-radius: var(--radius-lg);margin-bottom: var(--space-3);background-color: var(--color-white);box-shadow: var(--shadow-xs);overflow: hidden;transition: box-shadow var(--transition-fast), border-color var(--transition-fast)}.faq-item:hover{border-color: var(--color-primary);box-shadow: var(--shadow-sm)}.faq-item.active{border-color: var(--color-primary)}.faq-item.active .faq-question{color: var(--color-primary)}.faq-question{width: 100%;padding: var(--space-5) var(--space-6);background: none;border: none;font-size: var(--text-base);font-weight: var(--weight-semibold);color: var(--color-heading);text-align: left;cursor: pointer;display: flex;align-items: center;justify-content: space-between;gap: var(--space-3);transition: color var(--transition-fast), background-color var(--transition-fast)}.faq-question:hover{background-color: var(--color-bg-light)}.faq-question:focus-visible{outline: 2px solid var(--color-primary);outline-offset: -2px}.faq-answer{max-height: 0;overflow: hidden;transition: max-height var(--transition-base);display: none}.faq-item.active .faq-answer{display: block;max-height: 500px}.faq-item.active .faq-answer p{margin: 0}.faq-answer{padding: 0 var(--space-6)}.faq-item.active .faq-answer{padding-top: 0;padding-bottom: var(--space-5)}.faq-answer p{padding: var(--space-3) 0;color: var(--color-body);font-size: var(--text-sm);line-height: var(--leading-relaxed)}.faq-toggle{transition: transform var(--transition-fast) ease-in-out;display: inline-block;font-size: var(--text-xl);color: var(--color-muted);flex-shrink: 0}.faq-list{margin-top: var(--space-6)}.booking-modal{position: fixed;inset: 0;background-color: rgba(26, 26, 46, 0.8);display: flex;align-items: center;justify-content: center;z-index: var(--z-modal);padding: var(--space-4)}.booking-modal[hidden]{display: none}.booking-modal-content{background-color: var(--color-white);border-radius: var(--radius-xl);box-shadow: var(--shadow-xl);width: 100%;max-width: 960px;height: min(720px, calc(100dvh - 2 * var(--space-4)));display: flex;flex-direction: column;overflow: hidden}.booking-modal-header{display: flex;align-items: center;justify-content: space-between;gap: var(--space-4);padding: var(--space-4) var(--space-6);border-bottom: var(--border-default)}.booking-modal-header h2{font-size: var(--text-lg);margin: 0}.booking-modal-close{width: 44px;height: 44px;display: inline-flex;align-items: center;justify-content: center;border: 0;border-radius: var(--radius-md);background: none;color: var(--color-body);cursor: pointer}.booking-modal-close:hover{background-color: var(--color-bg-light)}.booking-modal-close:focus-visible{outline: 2px solid var(--color-primary);outline-offset: 2px}.booking-modal-body{flex: 1;min-height: 0;overflow: auto}.booking-modal-fallback{margin: 0;padding: var(--space-3) var(--space-6);border-top: var(--border-default);font-size: var(--text-sm);color: var(--color-muted)}.hero{position: relative;padding-top: calc(var(--navbar-height) + 32px + clamp(1.25rem, 2.5vw, 2.25rem));padding-bottom: var(--section-y);background: linear-gradient(180deg, var(--color-primary-bg) 0%, var(--color-white) 100%);overflow: hidden}.hero-grid{display: grid;grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);grid-template-areas: "copy visual" "actions .";column-gap: clamp(2rem, 4vw, 4.5rem);align-items: start}.hero-content{grid-area: copy}.hero-actions{grid-area: actions;min-width: 0;padding-top: var(--space-6)}.hero-grid > .hero-visual{grid-area: visual;align-self: center}.hero-content{min-width: 0}.hero-label{display: inline-block;margin-bottom: var(--space-6);font-size: var(--text-sm);font-weight: var(--weight-semibold);color: var(--color-primary);letter-spacing: 0.01em}.hero h1{font-size: var(--fs-hero);line-height: 1.08;letter-spacing: -0.025em;color: var(--color-heading);margin-bottom: var(--space-6);max-width: 18ch}.hero-description{font-size: var(--fs-lead);line-height: 1.6;color: var(--color-body);max-width: 38rem;margin-bottom: 0}.hero .btn-group{margin-bottom: var(--space-8)}.hero-stats{display: grid;grid-template-columns: repeat(3, minmax(0, max-content));gap: var(--space-4) var(--space-10);padding-top: var(--space-6);border-top: var(--border-default);margin: 0}.hero-stat{display: flex;flex-direction: column-reverse;margin: 0}.hero-stat-value{margin: 0 0 var(--space-1);font-size: 1.75rem;font-weight: var(--weight-bold);line-height: 1;color: var(--color-heading);font-variant-numeric: tabular-nums}.hero-stat-label{font-size: var(--text-sm);color: var(--color-muted)}.hero-proof{margin-top: var(--space-6);font-size: var(--text-sm);color: var(--color-muted);line-height: var(--leading-normal)}.hero-proof a{color: var(--color-primary);font-weight: var(--weight-medium)}.code-card{margin: 0;min-width: 0;background-color: var(--color-ink);border-radius: var(--radius-xl);box-shadow: var(--shadow-xl);overflow: hidden;color: #d6e2f0}.code-card-bar{display: flex;align-items: center;gap: var(--space-4);padding: var(--space-3) var(--space-4);border-bottom: 1px solid rgba(255, 255, 255, 0.08);font-family: var(--font-mono);font-size: 0.8125rem;color: rgba(255, 255, 255, 0.6)}.code-card-dots{display: inline-flex;gap: 6px}.code-card-dots i{width: 10px;height: 10px;border-radius: 50%;background-color: rgba(255, 255, 255, 0.18)}.code-card pre{margin: 0;padding: var(--space-6) var(--space-6);overflow-x: auto;font-family: var(--font-mono);font-size: 0.8125rem;line-height: 1.75;tab-size: 4}.code-card figcaption{padding: var(--space-3) var(--space-6);border-top: 1px solid rgba(255, 255, 255, 0.08);font-size: var(--text-sm);line-height: var(--leading-normal);color: rgba(255, 255, 255, 0.7)}.tk-c{color: #8fa3bb}.tk-k{color: #82c7ff}.tk-s{color: #a6e3a1}.tk-f{color: #f9d38a}@media (max-width: 1099px){.hero{padding-top: calc(var(--navbar-height) + clamp(2rem, 6vw, 3.5rem))}}@media (max-width: 959px){.hero-grid{grid-template-columns: 1fr;grid-template-areas: "copy" "actions" "visual";grid-template-rows: auto;row-gap: var(--space-8)}.hero-actions{padding-top: 0}.hero h1{max-width: 22ch}}@media (max-width: 599px){.code-card{display: none}.hero .btn-group{flex-direction: column}.hero .btn-group .btn{width: 100%}.hero-stats{gap: var(--space-4) var(--space-6)}.hero-stat-value{font-size: 1.5rem}}.hero-visual{display: flex;gap: var(--space-5);align-items: stretch;min-width: 0}.hero-visual .code-card{flex: 1}.logo-rail{position: relative;flex: 0 0 76px;overflow: hidden;-webkit-mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent);mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent)}.logo-rail-track{position: absolute;inset: 0 0 auto 0;display: flex;flex-direction: column;gap: var(--space-4);margin: 0;padding: 0;list-style: none;animation: logo-rail-up 45s linear infinite}.logo-rail:hover .logo-rail-track{animation-play-state: paused}.logo-rail-track li{display: flex;align-items: center;justify-content: center;aspect-ratio: 1;padding: var(--space-3);background-color: var(--color-white);border: var(--border-default);border-radius: var(--radius-lg);box-shadow: var(--shadow-sm)}.logo-rail-track img{width: 100%;height: auto;max-width: 52px}@keyframes logo-rail-up{from{transform: translateY(0)}to{transform: translateY(calc(-50% - var(--space-4) / 2))}}@media (prefers-reduced-motion: reduce){.logo-rail-track{animation: none}}.hero-visual .code-card pre{padding: var(--space-5);font-size: 0.75rem}@media (max-width: 1279px){.logo-rail{flex-basis: 64px}.logo-rail-track li{padding: var(--space-2)}}@media (max-width: 599px){.hero-grid{grid-template-areas: "copy" "actions"}.hero-grid > .hero-visual{grid-area: copy;justify-self: end;align-self: stretch;width: 50px}.hero-content{padding-right: 62px}.logo-rail{flex: 0 0 50px}.logo-rail-track li{padding: 6px;border-radius: var(--radius-md)}.logo-rail-track img{max-width: 30px}}.trust-bar{padding: var(--space-8) 0;background-color: var(--color-bg-light);border-bottom: var(--border-default)}.trust-bar-header{text-align: center;margin-bottom: var(--space-4)}.trust-bar-header p{font-size: var(--text-sm);color: var(--color-muted);text-transform: uppercase;letter-spacing: var(--tracking-wider);font-weight: var(--weight-medium)}.roadmap-scroll-wrapper{position: relative;width: 100%}.roadmap-scroll-indicator{display: none}.roadmap-wrapper{position: relative;margin-top: var(--space-8);padding-bottom: var(--space-6);width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;scrollbar-width: none}.roadmap-wrapper::-webkit-scrollbar{display: none}.roadmap-track-container{min-width: 900px;position: relative;padding: 0 var(--space-4)}.roadmap-line{position: absolute;top: 24px;left: var(--space-4);right: var(--space-4);height: 2px;background: var(--color-border);z-index: 1}.roadmap-steps{display: flex;justify-content: space-between;align-items: flex-start;position: relative;z-index: 2}.roadmap-step{flex: 1;display: flex;flex-direction: column;align-items: center;text-align: center;position: relative;padding-top: 5px}.roadmap-number{width: 48px;height: 48px;border-radius: 50%;background: var(--color-white);border: 2px solid var(--color-primary);display: flex;align-items: center;justify-content: center;font-weight: var(--weight-bold);font-size: var(--text-md);color: var(--color-primary);margin-bottom: var(--space-4);box-shadow: 0 4px 12px rgba(34, 109, 180, 0.1);transition: transform var(--transition-spring), background-color var(--transition-fast), color var(--transition-fast)}.roadmap-step:hover .roadmap-number{transform: scale(1.15);background-color: var(--color-primary);color: var(--color-white)}.roadmap-step h4{font-size: var(--text-sm);font-weight: var(--weight-semibold);color: var(--color-heading);margin-bottom: 0}.services-grid{display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--space-5)}.features-grid{display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--space-5)}.features-grid .feature-item{border: var(--border-default);border-radius: var(--radius-lg);transition: border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-spring)}.features-grid .feature-item:hover{border-color: var(--color-primary);box-shadow: var(--shadow-sm);transform: translateY(-2px)}.solutions-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-5)}.portfolio-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-5)}.blog-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-5)}.metrics-row{display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--space-5);padding: var(--space-8) 0}.two-col{display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-10);align-items: center}.two-col--reverse{direction: rtl}.two-col--reverse>*{direction: ltr}.zoho-highlight{display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-10);align-items: center}.zoho-highlight-logos{display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--space-3)}.zoho-logo-item{display: flex;align-items: center;justify-content: center;padding: var(--space-4);background-color: var(--color-white);border: var(--border-default);border-radius: var(--radius-md);min-height: 56px;transition: border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-spring)}.zoho-logo-item:hover{border-color: var(--color-primary);box-shadow: var(--shadow-sm);transform: translateY(-2px)}.zoho-logo-item img{height: 28px;width: auto;max-width: 90px}.integration-categories{display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-5)}.integration-category{padding: var(--space-6);border: var(--border-default);border-radius: var(--radius-lg);background-color: var(--color-white);transition: border-color var(--transition-fast), transform var(--transition-spring)}.integration-category:hover{border-color: var(--color-primary);transform: translateY(-2px)}.integration-category h4{font-size: var(--text-base);margin-bottom: var(--space-3)}.integration-category ul{display: flex;flex-direction: column;gap: var(--space-2)}.integration-category li{font-size: var(--text-sm);color: var(--color-body);padding-left: var(--space-5);position: relative}.integration-category li::before{content: "";position: absolute;left: 0;top: 8px;width: 6px;height: 6px;border-radius: 50%;background-color: var(--color-secondary)}.tech-stack{display: flex;flex-wrap: wrap;gap: var(--space-3)}.tech-tag{display: inline-flex;align-items: center;gap: var(--space-2);padding: var(--space-2) var(--space-4);background-color: var(--color-bg-light);border: var(--border-default);border-radius: var(--radius-full);font-size: var(--text-sm);font-weight: var(--weight-medium);color: var(--color-body);transition: border-color var(--transition-fast)}.tech-tag:hover{border-color: var(--color-primary)}.timeline{position: relative;padding-left: var(--space-10)}.timeline::before{content: "";position: absolute;left: 14px;top: 0;bottom: 0;width: 2px;background: linear-gradient(to bottom, var(--color-primary), var(--color-secondary))}.timeline-item{position: relative;padding-bottom: var(--space-10)}.timeline-item:last-child{padding-bottom: 0}.timeline-dot{position: absolute;left: calc(-1 * var(--space-10) + 6px);top: 4px;width: 18px;height: 18px;border-radius: 50%;background-color: var(--color-white);border: 3px solid var(--color-primary);z-index: 1}.timeline-item h4{font-size: var(--text-base);margin-bottom: var(--space-2)}.timeline-item p{font-size: var(--text-sm);color: var(--color-muted)}.contact-info-list{display: flex;flex-direction: column;gap: var(--space-6)}.contact-info-item{display: flex;gap: var(--space-4)}.contact-info-icon{flex-shrink: 0;width: 44px;height: 44px;display: flex;align-items: center;justify-content: center;background-color: var(--color-primary-bg);color: var(--color-primary);border-radius: var(--radius-lg)}.contact-info-icon svg{width: 20px;height: 20px}.contact-info-item h4{font-size: var(--text-sm);font-weight: var(--weight-semibold);margin-bottom: var(--space-1)}.contact-info-item p, .contact-info-item a{font-size: var(--text-sm);color: var(--color-muted)}.contact-info-item a:hover{color: var(--color-primary)}.bento-grid{display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--space-6)}.bento-col-span-2{grid-column: span 2}.bento-col-span-3{grid-column: span 3}.bento-row-span-2{grid-row: span 2}.bento-overlap{position: relative;z-index: 1;margin-top: -3rem;margin-left: 2rem}.card-glass{background: rgba(255, 255, 255, 0.4);backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);border: 1px solid rgba(255, 255, 255, 0.5);box-shadow: var(--shadow-sm);border-radius: var(--radius-xl)}.card-accent{background: linear-gradient(135deg, var(--color-primary-light), var(--color-primary));color: #fff;border: none}.card-accent p, .card-accent h2, .card-accent h3, .card-accent h4{color: #fff}.timeline{position: relative;max-width: 1000px;margin: 0 auto;padding: var(--space-8) 0}.timeline::after{content: '';position: absolute;width: 2px;background-color: var(--border-color);top: 0;bottom: 0;left: 50%;transform: translateX(-50%)}.timeline-item{padding: 10px 40px;position: relative;width: 50%;box-sizing: border-box}.timeline-item:nth-child(odd){left: 0;text-align: right}.timeline-item:nth-child(even){left: 50%;text-align: left}.timeline-item::after{content: '';position: absolute;width: 16px;height: 16px;background-color: var(--color-surface);border: 4px solid var(--color-primary);border-radius: 50%;top: 24px;z-index: 1}.timeline-item:nth-child(odd)::after{right: -8px}.timeline-item:nth-child(even)::after{left: -8px}.timeline-content{padding: var(--space-6);background: var(--color-surface);border: 1px solid var(--border-color);border-radius: var(--radius-lg);position: relative;box-shadow: var(--shadow-sm);transition: transform 0.3s ease, box-shadow 0.3s ease}.timeline-content:hover{transform: translateY(-5px);box-shadow: var(--shadow-md)}.timeline-content h3{font-size: var(--text-lg);color: var(--color-primary);margin-bottom: var(--space-2)}.timeline-content p{color: var(--color-muted);font-size: var(--text-sm);margin: 0}.timeline-step-num{font-weight: var(--weight-bold);font-size: var(--text-xs);color: var(--color-secondary);text-transform: uppercase;letter-spacing: var(--tracking-widest);margin-bottom: var(--space-1);display: block}.leader-card{max-width: 720px;margin: 0 auto;background-color: var(--color-white);border: var(--border-default);border-radius: var(--radius-xl);padding: var(--space-8)}.leader-card h3{font-size: var(--text-xl);margin: 0}.leader-role{color: var(--color-primary);font-weight: var(--weight-semibold);margin: var(--space-1) 0 var(--space-4)}.leader-facts{display: grid;gap: var(--space-2);margin: 0 0 var(--space-6);padding-left: 1.25rem;list-style: disc}.profile-links{display: flex;flex-wrap: wrap;gap: var(--space-3)}.profile-links--center{justify-content: center}.profile-links a{display: inline-flex;align-items: center;min-height: 44px;padding: 0 var(--space-6);border: var(--border-default);border-radius: var(--radius-full);color: var(--color-heading);font-weight: var(--weight-medium);text-decoration: none;transition: border-color var(--transition-fast), color var(--transition-fast)}.profile-links a:hover, .profile-links a:focus-visible{border-color: var(--color-primary);color: var(--color-primary)}@media (max-width: 767px){h1{font-size: var(--text-2xl)}h2{font-size: var(--text-xl)}h3{font-size: var(--text-lg)}.section{padding-top: var(--space-10);padding-bottom: var(--space-10)}.section--lg{padding-top: var(--space-12);padding-bottom: var(--space-12)}.container{padding-left: var(--space-4);padding-right: var(--space-4)}.btn-group{flex-direction: column;width: 100%}.btn-group .btn{width: 100%;justify-content: center}.grid-2, .grid-3, .grid-4{grid-template-columns: 1fr}.services-grid, .solutions-grid, .portfolio-grid, .blog-grid, .integration-categories{grid-template-columns: 1fr}.features-grid{grid-template-columns: 1fr}.metrics-row{grid-template-columns: repeat(2, 1fr);gap: var(--space-4)}.two-col, .zoho-highlight{grid-template-columns: 1fr;gap: var(--space-6)}.two-col--reverse{direction: ltr}.zoho-highlight-logos{grid-template-columns: repeat(2, 1fr)}.product-grid{grid-template-columns: repeat(2, 1fr)}.integration-flow{flex-direction: column;gap: var(--space-3);padding: var(--space-6) 0}.integration-flow-step{min-width: auto;width: 100%;padding: var(--space-4) var(--space-6)}.integration-flow-arrow{transform: rotate(90deg)}.footer-grid{grid-template-columns: repeat(3, 1fr);gap: var(--space-6) var(--space-2)}.footer-brand{grid-column: 1 / -1;max-width: 100%}.footer-col:last-child{grid-column: 1 / -1}.footer-bottom{flex-direction: column;gap: var(--space-4);text-align: center}.footer-bottom-links{justify-content: center;flex-wrap: wrap}.page-hero{padding-top: calc(var(--navbar-height) + 5px);padding-bottom: var(--space-8)}.form-row{grid-template-columns: 1fr}.process-steps{grid-template-columns: 1fr}.section-header{margin-bottom: var(--space-8)}.filter-tabs{justify-content: flex-start;overflow-x: auto;flex-wrap: nowrap;-webkit-overflow-scrolling: touch;padding-bottom: var(--space-2)}.filter-tab{flex-shrink: 0}.logo-carousel::before, .logo-carousel::after{width: 40px}.trust-bar{padding: var(--space-6) 0}.timeline{padding-left: var(--space-8);padding-right: 0;max-width: 100%}.timeline::after{left: 15px;transform: none}.timeline-item{width: 100% !important;left: 0 !important;text-align: left !important;padding-left: var(--space-4);padding-right: 0}.timeline-item::after{left: -23px !important;right: auto !important}.timeline-content{padding: var(--space-4)}.bento-grid{grid-template-columns: 1fr !important}.bento-col-span-2, .bento-col-span-3, .bento-row-span-2{grid-column: span 1;grid-row: span 1}.bento-overlap{margin-top: 0;margin-left: 0}.tech-tag{padding: var(--space-1) var(--space-3);font-size: var(--text-xs)}.bento-grid .card[style*="flex"]{flex-direction: column;align-items: flex-start}.product-grid{grid-template-columns: repeat(3, 1fr);gap: var(--space-3)}.lead-magnet-banner{padding: var(--space-5);flex-direction: column;align-items: flex-start;gap: var(--space-5);margin-bottom: var(--space-6)}.checklist-card{padding: var(--space-5)}.cta-banner{padding: var(--space-10) 0}.scroll-progress{height: 2px}.roadmap-scroll-indicator{display: flex;position: absolute;top: 45px;transform: translateY(-50%);z-index: 10;width: 36px;height: 36px;background: var(--color-white);border: 1px solid var(--color-border);border-radius: 50%;align-items: center;justify-content: center;color: var(--color-primary);box-shadow: 0 4px 12px rgba(34, 109, 180, 0.15);cursor: pointer}.roadmap-scroll-indicator svg{width: 20px;height: 20px}.roadmap-scroll-indicator.left{left: -10px;animation: bounceHorizontalLeft 2s infinite}.roadmap-scroll-indicator.right{right: -10px;animation: bounceHorizontalRight 2s infinite}@keyframes bounceHorizontalRight{0%, 100%{transform: translate(0, -50%)}50%{transform: translate(5px, -50%)}}@keyframes bounceHorizontalLeft{0%, 100%{transform: translate(0, -50%)}50%{transform: translate(-5px, -50%)}}}@media (min-width: 768px) and (max-width: 1023px){h1{font-size: var(--text-3xl)}.grid-3, .grid-4{grid-template-columns: repeat(2, 1fr)}.services-grid{grid-template-columns: repeat(2, 1fr)}.solutions-grid, .portfolio-grid, .blog-grid, .bento-grid{grid-template-columns: repeat(2, 1fr)}.bento-col-span-2, .bento-col-span-3, .bento-row-span-2{grid-column: span 2;grid-row: auto}.integration-categories{grid-template-columns: repeat(2, 1fr)}.zoho-highlight{grid-template-columns: 1fr;gap: var(--space-6)}.footer-grid{grid-template-columns: repeat(2, 1fr);gap: var(--space-6)}.footer-brand{grid-column: 1 / -1}.product-grid{grid-template-columns: repeat(3, 1fr)}.section{padding-top: var(--space-12);padding-bottom: var(--space-12)}.trust-bar{padding: var(--space-6) 0}}@media (min-width: 1024px) and (max-width: 1279px){.services-grid{grid-template-columns: repeat(2, 1fr)}.footer-grid{grid-template-columns: 1.3fr repeat(4, 1fr);gap: var(--space-6)}}@media print{.navbar, .navbar-toggle, .cta-banner, .logo-carousel, .footer-social, .scroll-progress{display: none !important}body{color: #000;background: #fff}.section{padding: 1rem 0}a[href]::after{content: " (" attr(href) ")";font-size: 0.8em;color: #666}}#cookie-consent{position: fixed;bottom: 0;left: 0;right: 0;z-index: 99999;background: rgba(26, 26, 46, 0.97);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border-top: 1px solid rgba(255, 255, 255, 0.1);padding: 1.25rem 1.5rem;transform: translateY(110%);transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.2)}#cookie-consent.visible{transform: translateY(0)}.cookie-inner{max-width: 1200px;margin: 0 auto;display: flex;align-items: center;gap: 1.5rem;flex-wrap: wrap}.cookie-icon{font-size: 1.75rem;flex-shrink: 0;line-height: 1}.cookie-text{flex: 1;min-width: 260px}.cookie-text p{color: rgba(255, 255, 255, 0.75);font-size: 0.875rem;line-height: 1.6;margin: 0}.cookie-text a{color: #60aff0;text-decoration: underline;text-underline-offset: 2px}.cookie-text a:hover{color: #90caff}.cookie-actions{display: flex;gap: 0.75rem;flex-shrink: 0;flex-wrap: wrap}#cookie-accept{background: #226DB4;color: #fff;border: none;border-radius: 8px;padding: 0.625rem 1.25rem;font-size: 0.875rem;font-weight: 600;cursor: pointer;font-family: inherit;transition: background 0.2s, transform 0.15s;white-space: nowrap}#cookie-accept:hover{background: #1B5A96;transform: translateY(-1px)}#cookie-decline{background: transparent;color: rgba(255, 255, 255, 0.5);border: 1px solid rgba(255, 255, 255, 0.15);border-radius: 8px;padding: 0.625rem 1.25rem;font-size: 0.875rem;font-weight: 500;cursor: pointer;font-family: inherit;transition: all 0.2s;white-space: nowrap}#cookie-decline:hover{border-color: rgba(255, 255, 255, 0.35);color: rgba(255, 255, 255, 0.8)}@media (max-width: 600px){.cookie-inner{gap: 1rem}.cookie-icon{display: none}.cookie-actions{width: 100%}#cookie-accept, #cookie-decline{flex: 1;text-align: center}}.text-center{text-align: center}.flex-col{display: flex;flex-direction: column}.gap-4{gap: var(--space-4)}.mb-4{margin-bottom: var(--space-4)}.mt-4{margin-top: var(--space-4)}.text-xl{font-size: var(--text-xl)}.text-muted{color: var(--color-muted)}.justify-center{justify-content: center}.p-10{padding: var(--space-10)}.flex-center{display: flex;align-items: center;justify-content: center}:root{--color-ink: #0f1b2d;--fs-hero: clamp(2.125rem, 1.35rem + 3.3vw, 3.75rem);--fs-h1: clamp(2rem, 1.4rem + 2.4vw, 3.25rem);--fs-h2: clamp(1.625rem, 1.25rem + 1.5vw, 2.5rem);--fs-h3: clamp(1.125rem, 1.05rem + 0.35vw, 1.375rem);--fs-lead: clamp(1.0625rem, 1rem + 0.3vw, 1.25rem);--fs-body: clamp(1rem, 0.97rem + 0.12vw, 1.0625rem);--section-y: clamp(2rem, 1.25rem + 1.8vw, 3.25rem);--font-mono: ui-monospace, "SFMono-Regular", "JetBrains Mono", Menlo, Consolas, monospace}@media (min-width: 1600px){:root{--container-xl: 1360px}}@media (min-width: 1920px){:root{--container-xl: 1440px}html{font-size: 112.5%}}html{-webkit-text-size-adjust: 100%}body{font-size: var(--fs-body)}p{font-size: inherit}h1{font-size: var(--fs-h1)}h2{font-size: var(--fs-h2)}h3{font-size: var(--fs-h3)}h1, h2, h3{text-wrap: balance}.section{padding-top: var(--section-y);padding-bottom: var(--section-y)}.container--prose{max-width: 820px}:focus-visible{outline: 2px solid var(--color-primary);outline-offset: 2px}.text-gradient, .hero h1 .text-gradient{background: none;-webkit-text-fill-color: currentColor;color: var(--color-primary)}.btn{min-height: 44px}.btn-sm{min-height: 40px}.text-link{color: var(--color-primary);font-weight: var(--weight-semibold);text-decoration: underline;text-underline-offset: 3px}html:not(.js) .reveal, html:not(.js) .reveal-left, html:not(.js) .reveal-right{opacity: 1;transform: none}.footer-copy{color: rgba(255, 255, 255, 0.65)}.footer-bottom-links a, .footer-cookie-btn{color: rgba(255, 255, 255, 0.75)}.navbar-link{font-size: 0.9375rem;padding: 10px 12px}.navbar-cta{margin-left: var(--space-3)}@media (max-width: 1279px){.navbar-logo-tagline{display: none}}@media (max-width: 1099px){.top-bar{display: none !important}.navbar, .navbar.scrolled{top: 0 !important;background-color: var(--color-white);backdrop-filter: none;-webkit-backdrop-filter: none;border-bottom-color: var(--color-border)}.navbar .container{gap: var(--space-3)}.navbar-logo{order: 1;margin-right: auto;min-width: 0}.navbar-logo img{height: 40px}.mobile-nav-actions{display: flex;order: 2;align-items: center;gap: var(--space-2)}.mobile-nav-phone{display: inline-flex;align-items: center;justify-content: center;width: 44px;height: 44px;border-radius: var(--radius-md);color: var(--color-primary)}.mobile-nav-phone:hover{background-color: var(--color-primary-bg)}.navbar-toggle{display: flex;order: 3;width: 44px;height: 44px}.navbar .container > nav{order: 4}.navbar-nav{display: none;position: fixed;top: var(--navbar-height);left: 0;right: 0;bottom: 0;flex-direction: column;align-items: stretch;gap: var(--space-1);padding: var(--space-4) var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom, 0px));background-color: var(--color-white);border-top: var(--border-default);overflow-y: auto;z-index: var(--z-navbar)}.navbar-nav.open{display: flex}.navbar-link{display: flex;min-height: 48px;padding: 12px 16px;font-size: 1.0625rem;border-radius: var(--radius-md)}.navbar-link::after{display: none}.navbar-link:hover, .navbar-link.active{background-color: var(--color-primary-bg)}.navbar-cta{margin: var(--space-4) 0 0}.navbar-cta .btn{width: 100%;min-height: 48px;font-size: var(--text-base)}}@media (max-width: 419px){.navbar-logo-text{display: none}}@media (max-width: 359px){.mobile-nav-cta{padding-left: 12px;padding-right: 12px}}.problem-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));gap: 0 var(--space-12)}.problem-item{padding: var(--space-6) 0;border-top: var(--border-default)}.problem-item h3{margin-bottom: var(--space-2)}.problem-item p{color: var(--color-muted)}.service-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));gap: var(--space-6)}.service-card{position: relative;display: flex;flex-direction: column;gap: var(--space-3);padding: var(--space-8);background-color: var(--color-white);border: var(--border-default);border-radius: var(--radius-xl);transition: border-color var(--transition-fast), box-shadow var(--transition-fast)}.service-card:hover, .service-card:focus-within{border-color: var(--color-primary);box-shadow: var(--shadow-md)}.service-card h3 a{color: var(--color-heading);text-decoration: none}.service-card h3 a::after{content: "";position: absolute;inset: 0;border-radius: inherit}.service-card h3 a:focus-visible{outline: none}.service-card:focus-within{outline: 2px solid var(--color-primary);outline-offset: 2px}.service-card p{color: var(--color-muted)}.approach{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);gap: var(--space-12) clamp(2rem, 5vw, 5rem);align-items: start}.approach-intro h2{margin-bottom: var(--space-4)}.approach-intro p{color: var(--color-body)}.approach-steps{display: grid;gap: var(--space-4);margin: 0;padding: 0;list-style: none}.approach-steps li{display: grid;grid-template-columns: 7.5rem minmax(0, 1fr);gap: var(--space-4);align-items: baseline;padding: var(--space-6);background-color: var(--color-bg-light);border-radius: var(--radius-lg)}.approach-tag{font-weight: var(--weight-bold);color: var(--color-primary)}.zoho-strip{margin-top: var(--section-y);padding-top: var(--space-10);border-top: var(--border-default)}.zoho-strip-label{font-size: var(--text-sm);font-weight: var(--weight-semibold);color: var(--color-muted);margin-bottom: var(--space-6)}.zoho-strip-logos{display: grid;grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));gap: var(--space-6) var(--space-8);align-items: center;margin: 0;padding: 0;list-style: none}.zoho-strip-logos img{height: 32px;width: auto;max-width: 100%}@media (max-width: 899px){.approach{grid-template-columns: 1fr}}@media (max-width: 479px){.approach-steps li{grid-template-columns: 1fr;gap: var(--space-1)}}.work-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));gap: var(--space-6)}.work-card{padding: var(--space-8);background-color: var(--color-white);border: var(--border-default);border-radius: var(--radius-xl)}.work-card-tags{font-size: var(--text-sm);font-weight: var(--weight-semibold);color: var(--color-primary);margin-bottom: var(--space-3)}.work-card h3{margin-bottom: var(--space-3)}.work-card p:last-child{color: var(--color-muted)}.section-more{margin-top: var(--space-10)}.process-list{display: grid;grid-template-columns: repeat(5, minmax(0, 1fr));gap: var(--space-6);margin: 0;padding: 0;list-style: none;counter-reset: step}.process-step{counter-increment: step;padding-top: var(--space-6);border-top: 3px solid var(--color-primary)}.process-step::before{content: counter(step, decimal-leading-zero);display: block;margin-bottom: var(--space-3);font-family: var(--font-mono);font-size: var(--text-sm);font-weight: var(--weight-semibold);color: var(--color-primary)}.process-step h3{margin-bottom: var(--space-2)}.process-step p{color: var(--color-muted);font-size: var(--text-sm)}.process-step .process-deliverable{margin-top: var(--space-3);color: var(--color-body)}@media (max-width: 1099px){.process-list{grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));gap: var(--space-8) var(--space-6)}}.team-block{display: grid;grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);gap: var(--space-10) clamp(2rem, 5vw, 5rem);align-items: center}.team-block h2{margin-bottom: var(--space-4)}.team-card{padding: var(--space-8);background-color: var(--color-white);border: var(--border-default);border-radius: var(--radius-xl)}.team-card-name{font-size: var(--fs-h3);font-weight: var(--weight-bold);color: var(--color-heading)}.team-card-role{color: var(--color-primary);font-weight: var(--weight-semibold);margin: var(--space-1) 0 var(--space-4)}.team-card ul{display: grid;gap: var(--space-2);margin: 0 0 var(--space-6);padding-left: 1.25rem;list-style: disc}.team-card a{color: var(--color-primary);font-weight: var(--weight-semibold)}@media (max-width: 899px){.team-block{grid-template-columns: 1fr}}.cta-banner h2{font-size: var(--fs-h2)}.cta-banner p{max-width: 40rem;margin-left: auto;margin-right: auto}@media (max-width: 599px){.cta-banner .btn-group{flex-direction: column}.cta-banner .btn{width: 100%}}.card-link, .error-nav-links a, .contact-info-list a{display: inline-flex;align-items: center;min-height: 44px}.page-hero--service{padding-top: calc(var(--navbar-height) + 32px + clamp(1rem, 2vw, 1.75rem));padding-bottom: clamp(1.75rem, 1.25rem + 1.5vw, 2.5rem);text-align: left}@media (max-width: 1099px){.page-hero--service{padding-top: calc(var(--navbar-height) + clamp(1.25rem, 4vw, 2rem))}}.page-hero--service h1{font-size: var(--fs-h1);max-width: 20ch;margin-bottom: var(--space-4)}.page-hero--service .page-lead{font-size: var(--fs-lead);line-height: 1.6;color: var(--color-body);max-width: 44rem;margin: 0 0 var(--space-8)}.deliver-card{padding: var(--space-8);background-color: var(--color-white);border: var(--border-default);border-radius: var(--radius-xl)}.deliver-card h3{margin-bottom: var(--space-2)}.deliver-card p{color: var(--color-muted)}.check-list{display: grid;grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr));gap: var(--space-3) var(--space-10);margin: 0;padding: 0;list-style: none}.check-list li{position: relative;padding-left: 1.75rem;line-height: var(--leading-normal)}.check-list li::before{content: "";position: absolute;left: 0;top: 0.45em;width: 0.9rem;height: 0.5rem;border-left: 2px solid var(--color-secondary);border-bottom: 2px solid var(--color-secondary);transform: rotate(-45deg)}.split{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: var(--space-8) clamp(2rem, 5vw, 5rem);align-items: start}.chip-list{display: flex;flex-wrap: wrap;gap: var(--space-2);margin: 0;padding: 0;list-style: none}.chip-list li{padding: 6px 14px;border: var(--border-default);border-radius: var(--radius-full);background-color: var(--color-white);font-size: var(--text-sm);font-weight: var(--weight-medium);color: var(--color-heading)}@media (max-width: 899px){.split{grid-template-columns: 1fr}}.problem-grid--4{grid-template-columns: repeat(4, minmax(0, 1fr));gap: 0 var(--space-8)}@media (max-width: 1023px){.problem-grid--4{grid-template-columns: repeat(2, minmax(0, 1fr))}}@media (max-width: 599px){.problem-grid--4{grid-template-columns: 1fr}}.provenance-note{max-width: 44rem;margin: var(--space-8) 0 0;padding: var(--space-4) var(--space-5);border-left: 3px solid var(--color-primary);background-color: var(--color-white);border-radius: 0 var(--radius-md) var(--radius-md) 0;font-size: var(--text-sm);line-height: var(--leading-normal);color: var(--color-body)}.project-grid{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: var(--space-6)}.project-card{display: flex;flex-direction: column;gap: var(--space-3);padding: var(--space-8);background-color: var(--color-white);border: var(--border-default);border-radius: var(--radius-xl)}.project-card h2{font-size: var(--fs-h3);margin: 0}.project-card > p:not(.project-card-meta){color: var(--color-muted);margin: 0}.project-card .chip-list{margin-top: auto;padding-top: var(--space-3)}.project-card-meta{margin: 0;font-size: var(--text-sm);font-weight: var(--weight-semibold);color: var(--color-primary)}.project-card--more{background-color: var(--color-primary-bg);border-style: dashed}@media (max-width: 767px){.project-grid{grid-template-columns: 1fr}}.contact-grid{display: grid;grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);gap: var(--space-8) clamp(2rem, 4vw, 4rem);align-items: start}.contact-form-panel h2, .contact-card h2{font-size: var(--fs-h3);margin-bottom: var(--space-3)}.contact-form-note{color: var(--color-muted);margin-bottom: var(--space-6)}.contact-form-frame{display: block;width: 100%;height: 720px;border: 0}.contact-aside{display: flex;flex-direction: column;gap: var(--space-6)}.contact-card, .company-card{padding: var(--space-8);background-color: var(--color-white);border: var(--border-default);border-radius: var(--radius-xl)}.contact-card--primary{background-color: var(--color-primary-bg);border-color: transparent}.contact-card--primary p{color: var(--color-body);margin-bottom: var(--space-5)}.contact-details{display: flex;flex-direction: column;gap: var(--space-4);margin: 0}.contact-details dt{font-size: var(--text-xs);font-weight: var(--weight-semibold);text-transform: uppercase;letter-spacing: 0.06em;color: var(--color-muted);margin-bottom: var(--space-1)}.contact-details dd{margin: 0;color: var(--color-heading);overflow-wrap: anywhere}.contact-details a{display: inline-flex;align-items: center;min-height: 44px;color: var(--color-primary);font-weight: var(--weight-medium)}.next-steps{display: flex;flex-direction: column;gap: var(--space-3);margin: 0;padding-left: var(--space-5);color: var(--color-body)}.company-card img{margin-bottom: var(--space-6)}@media (max-width: 959px){.contact-grid{grid-template-columns: 1fr}}.next-steps{list-style: decimal}.next-steps li{padding-left: var(--space-1)}.next-steps li::marker{color: var(--color-primary);font-weight: var(--weight-semibold)}.contact-form-note a{color: var(--color-primary);text-decoration: underline}.company-card img{width: 56px;height: auto}.split h2{margin-bottom: var(--space-4)}.split > div > p + p{margin-top: var(--space-4)}#leadership .leader-card{margin-inline: 0}.footer-links li{font-size: var(--text-sm)}.section-header{margin-bottom: var(--space-8)}.section-header > :last-child, .page-hero--service .btn-group, .section :is(article, li, div) > p:last-child{margin-bottom: 0}.page-hero--service h1{max-width: 24ch}.page-hero--service .page-lead{max-width: 52rem;margin-bottom: var(--space-6)}.cta-banner{padding: clamp(2.5rem, 2rem + 2.5vw, 4rem) 0}.section-more{margin-top: var(--space-8)}.section-header{margin-bottom: var(--space-6)}.section-label{margin-bottom: var(--space-2)}.problem-item{padding: var(--space-5) 0}.deliver-card, .work-card, .project-card, .contact-card, .company-card, .leader-card{padding: var(--space-6)}.process-step{padding: var(--space-4) 0 0}.zoho-strip{margin-top: var(--space-8);padding-top: var(--space-8)}.cta-banner{padding: clamp(2rem, 1.5rem + 2vw, 3rem) 0}.section-more{margin-top: var(--space-6)}.page-hero--service .page-lead{margin-bottom: var(--space-5)}.provenance-note{margin-top: var(--space-5)}html:not(.is-in) .only-in{display: none !important}.mobile-nav-wa{color: #128c7e}.cert-thumb{display: inline-flex;flex-direction: column;align-items: center;gap: var(--space-2);width: 96px;margin-top: var(--space-4);font-size: var(--text-xs);font-weight: var(--weight-semibold);color: var(--color-primary);text-align: center}.cert-thumb img{width: 96px;height: auto;border: var(--border-default);border-radius: var(--radius-md);box-shadow: var(--shadow-sm);transition: transform 0.2s ease, box-shadow 0.2s ease}.cert-thumb:hover img, .cert-thumb:focus-visible img{transform: translateY(-2px);box-shadow: var(--shadow-md)}.team-card-links{display: flex;flex-wrap: wrap;gap: var(--space-2) var(--space-5);margin-top: var(--space-4)}.team-card-links a{display: inline-flex;align-items: center;min-height: 44px}.leader-layout{display: grid;grid-template-columns: minmax(0, 1fr) 240px;gap: var(--space-6);align-items: start}.leader-layout .leader-card{display: grid;grid-template-columns: 1fr auto;gap: 0 var(--space-6);max-width: none;margin: 0}.leader-layout .leader-body{grid-column: 1;grid-row: 1}.leader-cert{grid-column: 2;grid-row: 1;margin-top: 0;width: 112px}.leader-cert img{width: 112px}.video-card{margin: 0}.video-poster, .video-frame{display: block;position: relative;width: 100%;aspect-ratio: 9 / 16;border: 0;border-radius: var(--radius-xl);overflow: hidden;background-color: var(--color-ink);cursor: pointer;padding: 0}.video-poster img{width: 100%;height: 100%;object-fit: cover;opacity: 0.9}.video-play{position: absolute;top: 50%;left: 50%;width: 64px;height: 64px;margin: -32px 0 0 -32px;border-radius: 50%;background-color: rgba(255, 255, 255, 0.92);box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3)}.video-play::after{content: "";position: absolute;top: 50%;left: 54%;transform: translate(-50%, -50%);border-style: solid;border-width: 11px 0 11px 18px;border-color: transparent transparent transparent var(--color-primary)}.video-card figcaption{margin-top: var(--space-3);font-size: var(--text-sm);color: var(--color-muted)}.video-card figcaption a{display: inline-flex;align-items: center;min-height: 44px;color: var(--color-primary);font-weight: var(--weight-semibold)}@media (max-width: 767px){.leader-layout{grid-template-columns: 1fr}.video-card{max-width: 260px}}@media (max-width: 479px){.leader-layout .leader-card{grid-template-columns: 1fr}.leader-cert{grid-column: 1;grid-row: 2;margin-top: var(--space-4)}}.lightbox{position: fixed;inset: 0;z-index: 10000;display: flex;align-items: center;justify-content: center;padding: var(--space-4);background-color: rgba(10, 18, 30, 0.85)}.lightbox[hidden]{display: none}.lightbox-figure{position: relative;margin: 0;max-width: min(92vw, 640px)}.lightbox-figure img{display: block;width: 100%;height: auto;max-height: 82vh;object-fit: contain;border-radius: var(--radius-lg);box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5)}.lightbox-figure figcaption{margin-top: var(--space-3);color: #fff;font-size: var(--text-sm);text-align: center}.lightbox-close{position: absolute;top: -48px;right: 0;width: 44px;height: 44px;border: 0;border-radius: 50%;background-color: rgba(255, 255, 255, 0.15);color: #fff;font-size: 28px;line-height: 1;cursor: pointer}.policy-table-wrap{overflow-x: auto;margin-bottom: var(--space-4);border: var(--border-default);border-radius: var(--radius-lg)}.policy-table{width: 100%;min-width: 640px;border-collapse: collapse;font-size: var(--text-sm)}.policy-table th, .policy-table td{padding: var(--space-3) var(--space-4);text-align: left;vertical-align: top;border-bottom: var(--border-default)}.policy-table thead th{background-color: var(--color-bg-light);font-weight: var(--weight-semibold);color: var(--color-heading)}.policy-table tbody th{font-weight: var(--weight-semibold);color: var(--color-heading)}.policy-table tr:last-child th, .policy-table tr:last-child td{border-bottom: 0}.pricing-models{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: var(--space-6)}.price-card{display: flex;flex-direction: column;gap: var(--space-3);padding: var(--space-8);background-color: var(--color-white);border: var(--border-default);border-radius: var(--radius-xl)}.price-card--featured{border: 2px solid var(--color-primary)}.price-card-label{margin: 0;font-size: var(--text-sm);font-weight: var(--weight-semibold);text-transform: uppercase;letter-spacing: 0.06em;color: var(--color-primary)}.price-card-price{margin: 0;color: var(--color-muted)}.price-card-price span{font-size: var(--fs-h2);font-weight: var(--weight-bold);color: var(--color-heading);font-variant-numeric: tabular-nums}.check-list--single{grid-template-columns: 1fr;margin-top: var(--space-2)}.calc{display: grid;grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);gap: var(--space-8);align-items: start}.calc-inputs{display: flex;flex-direction: column;gap: var(--space-6);min-width: 0}.calc-group{margin: 0;padding: 0;border: 0;min-width: 0}.calc-group legend, .calc-field > span{display: block;margin-bottom: var(--space-3);font-weight: var(--weight-semibold);color: var(--color-heading)}.calc-options{display: grid;grid-template-columns: repeat(auto-fill, minmax(min(100%, 180px), 1fr));gap: var(--space-3)}.calc-options--3{grid-template-columns: repeat(3, minmax(0, 1fr))}.calc-option{position: relative;display: block;cursor: pointer}.calc-option input{position: absolute;opacity: 0;pointer-events: none}.calc-option span{display: flex;flex-direction: column;gap: 2px;height: 100%;min-height: 44px;padding: var(--space-3) var(--space-4);background-color: var(--color-white);border: var(--border-default);border-radius: var(--radius-lg);transition: border-color 0.15s ease, box-shadow 0.15s ease}.calc-option small{font-size: var(--text-xs);color: var(--color-muted)}.calc-option input:checked + span{border-color: var(--color-primary);box-shadow: 0 0 0 1px var(--color-primary);background-color: var(--color-primary-bg)}.calc-option input:focus-visible + span{outline: 2px solid var(--color-primary);outline-offset: 2px}.calc-row{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: var(--space-4)}.calc-field select{width: 100%;min-height: 44px;padding: 0 var(--space-3);border: var(--border-default);border-radius: var(--radius-lg);background-color: var(--color-white);font: inherit;color: var(--color-heading)}.calc-result{position: sticky;top: calc(var(--navbar-height) + 48px);display: flex;flex-direction: column;gap: var(--space-3);padding: var(--space-6);background-color: var(--color-ink);color: #d6e2f0;border-radius: var(--radius-xl)}.calc-result-label{margin: 0;font-size: var(--text-sm);text-transform: uppercase;letter-spacing: 0.06em;color: rgba(255, 255, 255, 0.65)}.calc-result-price{margin: 0;font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem);font-weight: var(--weight-bold);line-height: 1.2;color: #fff;font-variant-numeric: tabular-nums}.calc-result-facts{display: grid;gap: var(--space-2);margin: 0;padding: var(--space-3) 0;border-top: 1px solid rgba(255, 255, 255, 0.12);border-bottom: 1px solid rgba(255, 255, 255, 0.12)}.calc-result-facts div{display: flex;justify-content: space-between;gap: var(--space-4)}.calc-result-facts dt{color: rgba(255, 255, 255, 0.65)}.calc-result-facts dd{margin: 0;color: #fff;font-weight: var(--weight-semibold);font-variant-numeric: tabular-nums}.calc-result-note{margin: 0;font-size: var(--text-sm);color: rgba(255, 255, 255, 0.75)}@media (max-width: 959px){.calc{grid-template-columns: 1fr}.calc-result{position: static}}@media (max-width: 767px){.pricing-models, .calc-row{grid-template-columns: 1fr}}@media (max-width: 479px){.calc-options--3{grid-template-columns: 1fr}}.rating-note{display: flex;flex-wrap: wrap;align-items: center;gap: var(--space-2) var(--space-3);margin: 0 0 var(--space-6);font-weight: var(--weight-medium);color: var(--color-heading)}.rating-stars{color: #e8a317;letter-spacing: 2px;font-size: 1.125rem}.container--post{max-width: 880px}.post-hero{padding-top: calc(var(--navbar-height) + 32px + clamp(1rem, 2vw, 1.75rem));padding-bottom: var(--space-6);background: var(--gradient-hero)}@media (max-width: 1099px){.post-hero{padding-top: calc(var(--navbar-height) + clamp(1.25rem, 4vw, 2rem))}}.post-hero h1{font-size: var(--fs-h1);line-height: 1.12;margin-bottom: var(--space-4)}.post-lead{font-size: var(--fs-lead);line-height: 1.6;color: var(--color-body);margin-bottom: var(--space-6)}.post-byline{display: flex;align-items: center;gap: var(--space-3)}.post-byline p{margin: 0}.post-byline-name{font-weight: var(--weight-semibold);color: var(--color-heading)}.post-byline-name a{color: var(--color-primary)}.post-byline-meta{font-size: var(--text-sm);color: var(--color-muted)}.author-avatar{flex: 0 0 auto;display: inline-flex;align-items: center;justify-content: center;width: 44px;height: 44px;border-radius: 50%;background-color: var(--color-primary);color: #fff;font-size: var(--text-sm);font-weight: var(--weight-bold);letter-spacing: 0.02em}.author-avatar--lg{width: 64px;height: 64px;font-size: var(--text-lg)}.post-cover{margin: var(--space-6) 0 0}.post-cover img{display: block;width: 100%;height: auto;border-radius: var(--radius-xl);border: var(--border-default)}.post-cover figcaption{margin-top: var(--space-2);font-size: var(--text-sm);color: var(--color-muted)}.post-layout{display: grid;grid-template-columns: 240px minmax(0, 720px);justify-content: center;gap: var(--space-10);padding-top: var(--space-8);padding-bottom: var(--section-y)}.post-toc{align-self: stretch}.post-toc details{position: sticky;top: calc(var(--navbar-height) + 24px);max-height: calc(100vh - var(--navbar-height) - 48px);overflow-y: auto;overscroll-behavior: contain;font-size: var(--text-sm)}.post-toc summary{margin-bottom: var(--space-3);font-weight: var(--weight-semibold);color: var(--color-heading);cursor: pointer;list-style: none}.post-toc summary::-webkit-details-marker{display: none}.post-toc ol{margin: 0;padding: 0 0 0 var(--space-3);border-left: 2px solid var(--color-primary-bg);list-style: none;display: flex;flex-direction: column;gap: var(--space-1)}.post-toc a{display: block;padding: 4px 0;color: var(--color-muted);line-height: 1.4}.post-toc a:hover{color: var(--color-primary)}.post-body{min-width: 0;font-size: 1.0625rem;line-height: 1.75;color: var(--color-body)}.post-body > * + *{margin-top: var(--space-4)}.post-body h2{margin-top: var(--space-10);font-size: var(--fs-h2);line-height: 1.2;scroll-margin-top: calc(var(--navbar-height) + 48px)}.post-body h3{margin-top: var(--space-6);font-size: var(--fs-h3)}.post-body p, .post-body li{font-size: inherit;line-height: inherit}.post-body ul, .post-body ol{padding-left: var(--space-6)}.post-body ul{list-style: disc}.post-body ol{list-style: decimal}.post-body li + li{margin-top: var(--space-2)}.post-body a{color: var(--color-primary);text-decoration: underline;text-underline-offset: 3px}.post-body code{font-family: var(--font-mono);font-size: 0.875em;padding: 2px 6px;background-color: var(--color-bg-light);border-radius: var(--radius-md)}.post-body pre{overflow-x: auto;padding: var(--space-5);background-color: var(--color-ink);border-radius: var(--radius-lg);color: #d6e2f0;font-size: 0.8125rem;line-height: 1.7}.post-body pre code{padding: 0;background: none;font-size: inherit;color: inherit}.table-wrap{overflow-x: auto;border: var(--border-default);border-radius: var(--radius-lg)}.post-body table{width: 100%;min-width: 560px;border-collapse: collapse;font-size: var(--text-sm);line-height: 1.5}.post-body th, .post-body td{padding: var(--space-3) var(--space-4);text-align: left;vertical-align: top;border-bottom: var(--border-default)}.post-body thead th{background-color: var(--color-bg-light);color: var(--color-heading)}.post-body tbody th{color: var(--color-heading);font-weight: var(--weight-semibold)}.post-body tr:last-child th, .post-body tr:last-child td{border-bottom: 0}.post-body ul.checklist{list-style: none;padding-left: 0}.post-body ul.checklist li{position: relative;padding-left: 2rem}.post-body ul.checklist li::before{content: "";position: absolute;left: 0;top: 0.35em;width: 1.1rem;height: 1.1rem;border: 2px solid var(--color-primary);border-radius: 4px}.post-body .faq-list{margin-top: var(--space-4)}.author-box{display: flex;gap: var(--space-5);margin-top: var(--space-10);padding: var(--space-6);background-color: var(--color-bg-light);border-radius: var(--radius-xl)}.author-box p{margin: 0 0 var(--space-2);font-size: var(--text-sm)}.author-box-label{text-transform: uppercase;letter-spacing: 0.06em;color: var(--color-muted)}.author-box-name{font-weight: var(--weight-semibold);color: var(--color-heading)}.author-box-links{display: flex;gap: var(--space-5)}.author-box-links a{display: inline-flex;align-items: center;min-height: 44px;font-weight: var(--weight-semibold)}@media (max-width: 1023px){.post-layout{grid-template-columns: minmax(0, 1fr);max-width: 800px;gap: var(--space-6)}.post-toc details{position: static;padding: var(--space-4) var(--space-5);background-color: var(--color-bg-light);border-radius: var(--radius-lg)}.post-toc summary{margin-bottom: 0}.post-toc details[open] summary{margin-bottom: var(--space-3)}}@media (max-width: 479px){.author-box{flex-direction: column}}.post-grid{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: var(--space-6)}.post-featured{margin-bottom: var(--space-8)}.post-card{display: flex;flex-direction: column;background-color: var(--color-white);border: var(--border-default);border-radius: var(--radius-xl);overflow: hidden;position: relative;transition: box-shadow 0.2s ease, transform 0.2s ease}.post-card:hover{box-shadow: var(--shadow-md);transform: translateY(-2px)}.post-card-image img{display: block;width: 100%;height: auto;aspect-ratio: 16 / 9;object-fit: cover}.post-card-body{display: flex;flex-direction: column;gap: var(--space-2);padding: var(--space-5) var(--space-6) var(--space-6);flex: 1}.post-card-body p{margin: 0}.post-card-category{font-size: var(--text-xs);font-weight: var(--weight-semibold);text-transform: uppercase;letter-spacing: 0.06em;color: var(--color-primary)}.post-card h2, .post-card h3{font-size: var(--fs-h3);line-height: 1.3;margin: 0}.post-card h2 a, .post-card h3 a{color: var(--color-heading)}.post-card h2 a::after, .post-card h3 a::after{content: "";position: absolute;inset: 0}.post-card-excerpt{font-size: var(--text-sm);color: var(--color-muted)}.post-card-meta{margin-top: auto !important;padding-top: var(--space-2);font-size: var(--text-xs);color: var(--color-muted)}.post-card--featured{display: grid;grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr)}.post-card--featured .post-card-image img{height: 100%}.post-card--featured .post-card-body{justify-content: center;padding: var(--space-8)}.post-card--featured h2{font-size: var(--fs-h2)}@media (max-width: 1023px){.post-grid{grid-template-columns: repeat(2, minmax(0, 1fr))}}@media (max-width: 767px){.post-grid, .post-card--featured{grid-template-columns: 1fr}}.post-services{margin-top: var(--space-8) !important;padding: var(--space-4) var(--space-5);border-left: 3px solid var(--color-primary);background-color: var(--color-primary-bg);border-radius: 0 var(--radius-md) var(--radius-md) 0;font-size: var(--text-sm)}img.author-avatar{object-fit: cover;background-color: var(--color-bg-light)}.leader-layout .leader-card{grid-template-columns: 140px minmax(0, 1fr) auto;align-items: start}.leader-photo{grid-column: 1;grid-row: 1;width: 140px;height: 140px;object-fit: cover;border-radius: var(--radius-xl)}.leader-layout .leader-body{grid-column: 2}.leader-cert{grid-column: 3}.team-card-head{display: flex;align-items: center;gap: var(--space-4);margin-bottom: var(--space-4)}.team-card-head img{width: 72px;height: 72px;border-radius: 50%;object-fit: cover}.team-card-head p{margin: 0}@media (max-width: 767px){.leader-layout .leader-card{grid-template-columns: 112px minmax(0, 1fr)}.leader-photo{width: 112px;height: 112px}.leader-cert{grid-column: 2;grid-row: 2;margin-top: var(--space-4)}}@media (max-width: 479px){.leader-layout .leader-card{grid-template-columns: 1fr}.leader-layout .leader-body, .leader-cert{grid-column: 1;grid-row: auto}}@media (max-width: 479px){.leader-photo{order: 0;width: 96px;height: 96px}.leader-layout .leader-body{order: 1;margin-top: var(--space-4)}.leader-cert{order: 2}}.quick-answer{padding: var(--space-5) var(--space-6);background-color: var(--color-primary-bg);border: 1px solid rgba(34, 109, 180, 0.18);border-radius: var(--radius-lg)}.quick-answer p{margin: 0}.quick-answer-label{margin-bottom: var(--space-2) !important;font-size: var(--text-xs);font-weight: var(--weight-bold);text-transform: uppercase;letter-spacing: 0.06em;color: var(--color-primary)}.post-body .quick-answer-label{font-size: var(--text-xs);line-height: 1.4}.project-card h3{font-size: var(--fs-h3);margin: 0}.loc-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));gap: var(--space-6)}.loc-card{display: flex;flex-direction: column;gap: var(--space-3);padding: var(--space-6);background-color: var(--color-white);border: var(--border-default);border-radius: var(--radius-xl)}.loc-card h3{margin: 0;font-size: var(--text-lg)}.loc-card p{margin: 0;color: var(--color-muted)}.area-groups{display: grid;gap: var(--space-6)}.area-group h3{margin: 0 0 var(--space-3);font-size: var(--text-lg)}.area-list{list-style: none;margin: 0;padding: 0;columns: 4 12rem;column-gap: var(--space-6)}.area-list li{break-inside: avoid;padding: var(--space-1) 0;color: var(--color-body)}.area-cities{margin: var(--space-6) 0 0;color: var(--color-muted)}