*{margin:0;padding:0;box-sizing:border-box}:root{--home-border:#E8EEF6;--home-tint:#E9F0FE;--home-tint-strong:#E3EDFF;--home-muted:#64748B;--home-soft-line:#BFCEFD;--primary-color:#1D4ED8;--primary-light:#2563EB;--primary-dark:#1E3A8A;--accent-color:#FF6B35;--accent-yellow:#FFD23F;--accent-cyan:#00CCCC;--secondary-color:#536878;--dark-color:#0F172A;--dark-alt:#1E293B;--light-color:#F8FAFC;--text-color:#475569;--text-dark:#1E293B;--border-color:#E2E8F0;--success-color:#10b981;--danger-color:#EF4444;--warning-color:#FFD23F;--font-heading:'Times New Roman',Times,Georgia,serif;--font-body:'Times New Roman',Times,Georgia,serif;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--shadow-sm:0 2px 8px rgba(15,23,42,0.06);--shadow-md:0 8px 24px rgba(21,96,189,0.12);--shadow-lg:0 16px 40px rgba(21,96,189,0.15);--shadow-xl:0 24px 60px rgba(21,96,189,0.20);--radius-sm:0.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-xl:2rem}body{font-family:var(--font-body);line-height:1.7;color:var(--text-color);background-color:#ffffff;font-weight:400;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.15;color:var(--text-dark);letter-spacing:-0.02em}h1{font-size:clamp(2.5rem,5vw,4.5rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:clamp(1.25rem,2.5vw,1.5rem)}.highlight{background:linear-gradient(120deg,var(--accent-color) 0%,var(--accent-color) 100%);background-repeat:no-repeat;background-size:100% 40%;background-position:0 85%;padding:0 0.3em;color:inherit;font-weight:600}.highlight-box{background-color:var(--accent-color);color:white;padding:0.2em 0.6em;border-radius:0.35rem;display:inline-block;font-weight:600}a{text-decoration:none;color:var(--primary-color);transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}a:hover{color:var(--primary-light)}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.navbar{background-color:rgba(255,255,255,0.85);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border-bottom:1px solid rgba(226,232,240,0.8);padding:1.25rem 0;position:sticky;top:0;z-index:100;box-shadow:0 4px 20px rgba(15,23,42,0.04);transition:all 0.3s ease}.navbar .container{display:flex;justify-content:space-between;align-items:center;gap:2rem}.navbar-brand a{font-size:1.5rem;font-weight:700;color:var(--text-dark);font-family:var(--font-heading);display:flex;align-items:center;gap:0.5rem}.navbar-brand a:hover{color:var(--primary-color)}.navbar-logo{height:40px;width:auto;display:block;max-width:200px}.navbar-menu{flex:1}.navbar-menu ul{list-style:none;display:flex;gap:2.5rem;flex-wrap:wrap;justify-content:center}.navbar-menu a{color:var(--text-color);font-weight:500;transition:all 0.3s ease;position:relative}.navbar-menu a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary-color),var(--accent-cyan));transition:width 0.3s ease}.navbar-menu a:hover::after{width:100%}.navbar-menu a:hover{color:var(--primary-color)}.navbar-menu .mobile-cta{display:none}.navbar-cta{display:flex;gap:1rem;align-items:center}.mobile-menu-toggle{display:none;flex-direction:column;gap:0.375rem;background:none;border:none;cursor:pointer;padding:0.5rem;z-index:101}.mobile-menu-toggle span{display:block;width:1.5rem;height:2px;background-color:var(--text-dark);transition:all 0.3s ease;border-radius:2px}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(0.5rem,0.5rem)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(0.5rem,-0.5rem)}.btn-primary,.btn-secondary,.btn-white{padding:1rem 2rem;border-radius:var(--radius-md);font-weight:600;font-family:var(--font-heading);font-size:1.0625rem;border:none;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);display:inline-block;text-align:center;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:white;box-shadow:0 4px 16px rgba(21,96,189,0.3)}.btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.6s}.btn-primary:hover::before{left:100%}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(21,96,189,0.4)}.btn-secondary{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary:hover{background-color:var(--primary-color);color:white;transform:translateY(-3px);box-shadow:var(--shadow-md)}.btn-white{background-color:white;color:var(--primary-color);box-shadow:0 4px 24px rgba(0,0,0,0.12)}.btn-white:hover{background-color:rgba(255,255,255,0.95);transform:translateY(-3px);box-shadow:0 8px 32px rgba(0,0,0,0.18)}.btn-large{padding:1.25rem 2.75rem;font-size:1.125rem}.hero{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-color) 50%,var(--primary-dark) 100%);background-size:200% 200%;animation:gradientShift 15s ease infinite;color:white;padding:clamp(5rem,12vw,10rem) 0;position:relative;overflow:hidden}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-text{text-align:left}.hero-image{height:500px;position:relative}@keyframes gradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.hero::before{content:'';position:absolute;top:-20%;right:-5%;width:40%;height:120%;background:var(--accent-color);opacity:0.12;transform:rotate(15deg) skewY(-8deg);border-radius:50px}.hero::after{content:'';position:absolute;bottom:-15%;left:-8%;width:45%;height:100%;background:var(--accent-cyan);opacity:0.08;transform:rotate(-12deg) skewY(10deg);border-radius:50px}.hero .container{position:relative;z-index:1}.hero-text h1{color:white;margin-bottom:1.75rem;font-weight:700;text-shadow:0 4px 24px rgba(0,0,0,0.15)}.hero-text p{font-size:clamp(1.125rem,2.5vw,1.5rem);margin-bottom:3rem;opacity:0.95;font-weight:400;line-height:1.6}.hero-cta{display:flex;gap:1.25rem;justify-content:center;flex-wrap:wrap}.section{padding:clamp(4rem,8vw,6rem) 0;position:relative}.section-title{font-size:clamp(2rem,4vw,3rem);color:var(--text-dark);margin-bottom:1.25rem;text-align:center;font-weight:700}.section-subtitle{font-size:clamp(1.0625rem,2vw,1.25rem);color:var(--text-color);text-align:center;margin-bottom:4rem;max-width:700px;margin-left:auto;margin-right:auto;font-weight:400;line-height:1.7}.section-alt{background:linear-gradient(180deg,#F8FAFC 0%,#F1F5F9 100%);position:relative}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:2rem}.card{background:white;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2.5rem;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative}.card.elevated{box-shadow:var(--shadow-md)}.card:hover.elevated{box-shadow:var(--shadow-xl);transform:translateY(-8px)}.card.accent-left{border-left:5px solid var(--primary-color)}.accent-danger{border-left-color:var(--danger-color) !important}.card.accent-left::before{content:'';position:absolute;top:0;left:0;width:5px;height:0;background:linear-gradient(180deg,var(--accent-color),transparent);transition:height 0.4s ease}.card.accent-left:hover::before{height:100%}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:2.5rem;padding:2rem 0}.feature-card{background:white;border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:3rem;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}.feature-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,var(--primary-color),var(--accent-cyan),var(--accent-color));transform:scaleX(0);transform-origin:left;transition:transform 0.5s ease}.feature-card:hover::before{transform:scaleX(1)}.feature-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-xl);transform:translateY(-10px)}.feature-card i{font-size:3rem;background:linear-gradient(135deg,var(--primary-color),var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;display:inline-block}.feature-card h3{color:var(--text-dark);margin-bottom:1.25rem;font-size:1.5rem;font-weight:700}.feature-card p{color:var(--text-color);line-height:1.8;font-size:1.0625rem}.step-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:3rem;margin-top:2rem}.step-card{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:white;padding:3.5rem 2.5rem;border-radius:var(--radius-xl);text-align:center;position:relative;transition:all 0.5s cubic-bezier(0.4,0,0.2,1);box-shadow:var(--shadow-lg);overflow:hidden}.step-card::before{content:'';position:absolute;top:-50%;right:-30%;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,0.15) 0%,transparent 70%);border-radius:50%}.step-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 28px 70px rgba(21,96,189,0.35)}.step-card .step-index{font-size:4rem;margin-bottom:1.5rem;font-weight:800;font-family:var(--font-heading);background:linear-gradient(135deg,white,rgba(255,255,255,0.7));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1}.step-card h4{color:white;font-size:1.5rem;margin-bottom:1rem;position:relative;z-index:1}.step-card p{position:relative;z-index:1;opacity:0.95}.portfolio-showcase{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-top:3rem}.showcase-images{display:grid;grid-template-rows:2fr 1fr;gap:1.5rem}.image-large{height:400px;border-radius:1.5rem;overflow:hidden;box-shadow:var(--shadow-xl);transition:transform 0.4s ease}.image-large:hover{transform:scale(1.02)}.image-small{height:200px;border-radius:1.5rem;overflow:hidden;box-shadow:var(--shadow-lg);transition:transform 0.4s ease}.image-small:hover{transform:scale(1.02)}.showcase-content{display:flex;flex-direction:column;gap:2rem}.showcase-card{background:white;padding:2.5rem;border-radius:var(--radius-xl);border:1px solid var(--border-color);box-shadow:var(--shadow-md)}.case-study-hero{position:relative;margin-bottom:4rem}.case-study-image{position:relative;border-radius:2rem;overflow:hidden;box-shadow:0 24px 60px rgba(21,96,189,0.15);height:500px}.case-study-image img{width:100%;height:100%;object-fit:cover}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(21,96,189,0.8) 0%,rgba(14,64,125,0.9) 100%);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.4s ease}.case-study-image:hover .image-overlay{opacity:1}.image-overlay i{font-size:5rem;color:white;animation:pulse 2s infinite}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.case-study-metrics-top{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem}.metric-badge{background:white;padding:1.75rem;border-radius:1.25rem;display:flex;align-items:center;gap:1.25rem;box-shadow:0 4px 20px rgba(15,23,42,0.08);transition:all 0.3s ease;border:2px solid transparent}.metric-badge:hover{transform:translateY(-5px);box-shadow:0 12px 32px rgba(21,96,189,0.15);border-color:#1E3A8A}.metric-icon{width:60px;height:60px;background:linear-gradient(135deg,#1E3A8A 0%,#1E3A8A 100%);border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:white;flex-shrink:0}.metric-info{flex:1}.metric-number{font-size:2rem;font-weight:800;color:var(--dark-color);font-family:var(--font-heading);line-height:1;margin-bottom:0.25rem}.metric-text{font-size:0.875rem;color:var(--text-color);font-weight:500}.case-study-content{display:flex;flex-direction:column;gap:3rem}.case-study-section{background:white;padding:3rem;border-radius:1.5rem;box-shadow:0 4px 20px rgba(15,23,42,0.06)}.case-study-section h3{font-size:1.75rem;margin:1.5rem 0 1rem;color:var(--dark-color)}.case-study-section p{font-size:1.125rem;line-height:1.8;color:var(--text-color)}.section-badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.625rem 1.25rem;border-radius:2rem;font-weight:600;font-size:0.875rem;text-transform:uppercase;letter-spacing:0.05em}.features-showcase{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.feature-pill{display:inline-flex;align-items:center;gap:0.625rem;padding:0.875rem 1.5rem;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border:2px solid var(--border-color);border-radius:3rem;font-weight:600;color:var(--text-dark);transition:all 0.3s ease}.feature-pill:hover{background:linear-gradient(135deg,#1E3A8A 0%,#1E3A8A 100%);color:white;border-color:#1E3A8A;transform:translateY(-2px);box-shadow:0 8px 24px rgba(21,96,189,0.2)}.feature-pill i{font-size:1.125rem}.impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1.5rem}.impact-card{background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);padding:2rem;border-radius:1.25rem;border:2px solid var(--border-color);text-align:center;transition:all 0.3s ease}.impact-card:hover{transform:translateY(-5px);border-color:#1E3A8A;box-shadow:0 12px 32px rgba(21,96,189,0.15)}.impact-value{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#1E3A8A 0%,#1E3A8A 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:var(--font-heading);line-height:1;margin-bottom:0.5rem}.impact-label{font-weight:700;color:var(--dark-color);margin-bottom:0.75rem;font-size:1.0625rem}.impact-desc{font-size:0.9375rem;color:var(--text-color);line-height:1.6}.case-study-quote{background:#fff;padding:2.75rem 3rem 2.75rem 3.5rem;border-radius:1rem;position:relative;overflow:hidden;border-left:5px solid #1E3A8A;box-shadow:0 4px 24px rgba(21,96,189,0.07),0 1px 4px rgba(0,0,0,0.05)}.case-study-quote::before{content:'\201C';position:absolute;top:-1.5rem;right:2rem;font-size:12rem;line-height:1;color:#1E3A8A;opacity:0.06;font-family:Georgia,'Times New Roman',serif;pointer-events:none;user-select:none}.quote-icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#1E3A8A,#1E3A8A);border-radius:0.5rem;color:#fff;font-size:1rem;margin-bottom:1.5rem;position:relative;z-index:1}.case-study-quote blockquote{font-size:1.25rem;font-style:italic;color:#1E293B;line-height:1.85;margin-bottom:2rem;position:relative;z-index:1}.quote-author{display:flex;align-items:center;gap:1.25rem;position:relative;z-index:1;padding-top:1.5rem;border-top:1px solid #e2e8f0}.quote-author img{width:56px;height:56px;border-radius:50%;border:3px solid #1E3A8A;box-shadow:0 2px 10px rgba(21,96,189,0.2);flex-shrink:0}.quote-author div{display:flex;flex-direction:column;gap:0.2rem}.quote-author strong{color:#0F172A;font-size:1rem;font-family:var(--font-heading)}.quote-author span{color:#64748b;font-size:0.875rem}.about-hero{padding:clamp(5rem,10vw,8rem) 0 clamp(4rem,8vw,6rem);background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);position:relative;overflow:hidden}.about-hero::before{content:'';position:absolute;top:-50%;right:-20%;width:70%;height:150%;background:radial-gradient(circle,rgba(21,96,189,0.05) 0%,transparent 70%);pointer-events:none}.about-hero-content{display:grid;grid-template-columns:1.2fr 1fr;gap:5rem;align-items:center;position:relative;z-index:1}.about-hero-text{display:flex;flex-direction:column;gap:2rem}.hero-badge{display:inline-flex;align-items:center;gap:0.625rem;padding:0.75rem 1.5rem;background:linear-gradient(135deg,#1E3A8A,#1E3A8A);color:white;border-radius:3rem;font-weight:600;font-size:0.9375rem;width:fit-content;box-shadow:0 4px 16px rgba(21,96,189,0.2)}.about-hero h1{font-size:clamp(2.5rem,5vw,4rem);line-height:1.1;margin:0}.hero-description{font-size:1.25rem;line-height:1.7;color:var(--text-color)}.hero-stats-inline{display:flex;gap:3rem;flex-wrap:wrap}.stat-inline{display:flex;flex-direction:column;gap:0.25rem}.stat-inline strong{font-size:2.5rem;font-weight:800;color:#1E3A8A;font-family:var(--font-heading);line-height:1}.stat-inline span{font-size:0.9375rem;color:var(--text-color);font-weight:500}.about-hero-image{position:relative;height:400px}.floating-card{position:absolute;background:white;padding:1.5rem 2rem;border-radius:1.25rem;box-shadow:0 12px 32px rgba(15,23,42,0.12);display:flex;align-items:center;gap:1rem;animation:float 3s ease-in-out infinite}.floating-card i{font-size:2rem;background:linear-gradient(135deg,#1E3A8A,#1E3A8A);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.floating-card span{font-weight:600;color:var(--dark-color);font-family:var(--font-heading)}.card-1{top:10%;left:10%;animation-delay:0s}.card-2{top:45%;right:5%;animation-delay:1s}.card-3{bottom:15%;left:20%;animation-delay:2s}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}.story-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:4rem;align-items:start}.story-content{display:flex;flex-direction:column}.story-text{display:flex;flex-direction:column;gap:1.5rem}.story-text p{font-size:1.125rem;line-height:1.8;color:var(--text-color)}.story-text em{color:#1E3A8A;font-style:italic;font-weight:600}.story-stats{display:flex;flex-direction:column;gap:1.5rem;position:sticky;top:100px}.stat-card-about{background:white;padding:2rem;border-radius:1.25rem;display:flex;align-items:center;gap:1.5rem;box-shadow:0 4px 20px rgba(15,23,42,0.08);transition:all 0.3s ease;border:2px solid transparent}.stat-card-about:hover{transform:translateX(10px);border-color:#1E3A8A;box-shadow:0 8px 32px rgba(21,96,189,0.15)}.stat-icon-about{width:70px;height:70px;background:linear-gradient(135deg,#1E3A8A,#1E3A8A);border-radius:1.25rem;display:flex;align-items:center;justify-content:center;font-size:1.75rem;color:white;flex-shrink:0}.stat-content-about{flex:1}.stat-number-about{font-size:2.25rem;font-weight:800;color:var(--dark-color);font-family:var(--font-heading);line-height:1;margin-bottom:0.5rem}.stat-label-about{font-size:0.9375rem;color:var(--text-color);font-weight:500}.mission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:3rem}.mission-card{background:white;padding:3rem;border-radius:1.5rem;box-shadow:0 8px 32px rgba(15,23,42,0.08);transition:all 0.3s ease;border:2px solid transparent}.mission-card:hover{transform:translateY(-10px);border-color:#1E3A8A;box-shadow:0 16px 48px rgba(21,96,189,0.15)}.mission-icon{width:80px;height:80px;background:linear-gradient(135deg,#1E3A8A,#1E3A8A);border-radius:1.5rem;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:white;margin-bottom:2rem}.mission-card h3{font-size:1.75rem;margin-bottom:1rem;color:var(--dark-color)}.mission-card p{font-size:1.125rem;line-height:1.8;color:var(--text-color)}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:2rem}.value-card{background:white;padding:2.5rem;border-radius:1.5rem;box-shadow:0 4px 20px rgba(15,23,42,0.06);transition:all 0.3s ease;text-align:center;border:2px solid transparent}.value-card:hover{transform:translateY(-10px);box-shadow:0 12px 40px rgba(15,23,42,0.12);border-color:var(--border-color)}.value-icon{width:80px;height:80px;border-radius:1.25rem;display:flex;align-items:center;justify-content:center;font-size:2rem;color:white;margin:0 auto 1.5rem}.value-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--dark-color)}.value-card p{font-size:1.0625rem;line-height:1.7;color:var(--text-color)}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:3rem}.team-card{background:white;padding:2.5rem;border-radius:1.5rem;box-shadow:0 4px 20px rgba(15,23,42,0.06);text-align:center;transition:all 0.3s ease;border:2px solid transparent}.team-card:hover{transform:translateY(-10px);box-shadow:0 12px 40px rgba(21,96,189,0.15);border-color:#1E3A8A}.team-avatar{width:130px;height:130px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:3rem;font-weight:700;color:white;font-family:var(--font-heading)}.team-card h3{font-size:1.5rem;margin-bottom:0.5rem;color:var(--dark-color)}.team-role{color:#f97316;font-weight:600;font-size:0.9375rem;margin-bottom:1rem}.team-bio{font-size:1rem;line-height:1.7;color:var(--text-color);margin-bottom:1.5rem}.team-social{display:flex;justify-content:center;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.team-social a{width:40px;height:40px;background:#f8fafc;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-color);transition:all 0.3s ease}.team-social a:hover{background:linear-gradient(135deg,#1E3A8A,#1E3A8A);color:white;transform:translateY(-3px)}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:2.5rem}.why-card{background:white;padding:2.5rem;border-radius:1.5rem;box-shadow:0 4px 20px rgba(15,23,42,0.06);transition:all 0.3s ease;border:2px solid transparent;position:relative;overflow:hidden}.why-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(135deg,#1E3A8A,#1E3A8A);transition:height 0.3s ease}.why-card:hover::before{height:100%}.why-card:hover{transform:translateY(-10px);box-shadow:0 12px 40px rgba(21,96,189,0.15);border-color:#1E3A8A}.why-number{font-size:4rem;font-weight:800;background:linear-gradient(135deg,#1E3A8A,#1E3A8A);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:var(--font-heading);line-height:1;margin-bottom:1rem;opacity:0.3}.why-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--dark-color)}.why-card p{font-size:1.0625rem;line-height:1.7;color:var(--text-color)}.cta-section{padding:clamp(4rem,8vw,6rem) 0;background:linear-gradient(135deg,#1E3A8A 0%,#1E3A8A 100%);position:relative;overflow:hidden}.cta-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:0.4}.cta-content-box{background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);padding:4rem 3rem;border-radius:2rem;text-align:center;position:relative;z-index:1;border:1px solid rgba(255,255,255,0.2)}.cta-icon{width:100px;height:100px;background:white;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;font-size:3rem;color:#1E3A8A;box-shadow:0 12px 40px rgba(0,0,0,0.2)}.cta-content-box h2{font-size:clamp(2rem,4vw,3rem);color:white;margin-bottom:1rem}.cta-content-box p{font-size:1.25rem;color:rgba(255,255,255,0.95);margin-bottom:2.5rem;max-width:700px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.cta-buttons .btn-secondary{background:white;color:#1E3A8A;border:2px solid white}.cta-buttons .btn-secondary:hover{background:transparent;color:white}.split-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,450px),1fr));gap:4rem;align-items:center}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:2rem}.metric{background:rgba(255,255,255,0.12);backdrop-filter:blur(10px);border-radius:var(--radius-lg);padding:2rem 1.5rem;text-align:center;border:1px solid rgba(255,255,255,0.15)}.metric .value{font-size:2.5rem;font-weight:800;margin-bottom:0.5rem;font-family:var(--font-heading);background:linear-gradient(135deg,white,rgba(255,255,255,0.8));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.metric .label{opacity:0.95;font-size:0.9375rem}.industries-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:2rem;margin-top:2rem}.industry-card{background:white;padding:2.5rem;border-radius:var(--radius-xl);text-align:center;border:2px solid var(--border-color);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}.industry-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--primary-color),var(--accent-cyan));opacity:0;transition:opacity 0.4s ease}.industry-card:hover::before{opacity:0.08}.industry-card:hover{border-color:var(--primary-color);transform:translateY(-8px) scale(1.03);box-shadow:var(--shadow-lg)}.industry-card .emoji{font-size:2.5rem;margin-bottom:1.25rem;position:relative;z-index:1;display:inline-block;transition:transform 0.4s ease;color:var(--primary-color)}.industry-card:hover .emoji{transform:scale(1.15) rotate(5deg)}.industry-card h4{color:var(--text-dark);margin-bottom:0.75rem;font-weight:700;font-size:1.125rem;position:relative;z-index:1}.industry-card p{font-size:0.9375rem;color:var(--text-color);position:relative;z-index:1}.video-section{padding:clamp(4rem,8vw,6rem) 0}.video-container{margin:3rem auto;max-width:900px}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}.video-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;transition:all 0.3s ease}.video-placeholder:hover{transform:scale(1.02)}.video-thumbnail{width:100%;height:100%;object-fit:cover}.video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:85px;height:85px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:white;box-shadow:0 8px 32px rgba(21,96,189,0.4);transition:all 0.3s ease;z-index:2}.video-play-button i{margin-left:4px}.video-placeholder:hover .video-play-button{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 12px 40px rgba(21,96,189,0.5)}.video-placeholder::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(21,96,189,0.2) 0%,rgba(14,64,125,0.3) 100%);transition:opacity 0.3s ease}.video-placeholder:hover::after{opacity:0.7}#videoPlayer{position:absolute;top:0;left:0;width:100%;height:100%}.video-benefits{display:flex;justify-content:center;gap:3rem;margin-top:3rem;flex-wrap:wrap}.benefit-item{display:flex;align-items:center;gap:0.75rem;font-size:1.0625rem;font-weight:500;color:var(--text-dark)}.benefit-item i{color:var(--success-color);font-size:1.25rem}.stats-section{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);padding:clamp(4rem,8vw,6rem) 0;position:relative;overflow:hidden}.stats-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:0.6}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:3rem;position:relative;z-index:1}.stat-card{text-align:center;color:white;transition:transform 0.3s ease}.stat-card:hover{transform:translateY(-8px)}.stat-icon{font-size:2.5rem;margin-bottom:1rem;opacity:0.9}.stat-number{font-family:var(--font-heading);font-size:clamp(3rem,6vw,4.5rem);font-weight:700;line-height:1;margin-bottom:0.75rem}.stat-number::after{content:'+';font-size:0.7em;opacity:0.8}.stat-card:nth-child(2) .stat-number::after{content:'%'}.stat-card:nth-child(3) .stat-number::after{content:'+'}.stat-label{font-size:1.125rem;font-weight:500;opacity:0.95;letter-spacing:0.02em}.testimonial-section{background:linear-gradient(180deg,var(--light-color) 0%,white 100%);padding:clamp(4rem,8vw,6rem) 0;position:relative}.testimonial-carousel{position:relative;max-width:900px;margin:3rem auto 0;padding:0 4rem}.testimonial-track{overflow:hidden;position:relative}.testimonial-slide{display:none;animation:fadeIn 0.5s ease}.testimonial-slide.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.testimonial-card{background:white;padding:3rem;border-radius:var(--radius-xl);border-left:6px solid var(--primary-color);box-shadow:var(--shadow-lg);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:white;border:2px solid var(--primary-color);color:var(--primary-color);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;font-size:1.25rem;z-index:10}.carousel-btn:hover{background:var(--primary-color);color:white;transform:translateY(-50%) scale(1.1)}.prev-btn{left:0}.next-btn{right:0}.carousel-dots{display:flex;justify-content:center;gap:0.75rem;margin-top:2.5rem}.dot{width:12px;height:12px;border-radius:50%;background:var(--border-color);border:none;cursor:pointer;transition:all 0.3s ease;padding:0}.dot.active{background:var(--primary-color);transform:scale(1.3)}.dot:hover{background:var(--primary-light)}.testimonial-header{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.5rem}.testimonial-avatar{width:70px;height:70px;border-radius:50%;object-fit:cover;border:4px solid var(--primary-color);box-shadow:0 4px 16px rgba(21,96,189,0.2)}.testimonial-card::after{content:'"';position:absolute;top:2rem;right:2.5rem;font-size:6rem;font-family:Georgia,serif;color:var(--primary-color);opacity:0.06;line-height:1}.testimonial-card:hover{transform:translateY(-10px);box-shadow:0 24px 60px rgba(21,96,189,0.20)}.stars{color:var(--accent-yellow);margin-bottom:1.5rem;font-size:1.125rem;letter-spacing:0.15em}.testimonial-text{font-style:italic;margin-bottom:2rem;color:var(--text-color);line-height:1.8;font-size:1.0625rem;position:relative;z-index:1}.testimonial-author{font-weight:700;color:var(--text-dark);margin-bottom:0.35rem;font-family:var(--font-heading);font-size:1.0625rem}.testimonial-title{font-size:0.9375rem;color:var(--text-color)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:2.5rem;padding:2rem 0}.pricing-card{background:white;border:2px solid var(--border-color);border-radius:var(--radius-xl);padding:3rem;text-align:center;position:relative;transition:all 0.4s ease}.pricing-card.popular{border-color:var(--primary-color);transform:scale(1.05);box-shadow:var(--shadow-xl)}.pricing-card.popular::before{content:'Most Popular';position:absolute;top:-16px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:white;padding:0.5rem 1.5rem;border-radius:2rem;font-size:0.875rem;font-weight:700;box-shadow:0 4px 16px rgba(21,96,189,0.3)}.pricing-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px)}.pricing-card h3{font-size:1.75rem;margin-bottom:0.75rem;color:var(--text-dark)}.pricing-card .description{color:var(--text-color);margin-bottom:2rem}.pricing-price{font-size:3rem;font-weight:800;color:var(--primary-color);margin-bottom:0.75rem;font-family:var(--font-heading)}.pricing-period{color:var(--text-color);margin-bottom:2rem}.pricing-features{text-align:left;margin-bottom:2.5rem;list-style:none}.pricing-features li{padding:0.875rem 0;border-bottom:1px solid var(--border-color);color:var(--text-color)}.pricing-features li::before{content:'✓ ';color:var(--success-color);font-weight:bold;margin-right:0.75rem}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:2.5rem;padding:2rem 0}.blog-card{background:white;border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;transition:all 0.4s ease}.blog-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-10px);border-color:var(--primary-color)}.blog-image{width:100%;height:220px;background-color:var(--light-color);overflow:hidden}.blog-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}.blog-card:hover .blog-image img{transform:scale(1.08)}.blog-content{padding:2rem}.blog-category{display:inline-block;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:white;padding:0.4rem 1rem;border-radius:0.5rem;font-size:0.8125rem;font-weight:700;margin-bottom:1rem}.blog-title{font-size:1.375rem;color:var(--text-dark);margin-bottom:0.75rem;font-weight:700}.blog-excerpt{color:var(--text-color);margin-bottom:1.25rem;line-height:1.7}.blog-meta{display:flex;justify-content:space-between;align-items:center;font-size:0.9rem;color:#94A3B8}.form-group{margin-bottom:1.75rem}.form-group label{display:block;margin-bottom:0.75rem;font-weight:600;color:var(--text-dark);font-family:var(--font-heading)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:1rem 1.25rem;border:2px solid var(--border-color);border-radius:var(--radius-md);font-family:inherit;font-size:1rem;transition:all 0.3s ease;background-color:white}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px rgba(21,96,189,0.1)}.form-group textarea{resize:vertical;min-height:150px}.alert{padding:1.25rem 1.5rem;border-radius:var(--radius-md);margin-bottom:1.5rem;border-left:5px solid}.alert-success{background-color:#D1FAE5;color:#065F46;border-color:var(--success-color)}.alert-danger{background-color:#FEE2E2;color:#7F1D1D;border-color:var(--danger-color)}.alert-warning{background-color:#FEF3C7;color:#78350F;border-color:var(--warning-color)}.cta-center{text-align:center;display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;align-items:center}.cta-actions{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.footer{background:linear-gradient(180deg,var(--dark-color) 0%,var(--dark-alt) 100%);color:white;padding:5rem 0 2.5rem;margin-top:5rem;position:relative}.footer::before{content:'';position:absolute;top:0;left:0;right:0;height:100px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100'%3E%3Cpath fill='%23ffffff' d='M0,50 Q360,100 720,50 T1440,50 L1440,0 L0,0 Z'%3E%3C/path%3E%3C/svg%3E") no-repeat;background-size:cover;transform:translateY(-99px)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;margin-bottom:3rem}.footer-section h4{margin-bottom:1.5rem;font-size:1.125rem;font-weight:700;color:white}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:0.875rem}.footer-section a{color:#CBD5E1;transition:all 0.3s ease}.footer-section a:hover{color:white;padding-left:4px}.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:2.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.social-links{display:flex;gap:1rem}.social-links a{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.08);backdrop-filter:blur(10px);border-radius:50%;transition:all 0.3s ease;border:1px solid rgba(255,255,255,0.12)}.social-links a:hover{background:linear-gradient(135deg,var(--primary-color),var(--accent-cyan));transform:translateY(-4px);box-shadow:0 8px 24px rgba(21,96,189,0.3)}.social-proof{background-color:var(--light-color);padding:3rem 0;text-align:center}.social-proof h3{margin-bottom:2rem;font-size:1.125rem;color:var(--text-color);font-weight:500;text-transform:uppercase;letter-spacing:0.1em}.social-proof-logos{display:flex;justify-content:center;align-items:center;gap:4rem;flex-wrap:wrap}.social-proof-logos img{max-height:45px;opacity:0.6;transition:all 0.3s ease;filter:grayscale(100%)}.social-proof-logos img:hover{opacity:1;filter:grayscale(0%);transform:scale(1.1)}.toggle-container{text-align:center;margin-bottom:2.5rem}.toggle-switch{display:inline-flex;background-color:var(--light-color);border-radius:3rem;padding:0.5rem;border:2px solid var(--border-color)}.toggle-switch button{padding:0.75rem 2rem;border:none;background:transparent;cursor:pointer;font-weight:600;transition:all 0.3s ease;border-radius:2.5rem;font-family:var(--font-heading)}.toggle-switch button.active{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:white;box-shadow:0 4px 16px rgba(21,96,189,0.3)}.mt-2{margin-top:0.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}@media (max-width:992px){.mobile-menu-toggle{display:flex;order:2;margin-left:auto;margin-right:1rem}.navbar .container{position:relative;gap:1rem}.navbar-brand{order:1;flex:0 0 auto}.navbar-cta{order:3;margin-left:0;flex:0 0 auto}.navbar-cta .btn-primary{padding:0.875rem 1.75rem;font-size:0.9375rem}.navbar-menu{position:fixed;top:0;left:-100%;width:80%;max-width:320px;height:100vh;background-color:rgba(255,255,255,0.98);backdrop-filter:blur(12px);padding:5rem 2rem 2rem;box-shadow:4px 0 24px rgba(15,23,42,0.15);transition:left 0.3s ease;z-index:100}.navbar-menu.active{left:0}.navbar-menu ul{flex-direction:column;gap:0;align-items:flex-start}.navbar-menu li{width:100%;border-bottom:1px solid var(--border-color)}.navbar-menu a{display:block;padding:1rem 0;width:100%}.navbar-menu a::after{display:none}.navbar-menu .mobile-cta{display:block;margin-top:1rem;padding-top:1rem;border-bottom:none !important}.navbar-menu .mobile-cta a{display:block;width:100%;text-align:center;padding:1rem 1.5rem !important;border-radius:1rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%) !important;color:white !important;box-shadow:0 4px 16px rgba(21,96,189,0.3);font-weight:600;font-family:var(--font-heading);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}.navbar-menu .mobile-cta a::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.6s}.navbar-menu .mobile-cta a:hover::before{left:100%}.navbar-menu .mobile-cta a:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(21,96,189,0.4);color:white !important}.navbar-menu .mobile-cta a::after{display:none !important}.hero-content{grid-template-columns:1fr;gap:3rem}.hero-text{text-align:center}.portfolio-showcase{grid-template-columns:1fr;gap:3rem}.case-study-image{height:350px}.case-study-metrics-top{grid-template-columns:1fr}.impact-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.split-grid{grid-template-columns:1fr;gap:3rem}.features-grid,.industries-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}.about-hero-content{grid-template-columns:1fr;gap:3rem}.about-hero-image{height:300px}.story-grid{grid-template-columns:1fr;gap:3rem}.story-stats{position:static}.mission-grid{grid-template-columns:1fr}.values-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.team-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:1fr}.cta-content-box{padding:3rem 2rem}}@media (max-width:768px){.navbar-cta{display:none}.mobile-menu-toggle{margin-right:0}.navbar-cta .btn-primary{padding:0.75rem 1.25rem;font-size:0.875rem}.hero{padding:4rem 0}.section{padding:3rem 0}.pricing-card.popular{transform:scale(1)}.footer-bottom{flex-direction:column;text-align:center}.btn-large{padding:1.125rem 2.25rem;font-size:1rem}.step-card{padding:2.5rem 1.75rem}.video-benefits{gap:1.5rem}.benefit-item{font-size:0.9375rem}.testimonial-carousel{padding:0 3rem}.carousel-btn{width:40px;height:40px;font-size:1rem}.testimonial-card{padding:2rem}.case-study-section{padding:2rem}.case-study-quote{padding:2rem 2rem 2rem 2.25rem}.case-study-quote blockquote{font-size:1.125rem}.impact-value{font-size:2.5rem}.metric-number{font-size:1.5rem}.features-showcase{gap:0.75rem}.feature-pill{padding:0.75rem 1.25rem;font-size:0.875rem}.hero-stats-inline{gap:2rem}.stat-inline strong{font-size:2rem}.floating-card{padding:1.25rem 1.5rem}.floating-card i{font-size:1.5rem}.floating-card span{font-size:0.875rem}.stat-card-about{padding:1.5rem}.stat-icon-about{width:60px;height:60px;font-size:1.5rem}.stat-number-about{font-size:2rem}.mission-card{padding:2rem}.mission-icon{width:70px;height:70px;font-size:2rem}.value-icon{width:70px;height:70px;font-size:1.75rem}.team-avatar{width:110px;height:110px;font-size:2.5rem}.cta-content-box{padding:2.5rem 2rem}.cta-icon{width:80px;height:80px;font-size:2.5rem}.cta-buttons{flex-direction:column;gap:1rem}.cta-buttons .btn-primary,.cta-buttons .btn-secondary{width:100%}}@media (max-width:480px){.hero-cta,.cta-actions{flex-direction:column;width:100%}.btn-primary,.btn-secondary,.btn-white{width:100%}.testimonial-carousel{padding:0 2.5rem}.carousel-btn{width:35px;height:35px;font-size:0.875rem}.prev-btn{left:-5px}.next-btn{right:-5px}.testimonial-card{padding:1.5rem}.case-study-image{height:250px}.case-study-section{padding:1.5rem}.case-study-section h3{font-size:1.5rem}.case-study-section p{font-size:1rem}.case-study-quote{padding:1.5rem 1.5rem 1.5rem 1.75rem}.case-study-quote blockquote{font-size:1rem}.quote-icon{font-size:4rem}.metric-badge{padding:1.25rem}.metric-icon{width:50px;height:50px;font-size:1.25rem}.impact-value{font-size:2rem}.impact-card{padding:1.5rem}.impact-grid{grid-template-columns:1fr}.about-hero{padding:3rem 0}.about-hero-image{height:250px}.hero-stats-inline{flex-direction:column;gap:1.5rem;align-items:flex-start}.stat-inline strong{font-size:1.75rem}.floating-card{padding:1rem 1.25rem}.card-1,.card-2,.card-3{position:static;margin-bottom:1rem}.story-text p{font-size:1rem}.stat-card-about{flex-direction:column;text-align:center}.mission-card{padding:1.5rem}.mission-icon{width:60px;height:60px;font-size:1.75rem}.value-card{padding:2rem}.value-icon{width:60px;height:60px;font-size:1.5rem}.team-avatar{width:100px;height:100px;font-size:2rem}.why-number{font-size:3rem}.cta-content-box{padding:2rem 1.5rem}.cta-icon{width:70px;height:70px;font-size:2rem}}.services-hero{padding:clamp(5rem,10vw,8rem) 0 clamp(4rem,8vw,6rem);background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);position:relative;overflow:hidden}.services-hero::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(21,96,189,0.08) 0%,transparent 70%);border-radius:50%}.services-hero-content{text-align:center;max-width:900px;margin:0 auto;position:relative;z-index:1}.services-hero h1{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:1.5rem;line-height:1.1}.hero-highlights{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;margin-top:2.5rem}.highlight-item{display:flex;align-items:center;gap:0.75rem;padding:1rem 1.5rem;background:white;border-radius:3rem;box-shadow:0 4px 15px rgba(15,23,42,0.08);transition:all 0.3s ease}.highlight-item:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(21,96,189,0.15)}.highlight-item i{color:#10b981;font-size:1.25rem}.highlight-item span{font-weight:600;color:var(--dark-color);font-size:0.9375rem}.services-offerings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:2.5rem}.service-offering-card{background:white;padding:2.5rem;border-radius:1.5rem;box-shadow:0 4px 20px rgba(15,23,42,0.06);transition:all 0.3s ease;border:2px solid transparent;position:relative}.service-offering-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#1E3A8A,#10b981);border-radius:1.5rem 1.5rem 0 0;opacity:0;transition:opacity 0.3s ease}.service-offering-card:hover::before{opacity:1}.service-offering-card:hover{transform:translateY(-10px);box-shadow:0 12px 40px rgba(21,96,189,0.15);border-color:#1E3A8A}.service-offering-icon{width:70px;height:70px;border-radius:1.25rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:2rem;color:white;box-shadow:0 8px 25px rgba(21,96,189,0.2)}.service-offering-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--dark-color)}.service-offering-card>p{font-size:1.0625rem;line-height:1.7;color:var(--text-color);margin-bottom:1.5rem}.service-features{list-style:none;padding:0;margin:0}.service-features li{display:flex;align-items:center;gap:0.75rem;padding:0.625rem 0;font-size:1rem;color:var(--text-color)}.service-features li i{color:#10b981;font-size:0.875rem;flex-shrink:0}.process-timeline{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:3rem}.process-step{display:grid;grid-template-columns:80px 1fr;gap:2.5rem;position:relative}.process-step:not(:last-child)::after{content:'';position:absolute;left:39px;top:80px;bottom:-3rem;width:2px;background:linear-gradient(to bottom,#e5e7eb 0%,transparent 100%)}.process-number{width:80px;height:80px;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;font-family:var(--font-heading);background:linear-gradient(135deg,#1E3A8A,#1E3A8A);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;border:3px solid #e5e7eb;flex-shrink:0}.process-content{background:white;padding:2.5rem;border-radius:1.5rem;box-shadow:0 4px 20px rgba(15,23,42,0.06);border:2px solid transparent;transition:all 0.3s ease}.process-content:hover{border-color:#1E3A8A;box-shadow:0 8px 30px rgba(21,96,189,0.12);transform:translateX(10px)}.process-icon{width:60px;height:60px;border-radius:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:1.75rem;color:white;box-shadow:0 6px 20px rgba(21,96,189,0.2)}.process-content h3{font-size:1.75rem;margin-bottom:1rem;color:var(--dark-color)}.process-content>p{font-size:1.0625rem;line-height:1.7;color:var(--text-color);margin-bottom:1.5rem}.process-deliverables{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.75rem}.process-deliverables li{display:flex;align-items:center;gap:0.75rem;font-size:0.9375rem;color:var(--text-color);padding:0.625rem 1rem;background:#f8fafc;border-radius:0.5rem;transition:all 0.2s ease}.process-deliverables li:hover{background:#eff6ff;transform:translateX(5px)}.process-deliverables li i{color:#1E3A8A;font-size:0.875rem;flex-shrink:0}.tech-stack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:2.5rem}.tech-category{background:white;padding:2rem;border-radius:1.25rem;box-shadow:0 4px 20px rgba(15,23,42,0.06);border:2px solid transparent;transition:all 0.3s ease}.tech-category:hover{border-color:#1E3A8A;box-shadow:0 8px 30px rgba(21,96,189,0.12);transform:translateY(-5px)}.tech-category h3{font-size:1.25rem;margin-bottom:1.5rem;color:var(--dark-color);display:flex;align-items:center;gap:0.75rem}.tech-category h3 i{color:#1E3A8A;font-size:1.5rem}.tech-tags{display:flex;flex-wrap:wrap;gap:0.75rem}.tech-tag{display:inline-flex;padding:0.625rem 1.25rem;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border-radius:2rem;font-size:0.875rem;font-weight:600;color:var(--dark-color);border:1px solid #e5e7eb;transition:all 0.3s ease;cursor:default}.tech-tag:hover{background:linear-gradient(135deg,#1E3A8A 0%,#1E3A8A 100%);color:white;border-color:#1E3A8A;transform:translateY(-2px);box-shadow:0 4px 12px rgba(21,96,189,0.2)}.faq-container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.faq-item{background:white;border-radius:1rem;box-shadow:0 2px 10px rgba(15,23,42,0.06);border:2px solid transparent;transition:all 0.3s ease;overflow:hidden}.faq-item:hover{border-color:#1E3A8A;box-shadow:0 4px 20px rgba(21,96,189,0.1)}.faq-item.active{border-color:#1E3A8A}.faq-question{width:100%;background:none;border:none;padding:1.5rem 2rem;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;font-size:1.125rem;font-weight:600;color:var(--dark-color);transition:all 0.3s ease}.faq-question:hover{color:#1E3A8A}.faq-question i{color:#1E3A8A;font-size:1rem;transition:transform 0.3s ease;flex-shrink:0}.faq-item.active .faq-question i{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.3s ease,padding 0.3s ease;padding:0 2rem}.faq-item.active .faq-answer{max-height:500px;padding:0 2rem 1.5rem 2rem}.faq-answer p{font-size:1rem;line-height:1.7;color:var(--text-color);margin:0}@media (max-width:992px){.services-offerings-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:2rem}.process-step{grid-template-columns:60px 1fr;gap:1.5rem}.process-number{width:60px;height:60px;font-size:1.5rem}.process-step:not(:last-child)::after{left:29px;top:60px}.tech-stack-grid{grid-template-columns:1fr;gap:1.5rem}}@media (max-width:768px){.services-hero{padding:4rem 0 3rem}.hero-highlights{flex-direction:column;align-items:center;gap:1rem}.highlight-item{width:100%;max-width:300px;justify-content:center}.service-offering-card{padding:2rem}.process-step{grid-template-columns:1fr;gap:1rem}.process-number{width:50px;height:50px;font-size:1.25rem;margin:0 auto}.process-step:not(:last-child)::after{display:none}.process-content{padding:2rem}.process-content:hover{transform:none}.faq-question{padding:1.25rem 1.5rem;font-size:1rem}.faq-answer{padding:0 1.5rem}.faq-item.active .faq-answer{padding:0 1.5rem 1.25rem 1.5rem}}@media (max-width:480px){.service-offering-icon{width:60px;height:60px;font-size:1.75rem}.service-offering-card h3{font-size:1.25rem}.process-icon{width:50px;height:50px;font-size:1.5rem}.process-content h3{font-size:1.5rem}.tech-category{padding:1.5rem}}.pricing-hero{padding:clamp(5rem,10vw,8rem) 0 clamp(4rem,8vw,6rem);background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);position:relative;overflow:hidden}.pricing-hero::before{content:'';position:absolute;top:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(21,96,189,0.06) 0%,transparent 70%);border-radius:50%}.pricing-hero-content{text-align:center;max-width:800px;margin:0 auto;position:relative;z-index:1}.pricing-hero h1{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:1.5rem;line-height:1.1}.pricing-highlight-box{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;margin-top:2.5rem}.pricing-highlight{display:flex;align-items:center;gap:0.75rem;padding:1rem 1.75rem;background:white;border-radius:3rem;box-shadow:0 4px 15px rgba(15,23,42,0.08);transition:all 0.3s ease}.pricing-highlight:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(21,96,189,0.15)}.pricing-highlight i{color:#10b981;font-size:1.25rem}.pricing-highlight span{font-weight:600;color:var(--dark-color);font-size:0.9375rem}.pricing-tiers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:2.5rem;max-width:1200px;margin:0 auto}.pricing-tier-card{background:white;padding:2.5rem;border-radius:1.5rem;box-shadow:0 4px 20px rgba(15,23,42,0.08);border:3px solid transparent;transition:all 0.3s ease;position:relative}.pricing-tier-card:hover{transform:translateY(-10px);box-shadow:0 12px 40px rgba(21,96,189,0.15);border-color:#1E3A8A}.pricing-tier-card.popular{border-color:#1E3A8A;box-shadow:0 8px 35px rgba(21,96,189,0.2)}.pricing-tier-card.popular:hover{box-shadow:0 12px 50px rgba(21,96,189,0.25)}.popular-badge{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#10b981,#059669);color:white;padding:0.5rem 1.5rem;border-radius:2rem;font-size:0.875rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 4px 15px rgba(16,185,129,0.3)}.tier-badge{display:inline-block;padding:0.5rem 1.25rem;border-radius:2rem;color:white;font-size:0.875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:1rem}.pricing-tier-card h3{font-size:1.875rem;margin-bottom:0.75rem;color:var(--dark-color)}.tier-description{font-size:1rem;line-height:1.6;color:var(--text-color);margin-bottom:2rem;min-height:48px}.tier-price{margin-bottom:1rem}.price-amount{font-size:2.75rem;font-weight:800;font-family:var(--font-heading);background:linear-gradient(135deg,#1E3A8A,#1E3A8A);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;line-height:1}.price-label{font-size:1rem;color:var(--text-color);display:block;margin-top:0.5rem}.tier-cta{display:block;width:100%;margin-bottom:2rem;text-align:center}.tier-features{border-top:2px solid #e5e7eb;padding-top:2rem;margin-bottom:2rem}.tier-features h4{font-size:1.125rem;margin-bottom:1rem;color:var(--dark-color)}.tier-features ul{list-style:none;padding:0;margin:0}.tier-features li{display:flex;align-items:flex-start;gap:0.75rem;padding:0.625rem 0;font-size:0.9375rem;color:var(--text-color);line-height:1.6}.tier-features li i{color:#10b981;font-size:0.875rem;flex-shrink:0;margin-top:0.25rem}.tier-examples{background:#f8fafc;padding:1.5rem;border-radius:1rem}.tier-examples h4{font-size:1rem;margin-bottom:0.75rem;color:var(--dark-color)}.tier-examples ul{list-style:none;padding:0;margin:0}.tier-examples li{font-size:0.875rem;color:var(--text-color);padding:0.375rem 0}.tier-examples li::before{content:'→';color:#1E3A8A;font-weight:700;margin-right:0.5rem}.payment-structure{display:flex;align-items:center;justify-content:center;gap:2rem;max-width:1000px;margin:0 auto 3rem;flex-wrap:wrap}.payment-phase{background:white;padding:2rem;border-radius:1.5rem;text-align:center;box-shadow:0 4px 20px rgba(15,23,42,0.06);flex:1;min-width:220px;max-width:280px;transition:all 0.3s ease;border:2px solid transparent}.payment-phase:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(21,96,189,0.12);border-color:#1E3A8A}.phase-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;color:white;box-shadow:0 8px 25px rgba(21,96,189,0.2)}.payment-phase h3{font-size:1.25rem;margin-bottom:0.75rem;color:var(--dark-color)}.phase-amount{font-size:3rem;font-weight:800;font-family:var(--font-heading);background:linear-gradient(135deg,#1E3A8A,#1E3A8A);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:0.75rem}.payment-phase p{font-size:0.9375rem;color:var(--text-color);line-height:1.6}.payment-arrow{color:#1E3A8A;font-size:2rem;flex-shrink:0}.payment-note{background:#eff6ff;border-left:4px solid #1E3A8A;padding:1.5rem 2rem;border-radius:0.75rem;display:flex;gap:1rem;align-items:flex-start;max-width:900px;margin:0 auto}.payment-note i{color:#1E3A8A;font-size:1.5rem;flex-shrink:0;margin-top:0.125rem}.payment-note p{margin:0;color:var(--text-color);line-height:1.6}.included-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:2rem}.included-card{background:white;padding:2rem;border-radius:1.25rem;box-shadow:0 4px 20px rgba(15,23,42,0.06);text-align:center;transition:all 0.3s ease;border:2px solid transparent}.included-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(21,96,189,0.12);border-color:#1E3A8A}.included-icon{width:70px;height:70px;border-radius:1.25rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;color:white;box-shadow:0 8px 25px rgba(21,96,189,0.2)}.included-card h3{font-size:1.25rem;margin-bottom:0.75rem;color:var(--dark-color)}.included-card p{font-size:0.9375rem;line-height:1.6;color:var(--text-color)}.addons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:2rem}.addon-card{background:white;padding:2rem;border-radius:1.25rem;box-shadow:0 4px 20px rgba(15,23,42,0.06);transition:all 0.3s ease;border:2px solid transparent}.addon-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(21,96,189,0.12);border-color:#1E3A8A}.addon-card h3{font-size:1.125rem;margin-bottom:1rem;color:var(--dark-color);display:flex;align-items:center;gap:0.75rem}.addon-card h3 i{color:#1E3A8A;font-size:1.25rem}.addon-price{font-size:1.5rem;font-weight:700;color:#1E3A8A;margin-bottom:1rem}.addon-card p{font-size:0.9375rem;line-height:1.6;color:var(--text-color);margin:0}@media (max-width:992px){.pricing-tiers-grid{grid-template-columns:1fr;max-width:500px}.payment-arrow{transform:rotate(90deg)}.included-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}}@media (max-width:768px){.pricing-hero{padding:4rem 0 3rem}.pricing-highlight-box{flex-direction:column;align-items:center;gap:1rem}.pricing-highlight{width:100%;max-width:300px;justify-content:center}.pricing-tier-card{padding:2rem 1.5rem}.price-amount{font-size:2.25rem}.payment-phase{min-width:100%}.payment-arrow{display:none}.phase-icon{width:70px;height:70px;font-size:1.75rem}.phase-amount{font-size:2.5rem}.payment-note{padding:1.25rem 1.5rem}}@media (max-width:480px){.tier-badge{font-size:0.75rem;padding:0.375rem 1rem}.pricing-tier-card h3{font-size:1.5rem}.price-amount{font-size:2rem}.tier-features{padding-top:1.5rem}.included-icon{width:60px;height:60px;font-size:1.75rem}.addon-price{font-size:1.25rem}}.contact-hero{padding:clamp(5rem,10vw,8rem) 0 clamp(4rem,8vw,6rem);background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);position:relative;overflow:hidden}.contact-hero::before{content:'';position:absolute;bottom:-30%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(21,96,189,0.06) 0%,transparent 70%);border-radius:50%}.contact-hero-content{text-align:center;max-width:800px;margin:0 auto;position:relative;z-index:1}.contact-hero h1{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:1.5rem;line-height:1.1}.contact-methods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:2rem;max-width:1200px;margin:0 auto}.contact-method-card{background:white;padding:2.5rem 2rem;border-radius:1.5rem;box-shadow:0 4px 20px rgba(15,23,42,0.06);text-align:center;transition:all 0.3s ease;border:2px solid transparent}.contact-method-card:hover{transform:translateY(-10px);box-shadow:0 12px 40px rgba(21,96,189,0.15);border-color:#1E3A8A}.method-icon{width:80px;height:80px;border-radius:1.5rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2.5rem;color:white;box-shadow:0 8px 25px rgba(21,96,189,0.2)}.contact-method-card h3{font-size:1.5rem;margin-bottom:0.75rem;color:var(--dark-color)}.contact-method-card p{font-size:1rem;color:var(--text-color);margin-bottom:1.25rem;line-height:1.6}.contact-link{display:inline-block;color:#1E3A8A;font-weight:600;font-size:1.0625rem;text-decoration:none;transition:all 0.3s ease}.contact-link:hover{color:#1E3A8A;transform:translateY(-2px)}.contact-form-section{display:grid;grid-template-columns:1.5fr 1fr;gap:3rem;max-width:1200px;margin:0 auto}.contact-form-wrapper{background:white;padding:3rem;border-radius:1.5rem;box-shadow:0 4px 20px rgba(15,23,42,0.08)}.form-title{font-size:2rem;margin-bottom:0.75rem;color:var(--dark-color)}.form-subtitle{font-size:1.0625rem;color:var(--text-color);margin-bottom:2rem;line-height:1.6}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;margin-bottom:0.5rem;color:var(--dark-color);font-size:0.9375rem}.form-group input,.form-group select,.form-group textarea{padding:0.875rem 1.125rem;border:2px solid #e5e7eb;border-radius:0.75rem;font-size:1rem;font-family:var(--font-body);transition:all 0.3s ease;background:#f8fafc}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#1E3A8A;background:white;box-shadow:0 0 0 4px rgba(21,96,189,0.1)}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.form-group textarea{resize:vertical;min-height:120px}.contact-submit{width:100%;margin-top:1rem}.alert{padding:1.25rem 1.5rem;border-radius:0.75rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:0.75rem;font-weight:500}.alert i{font-size:1.25rem;flex-shrink:0}.alert-success{background:#d1fae5;border:2px solid #10b981;color:#065f46}.alert-danger{background:#fee2e2;border:2px solid #ef4444;color:#991b1b}.contact-info-sidebar{display:flex;flex-direction:column;gap:1.5rem}.info-card{background:white;padding:2rem;border-radius:1.25rem;box-shadow:0 4px 20px rgba(15,23,42,0.06);border:2px solid transparent;transition:all 0.3s ease}.info-card:hover{border-color:#1E3A8A;box-shadow:0 8px 30px rgba(21,96,189,0.12)}.info-card-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.info-card-header i{color:#1E3A8A;font-size:1.5rem}.info-card-header h3{font-size:1.25rem;color:var(--dark-color);margin:0}.info-card-body p{font-size:0.9375rem;line-height:1.7;color:var(--text-color);margin-bottom:1rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:0.75rem 0;border-bottom:1px solid #e5e7eb}.info-row:last-child{border-bottom:none}.info-row .day{font-weight:600;color:var(--dark-color);font-size:0.9375rem}.info-row .time{color:var(--text-color);font-size:0.9375rem}.timezone{font-size:0.875rem;color:#9ca3af;margin-top:0.75rem;margin-bottom:0}.response-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem}.response-stats .stat{background:#f8fafc;padding:1.25rem;border-radius:0.75rem;text-align:center}.response-stats .stat strong{display:block;font-size:1.75rem;font-weight:800;color:#1E3A8A;font-family:var(--font-heading);margin-bottom:0.25rem}.response-stats .stat span{font-size:0.8125rem;color:var(--text-color)}.highlight-card{background:linear-gradient(135deg,#1E3A8A 0%,#1E3A8A 100%);color:white}.highlight-card .info-card-header{border-bottom-color:rgba(255,255,255,0.2)}.highlight-card .info-card-header i,.highlight-card .info-card-header h3{color:white}.highlight-card .info-card-body p{color:rgba(255,255,255,0.95)}.btn-block{display:block;width:100%;text-align:center}.social-links{background:white;padding:2rem;border-radius:1.25rem;box-shadow:0 4px 20px rgba(15,23,42,0.06);text-align:center}.social-links h3{font-size:1.125rem;margin-bottom:1.25rem;color:var(--dark-color)}.social-icons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.social-icons a{width:50px;height:50px;background:#f8fafc;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-color);font-size:1.25rem;transition:all 0.3s ease;border:2px solid #e5e7eb}.social-icons a:hover{background:linear-gradient(135deg,#1E3A8A,#1E3A8A);color:white;border-color:#1E3A8A;transform:translateY(-3px)}.contact-faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:2rem;max-width:1200px;margin:0 auto}.faq-quick-card{background:white;padding:2.5rem 2rem;border-radius:1.25rem;box-shadow:0 4px 20px rgba(15,23,42,0.06);text-align:center;transition:all 0.3s ease;border:2px solid transparent}.faq-quick-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(21,96,189,0.12);border-color:#1E3A8A}.faq-quick-icon{width:70px;height:70px;background:linear-gradient(135deg,#1E3A8A,#1E3A8A);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;color:white;box-shadow:0 8px 25px rgba(21,96,189,0.2)}.faq-quick-card h3{font-size:1.25rem;margin-bottom:0.75rem;color:var(--dark-color)}.faq-quick-card p{font-size:0.9375rem;line-height:1.7;color:var(--text-color);margin:0}.map-wrapper{background:white;border-radius:1.5rem;overflow:hidden;box-shadow:0 4px 20px rgba(15,23,42,0.08);margin-bottom:2rem}.map-placeholder{padding:6rem 2rem;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.map-placeholder i{font-size:4rem;color:#1E3A8A;margin-bottom:0.5rem}.map-placeholder p{font-size:1.125rem;color:var(--dark-color);line-height:1.7;margin:0}.location-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1.5rem}.location-feature{background:white;padding:1.5rem;border-radius:1rem;box-shadow:0 4px 15px rgba(15,23,42,0.06);display:flex;align-items:center;gap:1rem;transition:all 0.3s ease}.location-feature:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(21,96,189,0.12)}.location-feature i{font-size:1.75rem;color:#1E3A8A;flex-shrink:0}.location-feature span{font-size:0.9375rem;color:var(--dark-color);font-weight:600}@media (max-width:992px){.contact-form-section{grid-template-columns:1fr;gap:2rem}.contact-methods-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}}@media (max-width:768px){.contact-hero{padding:4rem 0 3rem}.contact-form-wrapper{padding:2rem 1.5rem}.form-title{font-size:1.75rem}.form-row{grid-template-columns:1fr;gap:1.5rem}.contact-methods-grid{grid-template-columns:1fr}.contact-method-card{padding:2rem 1.5rem}.method-icon{width:70px;height:70px;font-size:2rem}.contact-faq-grid{grid-template-columns:1fr}.location-features{grid-template-columns:1fr}}@media (max-width:480px){.contact-form-wrapper{padding:1.5rem 1rem}.form-title{font-size:1.5rem}.form-subtitle{font-size:1rem}.info-card{padding:1.5rem}.faq-quick-icon{width:60px;height:60px;font-size:1.75rem}.map-placeholder{padding:4rem 1.5rem}.map-placeholder i{font-size:3rem}}.portfolio-hero{padding:clamp(5rem,10vw,8rem) 0 clamp(4rem,8vw,6rem);background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);position:relative;overflow:hidden}.portfolio-hero::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(21,96,189,0.05) 0%,transparent 70%);border-radius:50%}.portfolio-hero-content{text-align:center;max-width:900px;margin:0 auto;position:relative;z-index:1}.portfolio-hero h1{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:1.5rem;line-height:1.1}.portfolio-stats{display:flex;gap:3rem;justify-content:center;margin-top:3rem;flex-wrap:wrap}.portfolio-stat{text-align:center}.portfolio-stat strong{display:block;font-size:3rem;font-weight:800;font-family:var(--font-heading);background:linear-gradient(135deg,#1E3A8A,#1E3A8A);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:0.5rem}.portfolio-stat span{font-size:1rem;color:var(--text-color);font-weight:600}.bento-grid{display:grid;grid-template-columns:repeat(8,1fr);grid-auto-rows:200px;gap:1.5rem;max-width:1400px;margin:0 auto}.bento-item{position:relative;overflow:hidden;border-radius:1.5rem;box-shadow:0 4px 20px rgba(15,23,42,0.08);transition:all 0.3s ease}.bento-item:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(21,96,189,0.15)}.bento-large{grid-column:span 4;grid-row:span 2}.bento-medium{grid-column:span 2;grid-row:span 1}.bento-small{grid-column:span 2;grid-row:span 1}.bento-tall{grid-column:span 2;grid-row:span 2}.bento-wide{grid-column:span 4;grid-row:span 1}.bento-content{width:100%;height:100%;position:relative}.bento-image{width:100%;height:100%}.bento-image img{width:100%;height:100%;object-fit:cover}.bento-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:4rem;color:white}.bento-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.7) 50%,transparent 100%);padding:2rem;color:white;transform:translateY(0);transition:all 0.3s ease}.bento-item:hover .bento-overlay{background:linear-gradient(to top,rgba(0,0,0,0.95) 0%,rgba(0,0,0,0.85) 70%,rgba(0,0,0,0.3) 100%)}.bento-category{display:inline-block;padding:0.375rem 0.875rem;background:rgba(255,255,255,0.2);backdrop-filter:blur(10px);border-radius:2rem;font-size:0.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:0.75rem}.bento-overlay h3{font-size:1.5rem;margin-bottom:0.5rem;font-weight:700}.bento-overlay p{font-size:0.9375rem;opacity:0.95;line-height:1.5;margin-bottom:1rem}.bento-stats{display:flex;gap:1.5rem;flex-wrap:wrap}.bento-stats span{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;font-weight:600}.bento-stats i{font-size:1rem}.featured-case-study{background:white;border-radius:1.5rem;overflow:hidden;box-shadow:0 8px 30px rgba(15,23,42,0.1)}.case-study-header{position:relative}.case-study-hero-image{height:400px;position:relative}.case-study-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:6rem;color:white}.case-study-badge-group{position:absolute;bottom:2rem;left:2rem;right:2rem;display:flex;gap:1rem;flex-wrap:wrap}.case-badge{padding:0.875rem 1.5rem;border-radius:3rem;color:white;font-weight:600;font-size:0.9375rem;display:flex;align-items:center;gap:0.625rem;box-shadow:0 4px 15px rgba(0,0,0,0.2)}.case-badge i{font-size:1.125rem}.case-study-content-grid{display:grid;grid-template-columns:300px 1fr;gap:3rem;padding:3rem}.case-study-sidebar{display:flex;flex-direction:column;gap:1.5rem}.case-info-card{background:#f8fafc;padding:1.75rem;border-radius:1rem;border:2px solid #e5e7eb}.case-info-card h3{font-size:1.125rem;margin-bottom:1.25rem;color:var(--dark-color);padding-bottom:0.75rem;border-bottom:2px solid #e5e7eb}.case-info-item{display:flex;justify-content:space-between;align-items:center;padding:0.75rem 0;border-bottom:1px solid #e5e7eb}.case-info-item:last-child{border-bottom:none}.info-label{font-size:0.875rem;color:var(--text-color);font-weight:500}.info-value{font-size:0.9375rem;color:var(--dark-color);font-weight:600}.tech-tags-small{display:flex;flex-wrap:wrap;gap:0.5rem}.tech-tags-small span{padding:0.5rem 1rem;background:white;border:2px solid #e5e7eb;border-radius:2rem;font-size:0.8125rem;font-weight:600;color:var(--dark-color)}.case-study-main-content{display:flex;flex-direction:column;gap:2.5rem}.case-section{display:flex;flex-direction:column;gap:1rem}.section-badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.625rem 1.25rem;border-radius:2rem;font-size:0.875rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;width:fit-content}.section-badge i{font-size:1rem}.case-section h3{font-size:1.75rem;color:var(--dark-color);margin-bottom:0.5rem}.case-section p{font-size:1.0625rem;line-height:1.7;color:var(--text-color)}.challenge-list{list-style:none;padding:0;margin:1rem 0;display:flex;flex-direction:column;gap:0.75rem}.challenge-list li{padding-left:2rem;position:relative;font-size:1rem;color:var(--text-color);line-height:1.6}.challenge-list li::before{content:'⚠️';position:absolute;left:0;font-size:1.25rem}.solution-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1rem;margin-top:1.5rem}.solution-feature{display:flex;align-items:flex-start;gap:0.75rem;padding:1rem;background:#f8fafc;border-radius:0.75rem;border:2px solid #e5e7eb}.solution-feature i{color:#10b981;font-size:1.25rem;flex-shrink:0;margin-top:0.125rem}.solution-feature span{font-size:0.9375rem;color:var(--dark-color);font-weight:500;line-height:1.5}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1.5rem;margin-top:1.5rem}.result-card{background:white;padding:2rem;border-radius:1rem;box-shadow:0 4px 15px rgba(15,23,42,0.08);text-align:center;border:2px solid #e5e7eb;transition:all 0.3s ease}.result-card:hover{border-color:#1E3A8A;box-shadow:0 8px 25px rgba(21,96,189,0.12);transform:translateY(-5px)}.result-value{font-size:3rem;font-weight:800;font-family:var(--font-heading);background:linear-gradient(135deg,#1E3A8A,#1E3A8A);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:0.75rem}.result-label{font-size:1rem;font-weight:700;color:var(--dark-color);margin-bottom:0.5rem}.result-detail{font-size:0.875rem;color:var(--text-color);line-height:1.5}.case-quote{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);padding:2.5rem;border-radius:1rem;border-left:4px solid #1E3A8A;position:relative;margin-top:1rem}.case-quote i{font-size:2.5rem;color:#1E3A8A;opacity:0.2;position:absolute;top:1.5rem;left:1.5rem}.case-quote p{font-size:1.125rem;line-height:1.7;font-style:italic;color:var(--dark-color);margin:0 0 1.5rem 0;padding-left:2.5rem}.quote-author{padding-left:2.5rem;display:flex;flex-direction:column;gap:0.25rem}.quote-author strong{font-size:1.0625rem;color:var(--dark-color)}.quote-author span{font-size:0.9375rem;color:var(--text-color)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:2.5rem}.project-card{background:white;border-radius:1.5rem;overflow:hidden;box-shadow:0 4px 20px rgba(15,23,42,0.08);transition:all 0.3s ease;border:2px solid transparent}.project-card:hover{transform:translateY(-10px);box-shadow:0 12px 40px rgba(21,96,189,0.15);border-color:#1E3A8A}.project-image{height:240px;position:relative;overflow:hidden}.project-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:4rem;color:white}.project-category{position:absolute;top:1rem;right:1rem;padding:0.5rem 1.25rem;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border-radius:2rem;font-size:0.8125rem;font-weight:700;color:var(--dark-color);text-transform:uppercase;letter-spacing:0.5px}.project-content{padding:2rem}.project-content h3{font-size:1.5rem;margin-bottom:0.5rem;color:var(--dark-color)}.project-subtitle{font-size:0.9375rem;color:#1E3A8A;font-weight:600;margin-bottom:1rem}.project-description{font-size:1rem;line-height:1.7;color:var(--text-color);margin-bottom:1.5rem}.project-impact{display:flex;align-items:center;gap:0.625rem;padding:0.875rem 1.25rem;background:#eff6ff;border-radius:0.75rem;border-left:3px solid #1E3A8A}.project-impact i{color:#1E3A8A;font-size:1.125rem}.project-impact span{font-size:0.9375rem;font-weight:600;color:var(--dark-color)}.industries-portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:2rem}.industry-portfolio-card{background:white;padding:2.5rem 2rem;border-radius:1.25rem;box-shadow:0 4px 20px rgba(15,23,42,0.06);text-align:center;transition:all 0.3s ease;border:2px solid transparent}.industry-portfolio-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(21,96,189,0.15);border-color:#1E3A8A}.industry-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2.5rem;color:white;box-shadow:0 8px 25px rgba(21,96,189,0.2)}.industry-portfolio-card h3{font-size:1.25rem;margin-bottom:0.5rem;color:var(--dark-color)}.project-count{font-size:0.9375rem;color:var(--text-color);font-weight:600}@media (max-width:1200px){.bento-grid{grid-template-columns:repeat(6,1fr)}.bento-large{grid-column:span 3}.bento-wide{grid-column:span 3}.case-study-content-grid{grid-template-columns:260px 1fr;gap:2rem}}@media (max-width:992px){.bento-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:180px}.bento-large{grid-column:span 2;grid-row:span 2}.bento-wide{grid-column:span 4}.case-study-content-grid{grid-template-columns:1fr;padding:2rem}.case-study-sidebar{order:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:1.5rem}.case-study-main-content{order:1}}@media (max-width:768px){.portfolio-hero{padding:4rem 0 3rem}.portfolio-stats{gap:2rem}.portfolio-stat strong{font-size:2.5rem}.bento-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:160px;gap:1rem}.bento-large{grid-column:span 2;grid-row:span 2}.bento-medium{grid-column:span 2}.bento-tall{grid-column:span 2;grid-row:span 2}.bento-wide{grid-column:span 2}.bento-overlay{padding:1.5rem}.bento-overlay h3{font-size:1.25rem}.case-study-hero-image{height:300px}.case-study-placeholder{font-size:4rem}.case-study-badge-group{left:1rem;right:1rem;bottom:1rem;gap:0.75rem}.case-badge{padding:0.625rem 1rem;font-size:0.8125rem}.case-study-content-grid{padding:1.5rem}.case-section h3{font-size:1.5rem}.solution-features{grid-template-columns:1fr}.results-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}.result-value{font-size:2.5rem}.case-quote{padding:2rem 1.5rem}.case-quote p{font-size:1rem;padding-left:1.5rem}.quote-author{padding-left:1.5rem}.projects-grid{grid-template-columns:1fr}}@media (max-width:480px){.bento-grid{grid-template-columns:1fr;grid-auto-rows:180px}.bento-small,.bento-medium,.bento-large,.bento-tall,.bento-wide{grid-column:span 1;grid-row:span 1}.bento-large{grid-row:span 2}.bento-placeholder{font-size:3rem}.portfolio-stats{flex-direction:column;gap:1.5rem}.case-info-card{padding:1.5rem}.result-value{font-size:2rem}.industries-portfolio-grid{grid-template-columns:1fr}.industry-icon{width:70px;height:70px;font-size:2rem}}.blog-hero{padding:clamp(5rem,10vw,8rem) 0 clamp(4rem,8vw,6rem);background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);position:relative;overflow:hidden}.blog-hero::before{content:'';position:absolute;top:20%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(21,96,189,0.05) 0%,transparent 70%);border-radius:50%}.blog-hero-content{text-align:center;max-width:800px;margin:0 auto;position:relative;z-index:1}.blog-hero h1{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:1.5rem;line-height:1.1}.blog-search-bar{max-width:600px;margin:3rem auto 0;position:relative}.blog-search-bar i{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);color:#6b7280;font-size:1.125rem}.blog-search-bar input{width:100%;padding:1.125rem 1.5rem 1.125rem 3.5rem;border:2px solid #e5e7eb;border-radius:3rem;font-size:1rem;font-family:var(--font-body);transition:all 0.3s ease;background:white;box-shadow:0 4px 15px rgba(15,23,42,0.08)}.blog-search-bar input:focus{outline:none;border-color:#1E3A8A;box-shadow:0 4px 20px rgba(21,96,189,0.15)}.blog-categories-filter{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.category-filter-btn{padding:0.75rem 1.5rem;background:white;border:2px solid #e5e7eb;border-radius:2rem;font-size:0.9375rem;font-weight:600;color:var(--dark-color);cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;gap:0.5rem}.category-filter-btn:hover{border-color:#1E3A8A;color:#1E3A8A;transform:translateY(-2px)}.category-filter-btn.active{background:linear-gradient(135deg,#1E3A8A,#1E3A8A);color:white;border-color:#1E3A8A}.featured-blog-post{background:white;border-radius:1.5rem;overflow:hidden;box-shadow:0 8px 30px rgba(15,23,42,0.1);display:grid;grid-template-columns:1fr 1fr;max-width:1200px;margin:0 auto}.featured-post-image{height:500px;position:relative}.featured-post-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:6rem;color:white}.featured-category{position:absolute;top:2rem;left:2rem;padding:0.625rem 1.5rem;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border-radius:2rem;font-size:0.875rem;font-weight:700;color:var(--dark-color);text-transform:uppercase;letter-spacing:0.5px}.featured-post-content{padding:3rem;display:flex;flex-direction:column;justify-content:center}.featured-post-meta{display:flex;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.featured-post-meta span{display:flex;align-items:center;gap:0.5rem;font-size:0.9375rem;color:var(--text-color);font-weight:500}.featured-post-meta i{color:#1E3A8A}.featured-post-content h2{font-size:2.25rem;margin-bottom:1.25rem;color:var(--dark-color);line-height:1.2}.featured-excerpt{font-size:1.125rem;line-height:1.7;color:var(--text-color);margin-bottom:2rem}.blog-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));gap:2.5rem}.blog-post-card{background:white;border-radius:1.5rem;overflow:hidden;box-shadow:0 4px 20px rgba(15,23,42,0.08);transition:all 0.3s ease;border:2px solid transparent}.blog-post-card:hover{transform:translateY(-10px);box-shadow:0 12px 40px rgba(21,96,189,0.15);border-color:#1E3A8A}.blog-post-image{height:240px;position:relative}.blog-post-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:4rem;color:white}.blog-post-category{position:absolute;top:1rem;right:1rem;padding:0.5rem 1.25rem;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border-radius:2rem;font-size:0.8125rem;font-weight:700;color:var(--dark-color);text-transform:uppercase;letter-spacing:0.5px}.blog-post-content{padding:2rem}.blog-post-meta{display:flex;gap:1rem;margin-bottom:1rem;font-size:0.875rem;color:var(--text-color)}.blog-post-meta span{display:flex;align-items:center;gap:0.375rem}.blog-post-meta i{color:#1E3A8A}.blog-post-content h3{font-size:1.5rem;margin-bottom:0.75rem;color:var(--dark-color);line-height:1.3}.blog-post-content p{font-size:1rem;line-height:1.7;color:var(--text-color);margin-bottom:1.5rem}.read-more-link{display:inline-flex;align-items:center;gap:0.5rem;color:#1E3A8A;font-weight:600;font-size:0.9375rem;text-decoration:none;transition:all 0.3s ease}.read-more-link:hover{color:#1E3A8A;gap:0.75rem}.read-more-link i{font-size:0.875rem;transition:transform 0.3s ease}.read-more-link:hover i{transform:translateX(3px)}.empty-blog-state{text-align:center;padding:6rem 2rem;background:white;border-radius:1.5rem;box-shadow:0 4px 20px rgba(15,23,42,0.06)}.empty-blog-state i{font-size:5rem;color:#1E3A8A;margin-bottom:2rem;opacity:0.5}.empty-blog-state h3{font-size:2rem;margin-bottom:1rem;color:var(--dark-color)}.empty-blog-state p{font-size:1.125rem;color:var(--text-color);line-height:1.7;max-width:600px;margin:0 auto}.blog-topics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:2rem}.blog-topic-card{background:white;padding:2.5rem 2rem;border-radius:1.25rem;box-shadow:0 4px 20px rgba(15,23,42,0.06);text-align:center;transition:all 0.3s ease;border:2px solid transparent;cursor:pointer}.blog-topic-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(21,96,189,0.15);border-color:#1E3A8A}.topic-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2.5rem;color:white;box-shadow:0 8px 25px rgba(21,96,189,0.2)}.blog-topic-card h3{font-size:1.5rem;margin-bottom:0.75rem;color:var(--dark-color)}.blog-topic-card p{font-size:0.9375rem;line-height:1.6;color:var(--text-color);margin-bottom:1rem}.topic-count{display:inline-block;padding:0.5rem 1rem;background:#f8fafc;border-radius:2rem;font-size:0.875rem;font-weight:600;color:#1E3A8A}.newsletter-section{padding:clamp(4rem,8vw,6rem) 0;background:linear-gradient(135deg,#1E3A8A 0%,#1E3A8A 100%);position:relative;overflow:hidden}.newsletter-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:0.3}.newsletter-content{text-align:center;max-width:700px;margin:0 auto;position:relative;z-index:1}.newsletter-icon{width:100px;height:100px;background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;font-size:3rem;color:white;border:3px solid rgba(255,255,255,0.2)}.newsletter-content h2{font-size:2.5rem;color:white;margin-bottom:1rem}.newsletter-content>p{font-size:1.125rem;color:rgba(255,255,255,0.95);margin-bottom:2.5rem;line-height:1.7}.newsletter-form{display:flex;gap:1rem;max-width:550px;margin:0 auto 1.5rem}.newsletter-form input{flex:1;padding:1rem 1.5rem;border:2px solid rgba(255,255,255,0.3);border-radius:3rem;font-size:1rem;font-family:var(--font-body);background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);color:white;transition:all 0.3s ease}.newsletter-form input::placeholder{color:rgba(255,255,255,0.7)}.newsletter-form input:focus{outline:none;border-color:white;background:rgba(255,255,255,0.15)}.newsletter-form button{padding:1rem 2rem;white-space:nowrap}.newsletter-note{font-size:0.875rem;color:rgba(255,255,255,0.8);display:flex;align-items:center;justify-content:center;gap:0.5rem;margin:0}.newsletter-note i{font-size:1rem}@media (max-width:992px){.featured-blog-post{grid-template-columns:1fr}.featured-post-image{height:400px}.featured-post-content{padding:2.5rem 2rem}.featured-post-content h2{font-size:2rem}.blog-posts-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:2rem}}@media (max-width:768px){.blog-hero{padding:4rem 0 3rem}.blog-search-bar{margin-top:2rem}.blog-categories-filter{justify-content:flex-start;overflow-x:auto;overflow-y:hidden;padding-bottom:0.5rem;-webkit-overflow-scrolling:touch}.category-filter-btn{flex-shrink:0}.featured-post-image{height:300px}.featured-post-placeholder{font-size:4rem}.featured-post-content{padding:2rem 1.5rem}.featured-post-content h2{font-size:1.75rem}.featured-excerpt{font-size:1rem}.blog-posts-grid{grid-template-columns:1fr}.blog-post-image{height:220px}.blog-topics-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.topic-icon{width:70px;height:70px;font-size:2rem}.newsletter-content h2{font-size:2rem}.newsletter-form{flex-direction:column}.newsletter-form button{width:100%}}@media (max-width:480px){.blog-search-bar input{padding:1rem 1rem 1rem 3rem}.featured-category{top:1rem;left:1rem;padding:0.5rem 1rem;font-size:0.75rem}.featured-post-content h2{font-size:1.5rem}.blog-post-content{padding:1.5rem}.blog-post-content h3{font-size:1.25rem}.empty-blog-state{padding:4rem 1.5rem}.empty-blog-state i{font-size:4rem}.empty-blog-state h3{font-size:1.75rem}.newsletter-icon{width:80px;height:80px;font-size:2.5rem}.newsletter-content h2{font-size:1.75rem}.newsletter-content>p{font-size:1rem}}.blog-post-breadcrumb{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:0.875rem 0}.breadcrumb-nav{display:flex;align-items:center;flex-wrap:wrap;gap:0.5rem;font-size:0.875rem;color:#64748b}.breadcrumb-nav a{color:#1E3A8A;text-decoration:none;font-weight:500;transition:color 0.2s}.breadcrumb-nav a:hover{color:#1E3A8A}.breadcrumb-sep{font-size:0.625rem;color:#94a3b8}.breadcrumb-category{color:#475569}.breadcrumb-current{color:#0F172A;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.blog-post-hero{padding:4rem 0 3rem;background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%)}.blog-post-header{max-width:820px;margin:0 auto;text-align:center}.post-category-badge{display:inline-block;background:#dbeafe;color:#1e40af;font-size:0.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;padding:0.375rem 1rem;border-radius:2rem;margin-bottom:1.25rem}.blog-post-title{font-size:clamp(1.75rem,4vw,3rem);color:#0F172A;line-height:1.2;margin-bottom:1.25rem;font-family:'Times New Roman', Times, Georgia, serif}.blog-post-lead{font-size:clamp(1rem,1.5vw,1.2rem);color:#475569;line-height:1.7;margin-bottom:1.75rem}.blog-post-meta-bar{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap;font-size:0.9375rem;color:#64748b}.blog-post-meta-bar i{margin-right:0.35rem;color:#1E3A8A}.blog-post-cover{padding:0 0 2rem;background:white}.blog-post-cover-img{width:100%;max-height:500px;object-fit:cover;border-radius:1.25rem;box-shadow:0 8px 32px rgba(15,23,42,0.12);display:block}.blog-post-body{padding:3rem 0 4rem;background:white}.blog-post-layout{display:grid;grid-template-columns:1fr 300px;gap:3rem;align-items:start}.blog-post-article{min-width:0}.blog-post-content{font-size:1.0625rem;line-height:1.85;color:#374151}.blog-post-content p{margin-bottom:1.5rem}.blog-post-content h2{font-size:1.75rem;color:#0F172A;margin:2.5rem 0 1rem;font-family:'Times New Roman', Times, Georgia, serif}.blog-post-content h3{font-size:1.375rem;color:#0F172A;margin:2rem 0 0.75rem;font-family:'Times New Roman', Times, Georgia, serif}.blog-post-content ul,.blog-post-content ol{margin:1rem 0 1.5rem 1.5rem}.blog-post-content li{margin-bottom:0.5rem}.blog-post-content blockquote{border-left:4px solid #1E3A8A;background:#f0f6ff;padding:1.25rem 1.5rem;margin:2rem 0;border-radius:0 0.75rem 0.75rem 0;font-style:italic;color:#1e40af}.blog-post-content a{color:#1E3A8A;text-decoration:underline;text-underline-offset:3px}.blog-post-footer-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1.5rem 0;margin-top:2.5rem;border-top:2px solid #f1f5f9}.post-tags{display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap;color:#64748b}.post-tag{background:#f1f5f9;color:#475569;padding:0.375rem 0.875rem;border-radius:2rem;font-size:0.875rem;font-weight:600;text-decoration:none;transition:all 0.2s ease}.post-tag:hover{background:#dbeafe;color:#1e40af}.post-share{display:flex;align-items:center;gap:0.625rem;font-size:0.9375rem;color:#64748b;font-weight:500}.share-btn{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:0.875rem;text-decoration:none;border:none;cursor:pointer;transition:all 0.2s ease;color:white}.share-twitter{background:#0F172A}.share-linkedin{background:#0A66C2}.share-copy{background:#64748b}.share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.2)}.blog-post-sidebar{position:sticky;top:2rem;display:flex;flex-direction:column;gap:1.5rem}.sidebar-widget{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;padding:1.5rem}.sidebar-widget-title{font-size:1rem;font-weight:700;color:#0F172A;margin-bottom:1.25rem;font-family:'Times New Roman', Times, Georgia, serif}.sidebar-cta{background:linear-gradient(135deg,#1E3A8A,#1E3A8A);color:white;border:none;text-align:center}.sidebar-cta-icon{width:52px;height:52px;background:rgba(255,255,255,0.15);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.375rem;margin:0 auto 1rem}.sidebar-cta h4{color:white;font-size:1.0625rem;margin-bottom:0.625rem}.sidebar-cta p{color:rgba(255,255,255,0.85);font-size:0.9375rem;line-height:1.6}.sidebar-related-list{list-style:none;display:flex;flex-direction:column;gap:1rem}.sidebar-related-link{display:flex;gap:0.875rem;text-decoration:none;align-items:flex-start;transition:opacity 0.2s}.sidebar-related-link:hover{opacity:0.8}.sidebar-related-thumb{width:60px;height:50px;object-fit:cover;border-radius:0.5rem;flex-shrink:0}.sidebar-related-thumb-placeholder{background:linear-gradient(135deg,#1E3A8A,#1E3A8A);display:flex;align-items:center;justify-content:center;color:white;font-size:1.25rem}.sidebar-related-title{display:block;font-size:0.9rem;font-weight:600;color:#0F172A;line-height:1.4;margin-bottom:0.25rem}.sidebar-related-date{display:block;font-size:0.8125rem;color:#94a3b8}.copy-toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%) translateY(4rem);background:#0F172A;color:white;padding:0.875rem 1.5rem;border-radius:3rem;font-size:0.9375rem;font-weight:500;display:flex;align-items:center;gap:0.625rem;opacity:0;transition:all 0.35s ease;z-index:9999;pointer-events:none}.copy-toast i{color:#10b981}.copy-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@media (max-width:992px){.blog-post-layout{grid-template-columns:1fr}.blog-post-sidebar{position:static;order:-1;display:none}.blog-post-hero{padding:3rem 0 2rem}}@media (max-width:768px){.blog-post-title{font-size:1.75rem}.blog-post-meta-bar{gap:1rem;font-size:0.875rem}.blog-post-cover-img{border-radius:0.75rem;max-height:280px}.blog-post-footer-bar{flex-direction:column;align-items:flex-start}.breadcrumb-current{max-width:200px}}





/* === /* === /* === /* === /* === /* === /* === /* === /* === /* === /* === /* === /* === /* === /* === /* === /* === INNER PAGES - SHARED COMPONENTS
   Reuses the homepage design language (home-hero, home-section-*,
   section-head, service-card, process-step, home-cta) on every
   inner page so the whole site feels like one system.
   ============================================================ */

/* Centered hero variant for inner pages */
.page-hero {
    padding: clamp(2.25rem, 4.5vw, 3.5rem) 0;
}

.home-hero-text h1 .hero-accent { color: #C9DDFF; }

.page-hero .home-hero-inner {
    display: flex;
    justify-content: center;
    text-align: center;
}

.page-hero .home-hero-text {
    max-width: 760px;
}

.page-hero .home-hero-text h1 {
    font-size: clamp(2rem, 4.2vw, 3.125rem);
    margin: 1rem auto 0.75rem;
}

.page-hero .home-hero-lead {
    margin-left: auto;
    margin-right: auto;
    max-width: 620px;
}

.page-hero .home-hero-cta {
    justify-content: center;
}

.page-hero .home-hero-proof {
    justify-content: center;
}

.page-hero .hero-breadcrumb {
    margin-top: 1rem;
    font-size: 0.8125rem;
    color: #BFD3FE;
    letter-spacing: 0.04em;
}

.page-hero .hero-breadcrumb a {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.page-hero .hero-breadcrumb a:hover {
    border-color: #fff;
}

/* Shared premium grid for inner-page card sections */
.p-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr));
    gap: 1.25rem;
}

.p-grid.cols-2 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); }

.p-grid.cols-3 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); }

.p-grid.cols-4 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); }

/* Premium card — same treatment as homepage service-card */
.premium-card {
    position: relative;
    background: #fff;
    border-radius: 1rem;
    padding: 1.75rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 10px 30px -12px rgba(15, 23, 42, 0.12);
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    height: 100%;
}

.premium-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    border-radius: 1rem 1rem 0 0;
    background: linear-gradient(90deg, var(--primary-color), var(--primary-light));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.35s ease;
}

.premium-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 20px 45px -14px rgba(29, 78, 216, 0.28);
}

.premium-card:hover::before { transform: scaleX(1); }

.premium-card h3 {
    font-size: 1.125rem;
    color: var(--text-dark);
    line-height: 1.3;
}

.premium-card p {
    font-size: 0.9375rem;
    color: var(--home-muted);
    line-height: 1.7;
    flex: 1;
}

.premium-card ul { list-style: none; margin: 0; }

.premium-card ul li {
    font-size: 0.875rem;
    color: var(--text-color);
    padding: 0.35rem 0;
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.premium-card ul li i {
    color: var(--primary-color);
    width: 18px;
    text-align: center;
    font-size: 0.75rem;
}

.premium-card ul li:first-child { padding-top: 0; }

/* Gradient icon tile — same as homepage service-icon */
.premium-icon {
    width: 52px;
    height: 52px;
    flex-shrink: 0;
    border-radius: 0.9rem;
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    box-shadow: 0 8px 20px -6px rgba(29, 78, 216, 0.45);
    margin-bottom: 0.25rem;
}

/* Gradient number badge — same as homepage process-num */
.num-badge {
    width: 42px;
    height: 42px;
    flex-shrink: 0;
    border-radius: 0.85rem;
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9375rem;
    font-weight: 700;
    box-shadow: 0 8px 18px -6px rgba(29, 78, 216, 0.45);
}

/* Check list — same as homepage proof items */
.check-list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1.5rem;
    margin: 0;
    padding: 0;
}

.check-list li {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--text-dark);
}

.check-list li i { color: var(--primary-color); }

/* Feature list inside premium cards / service cards */
.card-list,
.service-card ul,
.process-step ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.card-list li,
.service-card ul li,
.process-step ul li {
    font-size: 0.875rem;
    color: var(--text-color);
    padding: 0.35rem 0;
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    line-height: 1.5;
}

.card-list li:first-child,
.service-card ul li:first-child,
.process-step ul li:first-child { padding-top: 0; }

.card-list li i,
.service-card ul li i,
.process-step ul li i {
    color: var(--primary-color);
    margin-top: 0.3rem;
    font-size: 0.75rem;
    width: 16px;
    text-align: center;
    flex-shrink: 0;
}

/* Card head row (icon + number) */
.card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

/* Premium avatar (team / testimonials) */
.p-avatar {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid var(--home-tint-strong);
    box-shadow: 0 8px 20px -8px rgba(29, 78, 216, 0.5);
    flex-shrink: 0;
}

.p-avatar img { width: 100%; height: 100%; object-fit: cover; }

/* Two-column feature split (about / story / blog-post) */
.split-grid {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: clamp(2rem, 4vw, 3.5rem);
    align-items: center;
}

.split-grid.reverse { grid-template-columns: 0.9fr 1.1fr; }

.split-media {
    position: relative;
    border-radius: 1.1rem;
    overflow: hidden;
    box-shadow: 0 20px 50px -20px rgba(15, 23, 42, 0.35);
}

.split-media img {
    width: 100%;
    display: block;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.split-content h2 {
    font-size: clamp(1.5rem, 2.6vw, 2rem);
    color: var(--text-dark);
    margin-bottom: 1rem;
    line-height: 1.25;
}

.split-content p {
    font-size: 0.975rem;
    color: var(--text-color);
    line-height: 1.75;
    margin-bottom: 1rem;
}

.split-content ul { list-style: none; margin: 0 0 1.25rem; }

.split-content ul li {
    font-size: 0.9375rem;
    color: var(--text-dark);
    padding: 0.4rem 0;
    display: flex;
    gap: 0.6rem;
    align-items: flex-start;
}

.split-content ul li i {
    color: var(--primary-color);
    margin-top: 0.25rem;
    font-size: 0.85rem;
}

/* Premium form styling (contact / login / signup) */
.p-form {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
}

.p-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.1rem;
}

.p-field label {
    display: block;
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--text-dark);
    margin-bottom: 0.4rem;
    letter-spacing: 0.02em;
}

.p-field input,
.p-field select,
.p-field textarea {
    width: 100%;
    padding: 0.8rem 1rem;
    border: 1px solid var(--home-border);
    border-radius: 0.7rem;
    font-family: var(--font-body);
    font-size: 0.9375rem;
    color: var(--text-dark);
    background: #fff;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.p-field input:focus,
.p-field select:focus,
.p-field textarea:focus {
    outline: none;
    border-color: var(--primary-light);
    box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12);
}

.p-field textarea { min-height: 140px; resize: vertical; }

.p-form .btn-primary,
.p-form .btn-secondary { padding: 0.9rem 1.5rem; font-size: 0.9375rem; justify-content: center; }

.form-card { max-width: 520px; margin: 0 auto; }

/* Tag chip (tech stack / blog categories) */
.tag-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 0.9rem;
    border-radius: 999px;
    background: var(--home-tint-strong);
    border: 1px solid var(--home-soft-line);
    color: var(--primary-dark);
    font-size: 0.8125rem;
    font-weight: 600;
}

.tag-chip i { color: var(--primary-color); font-size: 0.75rem; }

.tag-chips { display: flex; flex-wrap: wrap; gap: 0.5rem; }

/* Blog / portfolio meta rows */
.meta-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    font-size: 0.8125rem;
    color: var(--home-muted);
}

.meta-row i { color: var(--primary-color); margin-right: 0.35rem; }

/* Featured / image-card variant */
.media-card {
    overflow: hidden;
    padding: 0;
}

.media-card img {
    width: 100%;
    display: block;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

.media-card .media-body {
    padding: 1.5rem 1.75rem 1.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    flex: 1;
}

.media-card .media-body h3 { font-size: 1.125rem; }

.media-card .media-body p {
    font-size: 0.9rem;
    color: var(--home-muted);
    line-height: 1.7;
    flex: 1;
}

.media-card .premium-link { margin-top: 0.25rem; }

.premium-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 700;
    font-size: 0.875rem;
    color: var(--primary-color);
    text-decoration: none;
    transition: color 0.2s ease;
}

.premium-link i { transition: transform 0.2s ease; font-size: 0.8125rem; }

.premium-link:hover { color: var(--primary-dark); }

.premium-link:hover i { transform: translateX(4px); }

/* Small note text */
.p-note {
    font-size: 0.8125rem;
    color: var(--home-muted);
    text-align: center;
}

/* Big centered icon card (feature deep-dive visuals) */
.p-icon-big { font-size: 3.5rem; color: var(--primary-color); }

.p-card-center {
    align-items: center;
    text-align: center;
    justify-content: center;
}

/* Inline testimonial quote box */
.t-inline {
    background: var(--home-tint);
    border-left: 3px solid var(--primary-color);
    border-radius: 0.6rem;
    padding: 0.9rem 1.1rem;
}

.t-inline p { font-style: italic; font-size: 0.875rem !important; color: #374151; line-height: 1.6; margin-bottom: 0.6rem; }

.t-inline strong { display: block; font-size: 0.875rem; color: var(--text-dark); }

.t-inline small { display: block; font-size: 0.8125rem; color: var(--home-muted); margin-top: 0.15rem; }

/* Big metric value (case-study results / stats inside cards) */
.metric-value {
    font-size: 2rem;
    font-weight: 800;
    color: var(--primary-color);
    line-height: 1.1;
    font-family: var(--font-heading);
}

/* Small section badge pill (challenge / solution / results) */
.s-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.95rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    background: var(--home-tint-strong);
    color: var(--primary-dark);
    border: 1px solid var(--home-soft-line);
}

.s-badge i { color: var(--primary-color); }

/* Alert / message boxes */
.p-alert {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    padding: 0.9rem 1.1rem;
    border-radius: 0.8rem;
    font-size: 0.9rem;
    line-height: 1.6;
}

.p-alert i { margin-top: 0.2rem; }

.p-alert.success { background: #ECFDF5; color: #065F46; border: 1px solid #A7F3D0; }

.p-alert.error { background: #FEF2F2; color: #991B1B; border: 1px solid #FECACA; }

.p-alert.info { background: var(--home-tint); color: var(--primary-dark); border: 1px solid var(--home-soft-line); }

/* Inner-page responsive tweaks */
@media (max-width: 900px) {
    .split-grid,
    .split-grid.reverse { grid-template-columns: 1fr; }
    .split-media { order: -1; }
    .page-hero .home-hero-cta { flex-wrap: wrap; }
}

@media (max-width: 640px) {
    body.inner-page { font-size: 15px; }
    body.inner-page .section-title { font-size: 1.5rem; }
    body.inner-page .section-subtitle { font-size: 0.9375rem; }
    body.inner-page .stat-number { font-size: 1.5rem; }
    body.inner-page .home-cta-inner h2 { font-size: 1.5rem; }
    .p-form-row { grid-template-columns: 1fr; }
    .p-grid { grid-template-columns: 1fr; }
    .page-hero .home-hero-text h1 { font-size: clamp(1.75rem, 8vw, 2.25rem); }
    .premium-card h3 { font-size: 1.0625rem; }
    .premium-card p { font-size: 0.875rem; }
    .premium-card ul li { font-size: 0.8125rem; }
    .split-content h2 { font-size: 1.4rem; }
}

/* Portfolio bento "visit site" button */
.bento-visit-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1rem;
    padding: 0.55rem 1.1rem;
    border-radius: 0.5rem;
    background: var(--primary-color);
    color: #fff;
    font-weight: 600;
    font-size: 0.8125rem;
    text-decoration: none;
    transition: background 0.2s ease, transform 0.2s ease;
}

.bento-visit-link:hover {
    background: var(--primary-dark);
    transform: translateY(-1px);
}

/* Legal / terms & privacy text styles */
.legal-content {
    font-size: 0.9375rem;
    font-size: 0.9375rem;
    line-height: 1.8;
    color: var(--home-muted, #475569);
}

.legal-content h2 {
    font-size: 1.375rem;
    font-family: var(--font-heading);
    color: var(--text-dark, #0F172A);
    margin: 2.25rem 0 0.875rem;
}

.legal-content h3 {
    font-size: 1.0625rem;
    color: var(--text-dark, #0F172A);
    margin: 1.5rem 0 0.75rem;
}

.legal-content p { margin-bottom: 1rem; }

.legal-content ul {
    padding-left: 1.25rem;
    margin-bottom: 1.25rem;
    display: grid;
    gap: 0.5rem;
}

.legal-content ul li::marker { color: var(--primary-color); }

.legal-content hr {
    border: none;
    border-top: 1px solid var(--home-border, #E8EEF6);
    margin: 2.25rem 0;
}

.legal-content a {
    color: var(--primary-color);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.legal-content table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
    margin: 1rem 0 1.5rem;
}

.legal-content table th,
.legal-content table td {
    padding: 0.75rem 1rem;
    text-align: left;
    border: 1px solid var(--home-border, #E8EEF6);
}

.legal-content table thead th {
    background: #F1F5F9;
    font-family: var(--font-heading);
}

.legal-content table tbody tr:nth-child(even) {
    background: #F8FAFC;
}

@media (max-width: 640px) {
    .legal-content { font-size: 0.875rem; }
}

/* ============================================================

/* ============================================================

/* ============================================================

/* ============================================================
   HOMEPAGE — BLUE PROFESSIONAL
   Scope: body.home-page (index.php only)
   Uses the site design tokens (--primary-color, --dark-color, …)
   ============================================================ */
body.home-page {
    --home-border: #E8EEF6;
    --home-tint: #E9F0FE;
    --home-tint-strong: #E3EDFF;
    --home-muted: #64748B;
    --home-soft-line: #BFCEFD;
    background: #fff;
}

/* ---------- Shared helpers ---------- */
.eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 1rem;
    background: var(--home-tint-strong);
    color: var(--primary-color);
    border: 1px solid var(--home-soft-line);
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    width: fit-content;
}

.section-eyebrow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    margin: 0 auto 0.75rem;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--primary-color);
}

.section-eyebrow::before,
.section-eyebrow::after {
    content: '';
    display: block;
    width: 26px;
    height: 2px;
    background: var(--primary-color);
    opacity: 0.4;
    border-radius: 2px;
}

.section-head { text-align: center; margin-bottom: 1.5rem; }

body.home-page .section-title { margin-bottom: 0.5rem; letter-spacing: -0.01em; }

body.home-page .section-subtitle {
    margin-bottom: 0;
    font-size: 1.0625rem;
    color: var(--home-muted);
}

.home-section {
    padding: clamp(2.5rem, 4.5vw, 3.75rem) 0;
    background-color: #fff;
    background-image:
        radial-gradient(620px 300px at 0% 0%, rgba(29, 78, 216, 0.035), transparent 60%),
        radial-gradient(620px 300px at 100% 100%, rgba(29, 78, 216, 0.035), transparent 60%);
}

.home-section-alt {
    background-color: var(--home-tint);
    background-image:
        radial-gradient(rgba(29, 78, 216, 0.05) 1px, transparent 1px),
        radial-gradient(700px 320px at 88% 0%, rgba(29, 78, 216, 0.06), transparent 60%),
        radial-gradient(700px 320px at 12% 100%, rgba(29, 78, 216, 0.06), transparent 60%),
        linear-gradient(180deg, var(--home-tint) 0%, #FBFDFF 100%);
    background-size: 22px 22px, auto, auto, auto;
}

/* Deep navy band (white cards on top) */
.home-section-dark {
    padding: clamp(2.5rem, 4.5vw, 3.75rem) 0;
    background-color: #1E3A8A;
    background-image:
        radial-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px),
        radial-gradient(800px 340px at 85% 0%, rgba(255, 255, 255, 0.08), transparent 60%),
        radial-gradient(800px 340px at 15% 100%, rgba(30, 58, 138, 0.6), transparent 60%),
        linear-gradient(135deg, #1E3A8A 0%, #15265F 100%);
    background-size: 22px 22px, auto, auto, auto;
}

/* Bright blue gradient band (white cards on top) */
.home-section-deep {
    padding: clamp(2.5rem, 4.5vw, 3.75rem) 0;
    background-color: var(--primary-color);
    background-image:
        radial-gradient(rgba(255, 255, 255, 0.07) 1px, transparent 1px),
        radial-gradient(800px 340px at 88% 0%, rgba(255, 255, 255, 0.10), transparent 60%),
        radial-gradient(800px 340px at 12% 100%, rgba(30, 58, 138, 0.55), transparent 60%),
        linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
    background-size: 22px 22px, auto, auto, auto;
}

/* Dark/deep section heading overrides */
.home-section-dark .section-eyebrow,
.home-section-deep .section-eyebrow {
    color: #BFD3FE;
}

.home-section-dark .section-eyebrow::before,
.home-section-dark .section-eyebrow::after,
.home-section-deep .section-eyebrow::before,
.home-section-deep .section-eyebrow::after {
    background: #BFD3FE;
}

.home-section-dark .section-title,
.home-section-deep .section-title { color: #fff; }

.home-section-dark .section-subtitle,
.home-section-deep .section-subtitle { color: #CBD8F6; }

/* ---------- Navbar ---------- */
.navbar.scrolled {
    box-shadow: 0 6px 24px rgba(15, 23, 42, 0.07);
    padding: 0.75rem 0;
}

.navbar-menu a.active { color: var(--primary-color); }
.navbar-menu a.active::after { width: 100%; }

/* ---------- Hero (solid blue) ---------- */
.home-hero {
    background-color: var(--primary-color);
    background-image:
        radial-gradient(1000px 460px at 85% -10%, rgba(255, 255, 255, 0.14), transparent 60%),
        radial-gradient(800px 480px at 5% 115%, rgba(30, 58, 138, 0.5), transparent 60%),
        linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px),
        linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
    background-size: auto, auto, 44px 44px, 44px 44px, auto;
    border-bottom: 4px solid var(--primary-dark);
    padding: clamp(2.5rem, 5vw, 4rem) 0;
    position: relative;
    overflow: hidden;
}

.home-hero::before {
    content: '';
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.10);
    right: -140px;
    top: -140px;
    pointer-events: none;
}

.home-hero::after {
    content: '';
    position: absolute;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.08);
    right: 70px;
    top: 40px;
    pointer-events: none;
}

.home-hero-inner {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: clamp(2rem, 4vw, 3rem);
    align-items: center;
    position: relative;
    z-index: 1;
}

.home-hero-text { max-width: 620px; }

.home-hero .eyebrow {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.28);
    color: #fff;
}

.home-hero-text h1 {
    font-size: clamp(2.125rem, 4.2vw, 3.25rem);
    line-height: 1.18;
    letter-spacing: -0.02em;
    color: #fff;
    margin: 1rem 0 0.75rem;
}

.home-hero-lead {
    font-size: 1.0625rem;
    line-height: 1.7;
    color: #D9E5FF;
    margin-bottom: 1.25rem;
    max-width: 540px;
}

.home-hero-cta {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
}

.home-hero-cta .btn-primary,
.home-hero-cta .btn-ghost { padding: 0.95rem 1.75rem; font-size: 1rem; }

.home-hero-cta .btn-primary {
    background: #fff;
    color: var(--primary-color);
    box-shadow: 0 8px 24px rgba(10, 40, 80, 0.28);
}

.home-hero-cta .btn-primary:hover {
    background: #E3EDFF;
    color: var(--primary-color);
    box-shadow: 0 12px 30px rgba(10, 40, 80, 0.34);
}

.btn-ghost {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-md);
    font-family: var(--font-heading);
    font-size: 1rem;
    font-weight: 600;
    color: var(--primary-color);
    border: 2px solid var(--primary-color);
    background: transparent;
    transition: all 0.25s ease;
}

.btn-ghost:hover {
    background: var(--primary-color);
    color: #fff;
}

.home-hero-cta .btn-ghost {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.7);
}

.home-hero-cta .btn-ghost:hover {
    background: #fff;
    color: var(--primary-color);
    border-color: #fff;
}

.home-hero-proof {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    flex-wrap: wrap;
}

.proof-item {
    font-size: 0.875rem;
    color: #D9E5FF;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.proof-item strong {
    font-size: 1rem;
    color: #fff;
}

.proof-item i {
    color: #BFCFFD;
    font-size: 0.9375rem;
}

.home-hero-visual { position: relative; }

.home-hero-visual::before {
    content: '';
    position: absolute;
    top: -60px;
    right: -60px;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.16), transparent 65%);
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

.hero-visual-frame {
    position: relative;
    z-index: 1;
    border-radius: 1.25rem;
    overflow: hidden;
    box-shadow: 0 18px 46px rgba(10, 40, 80, 0.35);
    border: 4px solid rgba(255, 255, 255, 0.9);
    height: clamp(320px, 40vw, 460px);
}

.hero-visual-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.hero-float-card {
    position: absolute;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: #fff;
    border: 1px solid var(--home-border);
    border-radius: 1rem;
    padding: 0.75rem 1rem;
    box-shadow: 0 14px 34px rgba(10, 40, 80, 0.28);
}

.hero-float-card--primary { left: -22px; bottom: 30px; }
.hero-float-card--secondary { right: -16px; top: 26px; }

.hero-float-icon {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--home-tint-strong);
    color: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9375rem;
}

.hero-float-meta strong {
    display: block;
    color: var(--text-dark);
    font-size: 0.9375rem;
    line-height: 1.3;
}

.hero-float-meta span {
    color: var(--home-muted);
    font-size: 0.8125rem;
}

/* ---------- Stats strip (deep blue band) ---------- */
body.home-page .stats-section {
    background-color: #1D4ED8;
    background-image:
        radial-gradient(900px 320px at 50% -40%, rgba(255, 255, 255, 0.14), transparent 60%),
        linear-gradient(180deg, #1D4ED8 0%, #1E3A8A 100%);
    padding: 1.75rem 0;
}

body.home-page .stats-section::before { display: none; }

body.home-page .stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}

body.home-page .stat-card {
    text-align: center;
    padding: 0 1rem;
    border-left: 1px solid rgba(255, 255, 255, 0.16);
}

body.home-page .stat-card:first-child { border-left: none; }

body.home-page .stat-number {
    font-size: clamp(1.75rem, 3vw, 2.25rem);
    font-weight: 700;
    line-height: 1;
    color: #fff;
    margin-bottom: 0.25rem;
}

body.home-page .stat-number::after {
    content: '+';
    color: #BFD3FE;
}

body.home-page .stat-card:nth-child(2) .stat-number::after { content: '%'; }
body.home-page .stat-card:nth-child(3) .stat-number::after { content: '+'; }

body.home-page .stat-label {
    font-size: 0.9375rem;
    font-weight: 500;
    color: #CBD8F6;
}

/* ---------- Services ---------- */
.services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
    gap: 1rem;
}

.service-card {
    position: relative;
    background: #fff;
    border: 1px solid var(--home-border);
    border-radius: 1rem;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
    transition: all 0.25s ease;
    overflow: hidden;
}

.service-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--primary-color), var(--primary-light));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}

.service-card:hover {
    transform: translateY(-5px);
    border-color: var(--primary-color);
    box-shadow: 0 16px 34px rgba(29, 78, 216, 0.12);
}

.service-card:hover::before { transform: scaleX(1); }

.service-icon {
    width: 52px;
    height: 52px;
    border-radius: 0.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
    color: #fff;
    font-size: 1.25rem;
    box-shadow: 0 6px 16px rgba(29, 78, 216, 0.28);
}

.service-card h3 {
    font-size: 1.125rem;
    color: var(--text-dark);
    margin-bottom: 0.375rem;
}

.service-card p {
    color: var(--home-muted);
    line-height: 1.65;
    font-size: 0.9375rem;
    margin: 0;
    flex-grow: 1;
}

.service-link {
    margin-top: 0.375rem;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    font-size: 0.875rem;
    color: var(--primary-color);
    text-decoration: none;
}

.service-link i {
    font-size: 0.75rem;
    transition: transform 0.2s ease;
}

.service-link:hover { color: var(--primary-dark); }
.service-link:hover i { transform: translateX(4px); }

/* ---------- Process ---------- */
.process-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 0.875rem;
}

.process-step {
    position: relative;
    background: #fff;
    border: 1px solid var(--home-border);
    border-radius: 1rem;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    transition: all 0.25s ease;
    overflow: hidden;
}

.process-step::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--primary-color), var(--primary-light));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}

.process-step:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 34px rgba(29, 78, 216, 0.12);
    border-color: var(--primary-color);
}

.process-step:hover::before { transform: scaleX(1); }

.process-head {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.process-num {
    flex-shrink: 0;
    width: 46px;
    height: 46px;
    border-radius: 0.75rem;
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
    color: #fff;
    font-weight: 800;
    font-size: 0.9375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 14px rgba(29, 78, 216, 0.26);
}

.process-step h3 {
    font-size: 1.0625rem;
    color: var(--text-dark);
    margin: 0;
    line-height: 1.3;
}

.process-step p {
    color: var(--home-muted);
    line-height: 1.65;
    font-size: 0.875rem;
    margin: 0;
}

/* ---------- Featured work ---------- */
.featured-work {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(1.5rem, 3.5vw, 2.5rem);
    align-items: center;
    background: #fff;
    border: 1px solid var(--home-border);
    border-radius: 1.25rem;
    padding: clamp(1rem, 2.5vw, 1.5rem);
    box-shadow: 0 12px 34px rgba(15, 23, 42, 0.06);
}

.featured-media {
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.12);
}

.featured-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    aspect-ratio: 4 / 3;
    transition: transform 0.4s ease;
}

.featured-media a:hover img { transform: scale(1.03); }

.featured-name {
    display: inline-block;
    font-weight: 700;
    font-size: 0.75rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--primary-color);
    margin-bottom: 0.625rem;
}

.featured-content h3 {
    font-size: clamp(1.25rem, 2.5vw, 1.5rem);
    color: var(--text-dark);
    margin-bottom: 0.75rem;
    line-height: 1.35;
}

.featured-content > p {
    color: #475569;
    line-height: 1.7;
    font-size: 1rem;
    margin-bottom: 1rem;
}

.featured-metrics {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.875rem;
    border-top: 1px solid var(--home-border);
    border-bottom: 1px solid var(--home-border);
    padding: 1rem 0;
    margin-bottom: 1rem;
}

.fm { display: flex; flex-direction: column; gap: 0.2rem; }

.fm-number {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-dark);
    line-height: 1;
}

.fm-label { font-size: 0.8125rem; color: var(--home-muted); }

.featured-quote {
    font-style: italic;
    color: #475569;
    line-height: 1.7;
    font-size: 0.9375rem;
    margin-bottom: 0.375rem;
}

.featured-quote-author {
    color: var(--home-muted);
    font-size: 0.875rem;
    margin-bottom: 1rem;
}

.featured-cta {
    display: flex;
    gap: 0.875rem;
    flex-wrap: wrap;
}

.featured-cta .btn-primary,
.featured-cta .btn-secondary { padding: 0.85rem 1.5rem; font-size: 0.9375rem; }

/* ---------- Testimonials ---------- */
.testimonials-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr));
    gap: 1rem;
}

.t-card {
    position: relative;
    background: #fff;
    border: 1px solid var(--home-border);
    border-radius: 1rem;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
    transition: all 0.25s ease;
    overflow: hidden;
}

.t-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--primary-color), var(--primary-light));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}

.t-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 34px rgba(29, 78, 216, 0.12);
    border-color: var(--primary-color);
}

.t-card:hover::before { transform: scaleX(1); }

.t-quote-mark {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    width: 38px;
    height: 38px;
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--home-tint-strong);
    color: var(--primary-color);
    font-size: 0.9375rem;
}

.t-stars {
    color: #F59E0B;
    letter-spacing: 0.2em;
    font-size: 0.875rem;
}

.t-quote {
    color: #475569;
    line-height: 1.7;
    font-size: 0.9375rem;
    margin: 0;
    flex-grow: 1;
    padding-right: 2.75rem;
}

.t-author {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    border-top: 1px solid var(--home-border);
    padding-top: 1rem;
}

.t-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
    color: #fff;
    font-weight: 700;
    font-size: 0.8125rem;
    flex-shrink: 0;
    box-shadow: 0 4px 10px rgba(29, 78, 216, 0.24);
}

.t-meta { display: flex; flex-direction: column; }

.t-meta strong { color: var(--text-dark); font-size: 0.9375rem; }

.t-meta small { color: var(--home-muted); font-size: 0.8125rem; }

/* ---------- CTA ---------- */
.home-cta {
    background: var(--dark-color);
    padding: clamp(2.5rem, 5vw, 4rem) 0;
}

.home-cta-inner {
    text-align: center;
    max-width: 660px;
    margin: 0 auto;
}

.home-cta-inner h2 {
    color: #fff;
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    margin-bottom: 0.625rem;
    letter-spacing: -0.01em;
}

.home-cta-inner p {
    color: #CBD5E1;
    font-size: 1.0625rem;
    margin-bottom: 1.5rem;
    line-height: 1.7;
}

.home-cta-actions {
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.home-cta-actions .btn-primary,
.home-cta-actions .btn-white { padding: 0.95rem 1.75rem; font-size: 1rem; }

/* ---------- Sliders ---------- */
.slider { position: relative; }

.slider-viewport {
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    scroll-behavior: smooth;
}

.slider-viewport::-webkit-scrollbar { display: none; }

.slider-viewport > .services-grid,
.slider-viewport > .process-grid,
.slider-viewport > .testimonials-grid {
    width: 100%;
    display: flex;
}

.slider-viewport > .services-grid { gap: 1rem; }
.slider-viewport > .process-grid { gap: 0.875rem; }
.slider-viewport > .testimonials-grid { gap: 1rem; }

.slider-viewport > .services-grid .service-card,
.slider-viewport > .process-grid .process-step,
.slider-viewport > .testimonials-grid .t-card {
    flex: 0 0 calc((100% - 2rem) / 3);
    scroll-snap-align: start;
}

.slider-viewport > .process-grid .process-step { flex-basis: calc((100% - 1.75rem) / 3); }

.slider-nav {
    display: flex;
    justify-content: center;
    gap: 0.75rem;
    margin-top: 1.25rem;
}

.slider-btn {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid var(--home-soft-line);
    background: #fff;
    color: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 0.875rem;
    transition: all 0.2s ease;
}

.slider-btn:hover:not(:disabled) {
    background: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
    box-shadow: 0 6px 18px rgba(29, 78, 216, 0.25);
}

.slider-btn:disabled { opacity: 0.3; cursor: not-allowed; }

/* Generic grids inside sliders (inner-page card sections) */
.slider-viewport > .p-grid,
.slider-viewport > .bento-grid {
    width: 100%;
    display: flex;
    gap: 1.25rem;
}

.slider-viewport > .p-grid > *,
.slider-viewport > .bento-grid > * {
    flex: 0 0 calc((100% - 2.5rem) / 3);
    scroll-snap-align: start;
}

.slider-viewport > .p-grid.cols-2 > * { flex-basis: calc((100% - 1.25rem) / 2); }

.slider-viewport > .p-grid.cols-4 > * { flex-basis: calc((100% - 3.75rem) / 4); }

.slider-viewport > .bento-grid > .bento-item {
    height: 280px;
    flex-basis: calc((100% - 2.5rem) / 3);
}

/* ---------- Responsive ---------- */
@media (max-width: 992px) {
    .home-hero-inner {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .home-hero-text { max-width: 100%; text-align: center; }
    .home-hero-text h1 { margin-left: auto; margin-right: auto; }
    .home-hero-lead { margin-left: auto; margin-right: auto; }
    .home-hero-cta, .home-hero-proof { justify-content: center; }

    .hero-float-card--primary { left: 14px; bottom: 18px; }
    .hero-float-card--secondary { right: 14px; top: 18px; }

    body.home-page .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 1.25rem 0; }
    body.home-page .stat-card:nth-child(3) { border-left: none; }
    body.home-page .stat-card { padding: 0.75rem 1rem; }

    .slider-viewport > .services-grid .service-card,
    .slider-viewport > .testimonials-grid .t-card { flex-basis: calc((100% - 1rem) / 2); }
    .slider-viewport > .process-grid .process-step { flex-basis: calc((100% - 0.875rem) / 2); }

    .slider-viewport > .p-grid > *,
    .slider-viewport > .p-grid.cols-4 > *,
    .slider-viewport > .bento-grid > * { flex-basis: calc((100% - 1.25rem) / 2); }

    .featured-work { grid-template-columns: 1fr; }
    .featured-media img { aspect-ratio: 16 / 9; }
}

@media (max-width: 768px) {
    .featured-metrics { grid-template-columns: 1fr; gap: 0.875rem; }
    .home-cta-actions { flex-direction: column; }
}

@media (max-width: 640px) {
    body.home-page { font-size: 15px; }

    .home-hero-visual { display: none; }

    .home-hero-text h1 { font-size: clamp(1.75rem, 8vw, 2.25rem); }
    .home-hero-lead { font-size: 0.9375rem; }
    .home-hero-cta .btn-primary,
    .home-hero-cta .btn-ghost { padding: 0.85rem 1.5rem; font-size: 0.9375rem; }
    .proof-item { font-size: 0.8125rem; }
    .proof-item strong { font-size: 0.9375rem; }

    body.home-page .section-title { font-size: 1.5rem; }
    body.home-page .section-subtitle { font-size: 0.9375rem; }
    body.home-page .stat-number { font-size: 1.5rem; }

    .service-card h3 { font-size: 1.0625rem; }
    .service-card p { font-size: 0.875rem; }
    .process-step h3 { font-size: 1rem; }
    .t-quote { font-size: 0.875rem; }
    .home-cta-inner h2 { font-size: 1.5rem; }

    .slider-viewport > .services-grid .service-card,
    .slider-viewport > .process-grid .process-step,
    .slider-viewport > .testimonials-grid .t-card { flex-basis: calc(100% - 2.5rem); }

    .slider-viewport > .p-grid > *,
    .slider-viewport > .p-grid.cols-2 > *,
    .slider-viewport > .p-grid.cols-4 > *,
    .slider-viewport > .bento-grid > * { flex-basis: calc(100% - 2.5rem); }
}

@media (max-width: 480px) {
    .hero-float-card--secondary { display: none; }
    .hero-float-card { padding: 0.625rem 0.75rem; }
    .hero-float-icon { width: 34px; height: 34px; font-size: 0.8125rem; }
}