@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";:root{--primary-blue: #005BB5;--primary-blue-dark: #024B94;--primary-blue-hover: #00468C;--primary-blue-light: #F0F6FF;--primary-blue-subtle: #D0E4FF;--emerald-green: #00A859;--emerald-green-dark: #059669;--emerald-green-hover: #008746;--emerald-green-light: #ECFDF5;--emerald-green-subtle: #A7F3D0;--navy-900: #0F172A;--navy-800: #1E293B;--navy-700: #334155;--slate-600: #475569;--slate-500: #64748B;--slate-400: #94A3B8;--slate-300: #CBD5E1;--slate-200: #E2E8F0;--slate-100: #F1F5F9;--slate-50: #F8FAFC;--white: #FFFFFF;--font-heading: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--max-width: 1240px;--header-height: 80px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 9999px;--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06);--shadow-md: 0 4px 16px -2px rgba(15, 23, 42, .06), 0 2px 6px -1px rgba(15, 23, 42, .04);--shadow-lg: 0 12px 32px -4px rgba(15, 23, 42, .08), 0 4px 12px -2px rgba(15, 23, 42, .03);--shadow-hover: 0 16px 36px -6px rgba(0, 91, 181, .12), 0 6px 16px -2px rgba(0, 91, 181, .06);--transition-fast: .15s ease;--transition-normal: .25s cubic-bezier(.16, 1, .3, 1);--transition-smooth: .4s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);color:var(--navy-700);background-color:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--navy-900);line-height:1.25;font-weight:700;letter-spacing:-.02em}h1{font-size:clamp(2.25rem,4vw + 1rem,3.5rem)}h2{font-size:clamp(1.75rem,3vw + .5rem,2.5rem)}h3{font-size:clamp(1.25rem,2vw + .25rem,1.75rem)}h4{font-size:1.25rem}p{color:var(--navy-700);font-size:1.0625rem}a{color:var(--primary-blue);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-blue-dark)}img{max-width:100%;height:auto;display:block}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}:focus-visible{outline:3px solid var(--primary-blue);outline-offset:3px;border-radius:4px}.container{width:100%;max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.section{padding-top:5rem;padding-bottom:5rem}.section-light{background-color:var(--slate-50)}.section-blue-subtle{background:linear-gradient(180deg,var(--white) 0%,var(--primary-blue-light) 100%)}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-heading);font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--primary-blue);background-color:var(--primary-blue-light);padding:.35rem .85rem;border-radius:var(--radius-pill);border:1px solid var(--primary-blue-subtle);margin-bottom:1rem}.eyebrow-green{color:var(--emerald-green-dark);background-color:var(--emerald-green-light);border-color:var(--emerald-green-subtle)}.section-header{max-width:760px;margin-bottom:3.5rem}.section-header.center{margin-left:auto;margin-right:auto;text-align:center}.section-title{margin-bottom:1rem}.section-description{font-size:1.15rem;color:var(--slate-600)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;font-family:var(--font-heading);font-size:1rem;font-weight:600;padding:.85rem 1.75rem;min-height:48px;border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:all var(--transition-normal);text-decoration:none;white-space:nowrap}.btn-primary{background-color:var(--primary-blue);color:var(--white);box-shadow:var(--shadow-md)}.btn-primary:hover{background-color:var(--primary-blue-dark);color:var(--white);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.btn-secondary{background-color:transparent;color:var(--primary-blue);border-color:var(--primary-blue)}.btn-secondary:hover{background-color:var(--primary-blue-light);color:var(--primary-blue-dark);transform:translateY(-2px)}.btn-green{background-color:var(--emerald-green);color:var(--white);box-shadow:0 4px 14px #00a85940}.btn-green:hover{background-color:var(--emerald-green-dark);color:var(--white);transform:translateY(-2px)}.btn-icon{width:20px;height:20px;transition:transform var(--transition-fast)}.btn:hover .btn-icon{transform:translate(3px)}.header{position:sticky;top:0;z-index:1000;height:var(--header-height);background:#fffffff0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--slate-200);transition:height var(--transition-normal),box-shadow var(--transition-normal)}.header.scrolled{height:70px;box-shadow:var(--shadow-md)}.header-container{display:flex;align-items:center;justify-content:space-between;height:100%}.brand-logo{display:flex;align-items:center;gap:.75rem}.logo-img{height:46px;width:auto;object-fit:contain;transition:height var(--transition-fast)}.header.scrolled .logo-img{height:40px}.nav-desktop{display:flex;align-items:center;gap:2rem}.nav-link{font-family:var(--font-heading);font-size:.95rem;font-weight:600;color:var(--navy-800);padding:.5rem .25rem;position:relative}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--primary-blue);transition:width var(--transition-normal)}.nav-link:hover,.nav-link.active{color:var(--primary-blue)}.nav-link:hover:after,.nav-link.active:after{width:100%}.mobile-nav-toggle{display:none;background:transparent;border:none;cursor:pointer;padding:.5rem;min-height:48px;min-width:48px;align-items:center;justify-content:center;color:var(--navy-900)}.mobile-drawer{position:fixed;top:0;right:-100%;width:100%;max-width:360px;height:100vh;background:var(--white);z-index:1001;box-shadow:var(--shadow-lg);padding:2rem 1.5rem;display:flex;flex-direction:column;justify-content:space-between;transition:right var(--transition-smooth)}.mobile-drawer.active{right:0}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--slate-200)}.mobile-drawer-close{background:transparent;border:none;font-size:1.5rem;color:var(--navy-900);cursor:pointer;min-height:48px;min-width:48px}.mobile-nav-links{display:flex;flex-direction:column;gap:1.25rem}.mobile-nav-link{font-family:var(--font-heading);font-size:1.15rem;font-weight:600;color:var(--navy-900)}.mobile-cta-group{display:flex;flex-direction:column;gap:.85rem;margin-top:auto;padding-top:1.5rem}.drawer-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}.drawer-backdrop.active{opacity:1;pointer-events:auto}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--slate-200);padding:2rem;box-shadow:var(--shadow-md);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);display:flex;flex-direction:column}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:#005bb540}.card-icon-box{width:52px;height:52px;border-radius:var(--radius-md);background:var(--primary-blue-light);color:var(--primary-blue);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.card-icon-box.green{background:var(--emerald-green-light);color:var(--emerald-green-dark)}.card-title{font-size:1.25rem;margin-bottom:.75rem}.card-body{color:var(--navy-700);font-size:.975rem;flex-grow:1;margin-bottom:1.25rem}.card-link{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-heading);font-size:.95rem;font-weight:600;color:var(--primary-blue);margin-top:auto}.card-link:hover{color:var(--primary-blue-dark);gap:.6rem}.hero-section{padding-top:4rem;padding-bottom:5rem;background:radial-gradient(circle at 80% 20%,rgba(0,168,89,.05) 0%,rgba(0,91,181,.03) 40%,var(--white) 100%);position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center}.hero-content{max-width:620px}.hero-headline{margin-bottom:1.25rem;color:var(--navy-900)}.hero-brand-eyebrow{display:inline-flex;align-items:center;gap:.65rem;padding:.45rem 1rem;border-color:#005bb540;background:linear-gradient(135deg,#f0f6fff2,#ecfdf5f2);box-shadow:0 2px 10px #005bb50f}.eyebrow-brand-mark{display:inline-flex;align-items:center}.hero-headline span.highlight{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--emerald-green) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative}.hero-headline span.highlight{color:var(--primary-blue);position:relative}.hero-copy{font-size:1.15rem;color:var(--slate-600);margin-bottom:2rem;line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem}.hero-visual-wrapper{position:relative;width:100%;display:flex;justify-content:center}.hero-svg-card{width:100%;max-width:540px;background:var(--white);border:1px solid var(--slate-200);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-lg)}@keyframes pulseDot{0%{r:5px;opacity:.4}50%{r:8px;opacity:1}to{r:5px;opacity:.4}}@keyframes dashFlow{0%{stroke-dashoffset:40}to{stroke-dashoffset:0}}.flow-line-anim{stroke-dasharray:6 6;animation:dashFlow 2s linear infinite}.pulse-node{animation:pulseDot 2.5s ease-in-out infinite}.problem-split{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.comparison-box{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--slate-200);padding:2rem;box-shadow:var(--shadow-md)}.comparison-box.manual{border-left:4px solid #EF4444;background:#fef2f2}.comparison-box.automated{border-left:4px solid var(--emerald-green);background:var(--emerald-green-light)}.comparison-header{display:flex;align-items:center;gap:.75rem;font-family:var(--font-heading);font-size:1.15rem;font-weight:700;margin-bottom:1rem}.comparison-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.comparison-item{display:flex;align-items:flex-start;gap:.6rem;font-size:.95rem}.automation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.automation-item{background:var(--white);border:1px solid var(--slate-200);border-radius:var(--radius-md);padding:1.25rem;display:flex;align-items:flex-start;gap:.85rem;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),border-color var(--transition-fast)}.automation-item:hover{transform:translateY(-2px);border-color:var(--primary-blue-subtle);background:var(--primary-blue-light)}.automation-icon{width:24px;height:24px;color:var(--emerald-green);flex-shrink:0;margin-top:2px}.timeline{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.timeline:before{content:"";position:absolute;top:40px;left:10%;width:80%;height:2px;background:var(--slate-300);z-index:1}.timeline-step{position:relative;z-index:2;background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--slate-200);padding:1.75rem 1.25rem;text-align:center;box-shadow:var(--shadow-md);transition:transform var(--transition-normal)}.timeline-step:hover{transform:translateY(-4px)}.step-number{width:48px;height:48px;border-radius:var(--radius-pill);background:var(--primary-blue);color:var(--white);font-family:var(--font-heading);font-weight:800;font-size:1.25rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;box-shadow:0 4px 10px #005bb54d}.step-title{font-size:1.15rem;margin-bottom:.5rem}.step-desc{font-size:.9rem;color:var(--slate-600)}.cta-banner{background:linear-gradient(135deg,var(--navy-900) 0%,var(--primary-blue-dark) 100%);border-radius:var(--radius-xl);padding:4rem 2rem;color:var(--white);text-align:center;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.cta-banner h2{color:var(--white);margin-bottom:1rem}.cta-banner p{color:var(--slate-300);max-width:600px;margin:0 auto 2.5rem;font-size:1.15rem}.cta-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:1.25rem}.contact-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:3.5rem}.form-card{background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--slate-200);padding:2.5rem;box-shadow:var(--shadow-lg)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group.full-width{grid-column:span 2}.form-label{font-family:var(--font-heading);font-size:.9rem;font-weight:600;color:var(--navy-900)}.form-input,.form-select,.form-textarea{font-family:var(--font-body);font-size:1rem;padding:.75rem 1rem;min-height:48px;border-radius:var(--radius-sm);border:1.5px solid var(--slate-300);background-color:var(--white);color:var(--navy-900);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #005bb526}.form-textarea{min-height:120px;resize:vertical}.form-error{font-size:.825rem;color:#dc2626;display:none}.form-group.has-error .form-input,.form-group.has-error .form-select,.form-group.has-error .form-textarea{border-color:#dc2626}.form-group.has-error .form-error{display:block}.privacy-disclaimer{font-size:.85rem;color:var(--slate-500);margin-top:1rem}.contact-info-card{background:var(--slate-50);border-radius:var(--radius-xl);border:1px solid var(--slate-200);padding:2.5rem}.info-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.75rem}.info-icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--primary-blue-light);color:var(--primary-blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}.footer{background-color:var(--navy-900);color:var(--slate-300);padding-top:4.5rem;padding-bottom:2.5rem;border-top:1px solid var(--navy-800)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3.5rem}.footer-logo{height:56px;width:auto;max-width:240px;margin-bottom:1.5rem;display:block;object-fit:contain;object-position:left center}.footer-desc{font-size:.95rem;color:var(--slate-400);max-width:360px;line-height:1.6}.footer-col-title{font-family:var(--font-heading);color:var(--white);font-size:1.05rem;font-weight:700;margin-bottom:1.25rem}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.75rem}.footer-link{color:var(--slate-300);font-size:.925rem;transition:color var(--transition-fast)}.footer-link:hover{color:var(--white)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:2rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-size:.875rem;color:var(--slate-400)}dialog.modal{border:none;border-radius:var(--radius-xl);padding:0;max-width:520px;width:90%;margin:auto;box-shadow:var(--shadow-lg);background:var(--white)}dialog.modal::backdrop{background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{padding:2.5rem}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.modal-close{background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:var(--slate-500);min-height:44px;min-width:44px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.reveal.active{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}.flow-line-anim{stroke-dasharray:none!important;animation:none!important}}@media (max-width: 1024px){.hero-grid,.problem-split,.contact-layout{grid-template-columns:1fr;gap:2.5rem}.footer-grid{grid-template-columns:1fr 1fr}.timeline{grid-template-columns:1fr 1fr;gap:2rem}.timeline:before{display:none}}@media (max-width: 768px){.nav-desktop,.header-cta{display:none}.mobile-nav-toggle{display:flex}.automation-grid,.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.timeline,.footer-grid{grid-template-columns:1fr}.cta-banner{padding:2.5rem 1.25rem}}
