*,::after,::before {box-sizing:border-box} html,body {overflow-x:hidden} body {margin:0;padding:0;font-family:"Plus Jakarta Sans","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background-color:#ffffff;color:#666866;line-height:1.6;font-size:15px;-webkit-font-smoothing:antialiased} .img-fluid {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} .features-heading span,.gradient-text {background:linear-gradient(135deg,#041627 0%,#0050cc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% auto;transition:background-position 0.5s ease} h1:hover .gradient-text,h2:hover .gradient-text {background-position:right center} .cta-title .gradient-text {background:linear-gradient(135deg,rgb(154,206,254),#c6daf8,#ffffff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .privacy-features-section .privacy-heading .gradient-text-light {background:linear-gradient(135deg,#b668e8,#d4a5f5,#b668e8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .stagger-children>* {transition-delay:0s !important} .category-grid>* {margin:0 !important;top:0 !important;position:relative !important} .contact-section * {box-sizing:border-box} .hero-section {padding:100px 20px;background-color:#f8f9ff;position:relative;overflow:hidden} .hero-container {max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:48px} .hero-left {text-align:left} .hero-tag {display:inline-flex;align-items:center;background-color:#041627;color:#68fadd;padding:6px 16px;border-radius:999px;font-weight:800;font-size:11px;letter-spacing:0.15em;text-transform:uppercase;margin-bottom:28px} .hero-title {text-align:left;font-size:clamp(34px,4.5vw,54px);font-weight:800;color:#041627;line-height:1.15;margin:0 0 24px 0;letter-spacing:-0.02em;text-wrap:balance;animation:heroSlideUp 0.9s cubic-bezier(0.16,1,0.3,1) 0.3s both} .hero-title .blue-text {color:#0050cc;background:none;-webkit-text-fill-color:initial;background-clip:initial} .hero-description {font-size:16px;color:#44474c;line-height:1.6;margin-bottom:40px;max-width:580px;animation:heroSlideUp 0.9s cubic-bezier(0.16,1,0.3,1) 0.5s both} .hero-btn-group {display:flex;gap:16px;align-items:center;margin-bottom:0;animation:heroSlideUp 0.9s cubic-bezier(0.16,1,0.3,1) 0.7s both} .hero-btn {display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border-radius:999px;font-weight:700;font-size:16px;text-decoration:none;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);cursor:pointer;border:none} .hero-btn-primary {background-color:#0050cc;color:#ffffff !important;box-shadow:0 10px 20px rgba(0,80,204,0.15)} .hero-btn-primary:hover {background-color:#0043aa;transform:translateY(-2px);box-shadow:0 12px 24px rgba(0,80,204,0.25)} .hero-btn-secondary {background-color:#dbe3f0;color:#1a2b3c !important} .hero-btn-secondary:hover {background-color:#ccd7e6;transform:translateY(-2px)} .hero-btn:active,.cta-btn-primary:active,.cta-btn-secondary:active,.bespoke-btn:active,.contact-btn:active {transform:scale(0.97);transition-duration:0.1s} .hero-right {display:flex;align-items:center;justify-content:center;position:relative;animation:heroFadeScale 1s cubic-bezier(0.16,1,0.3,1) 0.6s both} .hero-tab-image {width:100%;max-width:450px;height:auto;border-radius:24px;box-shadow:0 30px 60px rgba(4,22,39,0.15);display:block;transition:transform 0.5s ease} :root {--header-bg:#ffffff;--header-text-normal:#1a2b3c;--header-logo:#141c25;--header-accent:#0050cc;--header-white:#ffffff;--footer-bg:#eef4ff;--footer-text-normal:#1a2b3c;--footer-border:#e5e7eb;--footer-accent:#0050cc;--footer-white:#ffffff} .custom-header {position:sticky;top:0;left:0;width:100%;background-color:var(--header-bg);box-shadow:0 2px 10px rgba(20,28,37,0.04);border-bottom:1px solid rgba(26,43,60,0.08);z-index:1000;font-family:'Plus Jakarta Sans',sans-serif;height:80px;display:flex;align-items:center;transition:all 0.3s ease} .custom-header-container {width:100%;max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between} .custom-header-logo {font-size:26px;font-weight:800;color:var(--header-logo);text-decoration:none;letter-spacing:-0.8px;user-select:none;transition:opacity 0.2s ease;display:flex;align-items:center} .custom-header-logo:hover {opacity:0.85} .custom-header-nav {display:flex;align-items:center;margin-right:48px} .custom-header-nav-list {list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:36px} .custom-header-link {font-size:15px;color:var(--header-text-normal);text-decoration:none;font-weight:700;padding:8px 0;position:relative;transition:color 0.2s ease;background:none;border:none;font-family:inherit;cursor:pointer;line-height:inherit;text-align:left} .custom-header-link:hover {color:var(--header-accent)} .custom-header-link::after {content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--header-accent);transition:width 0.2s ease} .custom-header-link:hover::after {width:100%} .custom-header-link.active {color:var(--header-accent)} .custom-header-link.active::after {width:100%} .custom-header-btn {display:inline-flex;align-items:center;justify-content:center;background-color:var(--header-accent);color:var(--header-white);font-size:15px;font-weight:700;text-decoration:none;padding:12px 30px;border-radius:50px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 4px 14px rgba(0,80,204,0.2);white-space:nowrap} .custom-header-btn:hover {background-color:#0043aa;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,80,204,0.35);color:var(--header-white)} .custom-header-btn:active {transform:translateY(0)} .custom-header-has-dropdown {position:relative} .custom-dropdown-menu {display:none !important;visibility:hidden !important} .custom-header-has-dropdown:hover .custom-dropdown-menu {display:block !important;visibility:visible !important;opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto} .custom-header-has-dropdown:hover .dropdown-arrow {transform:rotate(180deg)} .custom-header-hamburger {display:none;cursor:pointer;color:var(--header-text-normal);width:28px;height:28px;align-items:center;justify-content:center;transition:color 0.2s ease} .custom-header-hamburger:hover {color:var(--header-accent)} .custom-header-hamburger svg {width:24px;height:24px} .custom-mobile-drawer {position:fixed !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;z-index:2000 !important;display:flex !important;flex-direction:column !important;background-color:#ffffff !important;transform:translateX(100%) !important;transition:transform 0.4s cubic-bezier(0.16,1,0.3,1) !important;visibility:hidden !important} .custom-mobile-drawer.open {transform:translateX(0) !important;visibility:visible !important} .custom-mobile-drawer-body {flex:1;overflow-y:auto;padding:30px 24px} @media (max-width:1023px) {.custom-header {height:70px} .custom-header-container {padding:0 20px} .custom-header-nav {display:none} .custom-header-logo {font-size:23px} .custom-header-actions {display:none} .custom-header-hamburger {display:flex !important}} @media (max-width:991px) {.hero-section {padding:60px 20px} .hero-container {grid-template-columns:1fr !important;gap:40px} .hero-left,.hero-right {width:100%;text-align:left} .hero-description {max-width:100%}} @media (max-width:640px) {.hero-section {padding:48px 16px} .hero-container {grid-template-columns:1fr !important;gap:32px} .hero-left {text-align:center} .hero-tag {margin-left:auto;margin-right:auto} .hero-description {max-width:100%;margin-left:auto;margin-right:auto} .hero-btn-group {justify-content:center;flex-wrap:wrap} .hero-right {width:100%} .hero-tab-image {max-width:100%}} @media (max-width:768px) {.nav-item[style*="margin-left"] {margin-left:0 !important;margin-top:20px !important;width:100% !important;border-bottom:none !important;text-align:center !important}} @media (max-width:575px) {.hero-section {padding:40px 16px} .hero-btn-group {flex-direction:column;align-items:stretch;gap:12px} .hero-btn {width:100%;text-align:center}} @media (prefers-reduced-motion:reduce) {.hero-title,.hero-description,.hero-btn,.hero-right {animation:none;text-align:center !important}} @media (max-width:767px) {.expertise-section.new-stats-bar {padding:20px 16px} .expertise-section.new-stats-bar .expertise-grid {display:flex !important;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 18px;max-width:100% !important;margin:0 auto} .expertise-section.new-stats-bar .stat-item {gap:6px;font-size:13px} .expertise-section.new-stats-bar .stat-item svg {width:16px;height:16px}} @media (max-width:480px) {.expertise-section.new-stats-bar {padding:16px 12px} .expertise-section.new-stats-bar .expertise-grid {display:flex !important;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;max-width:100% !important} .expertise-section.new-stats-bar .stat-item {gap:5px;font-size:12px} .expertise-section.new-stats-bar .stat-item svg {width:14px;height:14px}}