:root {
  --black: #050505;
  --surface: #0b0d10;
  --surface-strong: #11151b;
  --line: rgba(255, 255, 255, 0.16);
  --line-soft: rgba(255, 255, 255, 0.08);
  --white: #ffffff;
  --muted: #b9c0cc;
  --blue: #168dff;
  --blue-soft: #9ed7ff;
  --blue-deep: #082d5b;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  color: var(--white);
  background: var(--black);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.55;
}

a { color: inherit; text-decoration: none; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 20;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 30px;
  min-height: 116px;
  padding: 14px clamp(20px, 4vw, 70px);
  background: rgba(5, 5, 5, 0.96);
  border-bottom: 1px solid var(--line-soft);
  backdrop-filter: blur(18px);
}

.brand { display: inline-flex; align-items: center; padding: 0; background: #050505; }

.brand-logo { display: block; width: 150px; height: 100px; object-fit: contain; }

.site-footer .brand-logo { filter: none; }

.site-nav,
.header-actions,
.hero-actions,
.dual-actions {
  display: flex;
  align-items: center;
}

.site-nav { justify-content: center; gap: clamp(16px, 2vw, 34px); color: #edf3ff; font-size: 0.88rem; }

.site-nav a,
.footer-links a { transition: color 0.2s ease; }

.site-nav a:hover,
.footer-links a:hover,
.blog-grid a:hover { color: var(--blue); }

.header-actions { gap: 12px; }

.header-link,
.header-cta {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  padding: 10px 17px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 8px;
  font-size: 0.84rem;
  white-space: nowrap;
}

.header-link { background: rgba(255, 255, 255, 0.08); }
.header-cta { background: var(--white); border-color: var(--white); color: var(--black); font-weight: 800; }

.nav-toggle {
  display: none;
  width: 42px;
  height: 42px;
  padding: 0;
  background: transparent;
  border: 1px solid var(--line);
  border-radius: 8px;
}

.nav-toggle span { display: block; width: 18px; height: 2px; margin: 4px auto; background: var(--white); }

.hero,
.section,
.contact-section,
.site-footer { padding-right: clamp(20px, 5vw, 78px); padding-left: clamp(20px, 5vw, 78px); }

.hero { 
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 0.98fr) minmax(390px, 0.82fr);
  gap: clamp(36px, 6vw, 104px);
  align-items: center;
  min-height: calc(100vh - 116px);
  padding-top: clamp(58px, 9vw, 128px);
  padding-bottom: clamp(58px, 8vw, 112px);
  overflow: hidden;
}

.hero-copy,
.hero-showcase,
.section,
.contact-section,
.site-footer { position: relative; z-index: 1; }

.eyebrow {
  display: inline-flex;
  margin: 0 0 18px;
  padding: 8px 15px;
  color: var(--blue-soft);
  border: 1px solid rgba(22, 141, 255, 0.75);
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

h1, h2, h3, p { margin-top: 0; }

h1 {
  max-width: 710px;
  margin-bottom: 20px;
  font-size: clamp(2.55rem, 4.1vw, 4.7rem);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.1;
}

h2 {
  max-width: 800px;
  margin-bottom: 18px;
  font-size: clamp(2rem, 3.15vw, 3.65rem);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.13;
}

h3 { margin-bottom: 14px; font-size: 1.35rem; font-weight: 500; line-height: 1.24; }

.hero-accent { margin: 0 0 8px; color: var(--blue); font-size: clamp(2rem, 3vw, 3.5rem); font-weight: 700; line-height: 1; }

.hero-text,
.section-heading p,
.split-section p,
.about-band p,
.design-section p,
.testimonial-section p,
.contact-section p { color: var(--muted); }


.hero-text { max-width: 630px; margin-bottom: 28px; font-size: 1rem; }

.hero-actions,
.dual-actions { gap: 14px; flex-wrap: wrap; }

.button {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  padding: 12px 22px;
  border: 1px solid var(--white);
  border-radius: 8px;
  font-size: 0.9rem;
  font-weight: 800;
  transition: transform 0.2s ease, background 0.2s ease;
}

.button:hover { transform: translateY(-2px); }
.button.primary { color: var(--black); background: var(--white); }
.button.secondary { color: var(--white); border-color: var(--line); background: transparent; }

.hero-showcase { min-height: 650px; overflow: visible; }
.hero-ai-visual { position: absolute; top: 50%; right: -3%; width: min(128%, 740px); max-width: none; height: auto; aspect-ratio: 1 / 1; object-fit: contain; object-position: center; border: 0; border-radius: 0; box-shadow: none; mix-blend-mode: screen; transform: translateY(-50%); animation: hero-float 7s ease-in-out infinite; }

@keyframes hero-float { 0%, 100% { translate: 0 0; scale: 1; } 50% { translate: 0 -12px; scale: 1.015; } }

.hero-copy > * { animation: hero-enter 0.75s both; }
.hero-copy > *:nth-child(1) { animation-delay: 0.08s; }.hero-copy > *:nth-child(2) { animation-delay: 0.16s; }.hero-copy > *:nth-child(3) { animation-delay: 0.24s; }.hero-copy > *:nth-child(4) { animation-delay: 0.32s; }.hero-copy > *:nth-child(5) { animation-delay: 0.4s; }

@keyframes hero-enter { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }

.reveal { opacity: 0; transform: translateY(32px); transition: opacity 0.7s ease, transform 0.7s ease; }
.reveal.is-visible { opacity: 1; transform: translateY(0); }
.case-study-card, .service-card, .feature-grid article, .blog-grid article { transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease; }
.case-study-card:hover, .feature-grid article:hover, .blog-grid article:hover { transform: translateY(-6px); border-color: rgba(22, 141, 255, 0.92); box-shadow: 0 18px 32px rgba(0, 0, 0, 0.22); }
.stats-grid article { position: relative; overflow: hidden; }.stats-grid article::before { position: absolute; inset: -80% auto auto -20%; width: 42%; height: 240%; background: rgba(22, 141, 255, 0.1); content: ""; transform: rotate(24deg); animation: stat-sheen 5.5s ease-in-out infinite; }
@keyframes stat-sheen { 0%, 58% { translate: -240% 0; } 78%, 100% { translate: 550% 0; } }
.service-marquee span { animation: ribbon-slide 12s linear infinite; }
.service-marquee span:nth-child(even) { animation-delay: -3s; }
@keyframes ribbon-slide { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(-26px); } }

@media (prefers-reduced-motion: reduce) { .hero-ai-visual, .hero-copy > *, .service-marquee span, .stats-grid article::before { animation: none; }.reveal { opacity: 1; transform: none; transition: none; } }

.browser-mock {
  position: absolute;
  top: 55px;
  right: 0;
  width: min(475px, 95%);
  padding: 22px;
  background: #eef7ff;
  border: 8px solid #15202c;
  border-radius: 8px;
  box-shadow: 24px 26px 0 #0c335f;
}

.browser-top { display: flex; gap: 8px; margin-bottom: 24px; }
.browser-top span { width: 10px; height: 10px; background: #168dff; border-radius: 50%; }
.browser-top span:nth-child(2) { background: #77baff; }
.browser-top span:nth-child(3) { background: #0c5bb7; }

.browser-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-bottom: 20px; }
.metric-tile { padding: 17px; color: #0d2950; background: #dceeff; border-radius: 6px; }
.metric-tile.blue { color: var(--white); background: var(--blue); }
.metric-tile strong { display: block; font-size: 1.8rem; line-height: 1; }
.metric-tile small { font-weight: 700; }

.chart-line { position: relative; height: 132px; margin-bottom: 20px; overflow: hidden; background: var(--white); border: 1px solid #b9dcff; border-radius: 6px; }
.chart-line::after { position: absolute; top: 66%; left: -4%; width: 110%; border-top: 3px solid var(--blue); content: ""; transform: rotate(-16deg); transform-origin: left center; }
.mock-list { display: grid; gap: 10px; }
.mock-list span { display: block; height: 14px; background: #cfe7ff; border-radius: 999px; }
.mock-list span:nth-child(2) { width: 74%; }.mock-list span:nth-child(3) { width: 56%; }

.phone-mock { position: absolute; bottom: 0; left: 5%; width: 175px; min-height: 340px; padding: 15px; background: #121f2e; border: 6px solid #26384b; border-radius: 26px; box-shadow: -18px 22px 0 #0e315d; }
.phone-speaker { width: 54px; height: 7px; margin: 0 auto 18px; background: #4f6480; border-radius: 999px; }
.mobile-card { height: 184px; background: #93c8ff; border-radius: 15px; }
.mobile-tabs { display: grid; gap: 10px; margin-top: 16px; }.mobile-tabs span { height: 13px; background: #34587f; border-radius: 999px; }

.floating-card { position: absolute; right: 4%; bottom: 30px; z-index: 3; width: 210px; padding: 17px; color: #0d2950; background: var(--white); border-left: 4px solid var(--blue); box-shadow: 12px 12px 0 rgba(22, 141, 255, 0.38); }
.floating-card span, .floating-card p { display: block; margin: 0; font-size: 0.78rem; }.floating-card strong { display: block; margin: 5px 0; color: var(--blue); font-size: 2rem; line-height: 1; }

.hero-orbit { position: absolute; right: -8px; bottom: -9px; z-index: 4; display: grid; width: 128px; height: 128px; place-content: center; gap: 2px; color: var(--white); background: #0c5bb7; border: 1px solid rgba(255, 255, 255, 0.58); border-radius: 50%; box-shadow: 0 0 0 10px rgba(22, 141, 255, 0.16); text-align: center; text-transform: uppercase; }
.hero-orbit span { font-size: 0.58rem; letter-spacing: 0; }.hero-orbit strong { font-size: 1rem; }

.section { padding-top: clamp(74px, 10vw, 140px); padding-bottom: clamp(74px, 10vw, 140px); }
.section-heading { max-width: 800px; margin-bottom: 44px; }.section-heading.centered { margin-right: auto; margin-left: auto; text-align: center; }.section-heading.centered .eyebrow { justify-content: center; }

.trust-section { padding-top: 70px; background-color: #071b31; background-image: url("https://images.unsplash.com/photo-1518770660439-4636190af475?auto=format&fit=crop&w=1800&q=85"); background-position: center; background-size: cover; background-blend-mode: multiply; border-top: 1px solid var(--line-soft); }
.stats-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; max-width: 980px; margin: 44px auto 28px; }
.stats-grid article { min-height: 170px; display: grid; place-content: center; gap: 8px; padding: 20px; background: var(--surface); border: 1px solid var(--line); border-radius: 8px; text-align: center; }
.stats-grid strong { font-size: clamp(1.85rem, 3vw, 2.7rem); font-weight: 500; }.stats-grid span { color: var(--muted); font-size: 0.9rem; }

.logo-marquee { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
.logo-marquee span { display: grid; min-height: 96px; place-items: center; padding: 14px; color: #dfeaff; background: #07090c; border: 1px solid var(--line); border-radius: 8px; font-size: 0.94rem; font-weight: 700; text-align: center; }

.stats-grid article, .logo-marquee span { background-position: center; background-size: cover; background-blend-mode: multiply; }
.stats-grid article:nth-child(1) { background-color: #073465; background-image: url("https://images.unsplash.com/photo-1556742049-0cfed4f6a45d?auto=format&fit=crop&w=800&q=82"); }
.stats-grid article:nth-child(2) { background-color: #0a3865; background-image: url("https://images.unsplash.com/photo-1521737711867-e3b97375f902?auto=format&fit=crop&w=800&q=82"); }
.stats-grid article:nth-child(3) { background-color: #10365f; background-image: url("https://images.unsplash.com/photo-1554224155-6726b3ff858f?auto=format&fit=crop&w=800&q=82"); }
.stats-grid article:nth-child(4) { background-color: #123d70; background-image: url("https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=800&q=82"); }
.logo-marquee span:nth-child(1) { background-color: #06386f; background-image: url("https://images.unsplash.com/photo-1559526324-4b87b5e36e44?auto=format&fit=crop&w=700&q=80"); }
.logo-marquee span:nth-child(2) { background-color: #095050; background-image: url("https://images.unsplash.com/photo-1576091160399-112ba8d25d1d?auto=format&fit=crop&w=700&q=80"); }
.logo-marquee span:nth-child(3) { background-color: #26436c; background-image: url("https://images.unsplash.com/photo-1472851294608-062f824d29cc?auto=format&fit=crop&w=700&q=80"); }
.logo-marquee span:nth-child(4) { background-color: #153d69; background-image: url("https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=700&q=80"); }
.logo-marquee span:nth-child(5) { background-color: #1d4b7a; background-image: url("https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=700&q=80"); }
.logo-marquee span:nth-child(6) { background-color: #174165; background-image: url("https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?auto=format&fit=crop&w=700&q=80"); }
.logo-marquee span:nth-child(7) { background-color: #20466b; background-image: url("https://images.unsplash.com/photo-1503220317375-aaad61436b1b?auto=format&fit=crop&w=700&q=80"); }
.logo-marquee span:nth-child(8) { background-color: #183c5f; background-image: url("https://images.unsplash.com/photo-1560518883-ce09059eeffa?auto=format&fit=crop&w=700&q=80"); }
.logo-marquee span:nth-child(9) { background-color: #18365d; background-image: url("https://images.unsplash.com/photo-1492724441997-5dc865305da7?auto=format&fit=crop&w=700&q=80"); }
.logo-marquee span:nth-child(10) { background-color: #16476f; background-image: url("https://images.unsplash.com/photo-1586880244406-556ebe35f282?auto=format&fit=crop&w=700&q=80"); }

.case-study-section { padding: clamp(74px, 10vw, 140px) clamp(20px, 5vw, 78px); background: #020202; border-block: 1px solid var(--line-soft); }
.case-study-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.case-study-card { min-height: 360px; display: flex; flex-direction: column; justify-content: end; padding: 30px; overflow: hidden; border: 1px solid var(--line); border-radius: 8px; background: #0c1827; }
.case-study-card span { margin-bottom: 12px; color: var(--blue-soft); font-size: 0.78rem; font-weight: 700; text-transform: uppercase; }.case-study-card h3 { max-width: 320px; margin-bottom: 0; font-size: clamp(1.4rem, 2vw, 2rem); }
.case-study-one { background-color: #0d315c; background-image: url("https://images.unsplash.com/photo-1556742049-0cfed4f6a45d?auto=format&fit=crop&w=1200&q=85"); }.case-study-two { background-color: #0c554f; background-image: url("https://images.unsplash.com/photo-1576091160399-112ba8d25d1d?auto=format&fit=crop&w=1200&q=85"); }.case-study-three { background-color: #18265b; background-image: url("https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=1200&q=85"); }.case-study-card { background-position: center; background-size: cover; background-blend-mode: multiply; }

.split-section { display: grid; grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr); gap: clamp(34px, 5vw, 76px); align-items: center; }
.split-section > div:first-child { order: 2; }.image-panel { order: 1; min-height: 520px; padding: 20px; background-color: #092445; background-image: url("https://images.unsplash.com/photo-1535378917042-10a22c95931a?auto=format&fit=crop&w=1200&q=85"); background-position: center; background-size: cover; background-blend-mode: multiply; border: 1px solid rgba(22, 141, 255, 0.58); border-radius: 8px; }
.team-board { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; align-content: center; height: 100%; padding: 22px; border: 1px solid rgba(158, 215, 255, 0.32); background: #061325; }
.team-board span { display: grid; min-height: 118px; place-items: center; padding: 12px; color: var(--white); background: #0f3f73; border: 1px solid rgba(158, 215, 255, 0.34); border-radius: 8px; font-size: 1.1rem; font-weight: 700; }

.check-list { display: grid; gap: 12px; margin: 26px 0 30px; padding: 0; list-style: none; }
.check-list li { position: relative; padding-left: 27px; color: #e6eef9; }.check-list li::before { position: absolute; left: 0; color: var(--blue); content: "+"; font-weight: 900; }

.about-band { background-color: #06101c; background-image: url("https://images.unsplash.com/photo-1542744173-8e7e53415bb0?auto=format&fit=crop&w=1800&q=85"); background-position: center; background-size: cover; background-blend-mode: multiply; border-top: 1px solid var(--line-soft); }.feature-grid, .service-grid, .industry-grid, .blog-grid, .tech-grid { display: grid; gap: 18px; }
.feature-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }.feature-grid article, .service-card, .blog-grid article { padding: 28px; border: 1px solid var(--line); border-radius: 8px; }
.feature-grid article { min-height: 260px; background: var(--surface); }.feature-grid p, .service-card p, .blog-grid p { margin-bottom: 0; color: var(--muted); }

.stack-section { background-color: #07172a; background-image: url("https://images.unsplash.com/photo-1518770660439-4636190af475?auto=format&fit=crop&w=1800&q=85"); background-position: center; background-size: cover; background-blend-mode: multiply; border-block: 1px solid var(--line-soft); }.tech-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }.tech-grid .tech-item { display: grid; min-height: 132px; place-items: center; align-content: center; gap: 12px; padding: 16px 12px; background: rgba(5, 5, 5, 0.72); border: 1px solid var(--line); border-radius: 8px; color: #dcecff; font-weight: 700; text-align: center; transition: transform 0.2s ease, border-color 0.2s ease; }.tech-grid .tech-item:hover { transform: translateY(-4px); border-color: rgba(22, 141, 255, 0.9); }.tech-item img { width: 46px; height: 46px; object-fit: contain; filter: drop-shadow(0 5px 12px rgba(22, 141, 255, 0.22)); }.tech-item b { font-size: 0.9rem; }

.services-section { background-color: #030303; background-image: url("https://images.unsplash.com/photo-1451187580459-43490279c0fa?auto=format&fit=crop&w=1800&q=85"); background-position: center; background-size: cover; background-blend-mode: multiply; }.service-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }.service-card { position: relative; min-height: 315px; display: flex; flex-direction: column; justify-content: flex-end; background-color: #082140; background-position: center; background-size: cover; background-blend-mode: multiply; transition: border-color 0.2s ease, transform 0.2s ease; }.service-card:nth-child(1) { background-image: url("https://images.unsplash.com/photo-1512941937669-90a1b58e7e9c?auto=format&fit=crop&w=900&q=82"); }.service-card:nth-child(2) { background-image: url("https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=900&q=82"); }.service-card:nth-child(3) { background-image: url("https://images.unsplash.com/photo-1461749280684-dccba630e2f6?auto=format&fit=crop&w=900&q=82"); }.service-card:nth-child(4) { background-image: url("https://images.unsplash.com/photo-1556742049-0cfed4f6a45d?auto=format&fit=crop&w=900&q=82"); }.service-card:nth-child(5) { background-image: url("https://images.unsplash.com/photo-1561070791-2526d30994b5?auto=format&fit=crop&w=900&q=82"); }.service-card:nth-child(6) { background-image: url("https://images.unsplash.com/photo-1467232004584-a241de8bcf5d?auto=format&fit=crop&w=900&q=82"); }.service-card:nth-child(7) { background-image: url("https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=900&q=82"); }.service-card:nth-child(8) { background-image: url("https://images.unsplash.com/photo-1485827404703-89b55fcc595e?auto=format&fit=crop&w=900&q=82"); }.service-card:hover { border-color: rgba(22, 141, 255, 0.88); transform: translateY(-4px); }.service-icon { position: absolute; top: 28px; left: 28px; display: grid; width: 52px; height: 52px; place-items: center; color: var(--blue-soft); background: rgba(5, 5, 5, 0.58); border: 1px solid rgba(22, 141, 255, 0.72); border-radius: 8px; font-weight: 700; }.dual-actions { justify-content: center; margin-top: 42px; }

.design-section { display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); gap: clamp(34px, 6vw, 86px); align-items: center; background-color: #081a30; background-image: url("https://images.unsplash.com/photo-1558655146-d09347e92766?auto=format&fit=crop&w=1800&q=85"); background-position: center; background-size: cover; background-blend-mode: multiply; }.mini-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 28px; }.mini-stats span { padding: 18px; background: rgba(5, 5, 5, 0.38); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 8px; }.mini-stats strong { display: block; color: var(--blue-soft); font-size: 1.55rem; font-weight: 500; }
.design-mock { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }.design-mock span { min-height: 130px; background: #dbeeff; border: 6px solid #19416d; border-radius: 8px; }.design-mock span:nth-child(2), .design-mock span:nth-child(5) { background: #168dff; }.design-mock span:nth-child(3) { grid-row: span 2; min-height: 274px; background: #81c6ff; }

.industries-section { background-color: #07172a; background-image: url("https://images.unsplash.com/photo-1451187580459-43490279c0fa?auto=format&fit=crop&w=1800&q=85"); background-position: center; background-size: cover; background-blend-mode: multiply; border-bottom: 1px solid var(--line-soft); }.industry-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }.industry-grid article { min-height: 145px; display: flex; align-items: end; padding: 24px; color: var(--white); background-color: #071a31; background-position: center; background-size: cover; background-blend-mode: multiply; border: 1px solid var(--line); border-radius: 8px; font-size: 1.15rem; font-weight: 500; }.industry-grid article:nth-child(1) { background-image: url("https://images.unsplash.com/photo-1559526324-4b87b5e36e44?auto=format&fit=crop&w=700&q=80"); }.industry-grid article:nth-child(2) { background-image: url("https://images.unsplash.com/photo-1576091160399-112ba8d25d1d?auto=format&fit=crop&w=700&q=80"); }.industry-grid article:nth-child(3) { background-image: url("https://images.unsplash.com/photo-1472851294608-062f824d29cc?auto=format&fit=crop&w=700&q=80"); }.industry-grid article:nth-child(4) { background-image: url("https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=700&q=80"); }.industry-grid article:nth-child(5) { background-image: url("https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=700&q=80"); }.industry-grid article:nth-child(6) { background-image: url("https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?auto=format&fit=crop&w=700&q=80"); }

.testimonial-section { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: 52px; align-items: center; background-color: #07172a; background-image: url("https://images.unsplash.com/photo-1542744173-8e7e53415bb0?auto=format&fit=crop&w=1800&q=85"); background-position: center; background-size: cover; background-blend-mode: multiply; }.testimonial-section blockquote { margin: 0; padding: clamp(28px, 4vw, 54px); color: var(--white); background: rgba(10, 45, 85, 0.92); border: 1px solid rgba(22, 141, 255, 0.65); border-radius: 8px; font-size: clamp(1.25rem, 2vw, 1.75rem); line-height: 1.45; }.testimonial-section cite { display: block; margin-top: 24px; color: var(--blue-soft); font-size: 0.9rem; font-style: normal; }

.insights-section { background-color: #050505; background-image: url("https://images.unsplash.com/photo-1518770660439-4636190af475?auto=format&fit=crop&w=1800&q=85"); background-position: center; background-size: cover; background-blend-mode: multiply; }.blog-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }.blog-grid article { min-height: 270px; display: flex; flex-direction: column; align-items: flex-start; background-color: #09203b; background-position: center; background-size: cover; background-blend-mode: multiply; }.blog-grid article:nth-child(1) { background-image: url("https://images.unsplash.com/photo-1451187580459-43490279c0fa?auto=format&fit=crop&w=900&q=80"); }.blog-grid article:nth-child(2) { background-image: url("https://images.unsplash.com/photo-1558655146-d09347e92766?auto=format&fit=crop&w=900&q=80"); }.blog-grid article:nth-child(3) { background-image: url("https://images.unsplash.com/photo-1485827404703-89b55fcc595e?auto=format&fit=crop&w=900&q=80"); }.blog-grid article > span { display: inline-flex; padding: 6px 10px; color: var(--blue-soft); background: rgba(5, 5, 5, 0.58); border: 1px solid rgba(22, 141, 255, 0.55); border-radius: 999px; font-size: 0.7rem; font-weight: 700; }.blog-grid h3 { margin-top: 22px; }.blog-grid a { margin-top: auto; color: var(--blue-soft); font-size: 0.88rem; font-weight: 700; }

.service-marquee { display: flex; gap: clamp(28px, 5vw, 80px); padding: 24px clamp(20px, 5vw, 78px); overflow: hidden; color: var(--blue-soft); background: #071d37; border-block: 1px solid rgba(22, 141, 255, 0.42); white-space: nowrap; }.service-marquee span { font-size: clamp(1rem, 1.7vw, 1.45rem); font-weight: 500; }.service-marquee span::after { margin-left: clamp(28px, 5vw, 80px); color: var(--blue); content: "+"; }

.contact-section { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(380px, 0.8fr); gap: clamp(42px, 7vw, 110px); align-items: start; padding-top: clamp(76px, 10vw, 140px); padding-bottom: clamp(76px, 10vw, 140px); background-color: #08284a; background-image: url("https://images.unsplash.com/photo-1550751827-4bd374c3f58b?auto=format&fit=crop&w=1800&q=85"); background-position: center; background-size: cover; background-blend-mode: multiply; }.contact-form { display: grid; gap: 14px; padding: 30px; color: #0f1724; background: var(--white); border-radius: 8px; }.contact-form h3 { margin-bottom: 8px; }.contact-form label { display: grid; gap: 8px; font-size: 0.86rem; font-weight: 800; } input, select, textarea { width: 100%; padding: 12px 13px; color: #172033; background: #f4f8fd; border: 1px solid #c7d6e8; border-radius: 6px; font: inherit; } textarea { resize: vertical; }.contact-form .button { width: 100%; margin-top: 4px; background: var(--blue); border-color: var(--blue); color: var(--white); }.secure-note { margin: 0; color: #52657e; font-size: 0.76rem; text-align: center; }

.site-footer { display: grid; grid-template-columns: minmax(0, 1.6fr) repeat(2, minmax(150px, 0.6fr)); gap: 38px; padding-top: 52px; padding-bottom: 52px; background: #06101c; border-top: 1px solid var(--line); }.site-footer p { max-width: 470px; margin: 18px 0 0; color: var(--muted); }.footer-links { display: grid; align-content: start; gap: 10px; }.footer-links h3 { margin-bottom: 6px; color: var(--white); font-size: 0.95rem; font-weight: 700; }.footer-links a { color: var(--muted); font-size: 0.88rem; }


@media (max-width: 1120px) {
  .site-header { grid-template-columns: auto 1fr; }.site-nav { grid-column: 1 / -1; grid-row: 2; justify-content: flex-start; overflow-x: auto; padding-bottom: 2px; }.header-actions { justify-self: end; }.hero, .split-section, .design-section, .testimonial-section, .contact-section { grid-template-columns: 1fr; }.hero-showcase { min-height: 570px; overflow: hidden; }.hero-ai-visual { right: 0; width: min(100%, 680px); }.split-section > div:first-child { order: 1; }.image-panel { order: 2; }.stats-grid, .service-grid, .case-study-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.logo-marquee { grid-template-columns: repeat(3, minmax(0, 1fr)); }.tech-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .site-header { grid-template-columns: 1fr auto; min-height: 102px; gap: 14px; }.brand-logo { width: 126px; height: 84px; }.header-actions { display: none; }.nav-toggle { display: block; }.site-nav { position: absolute; top: 102px; right: 16px; left: 16px; z-index: 30; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 9px; overflow: visible; background: #101419; border: 1px solid var(--line); border-radius: 8px; }.site-nav.is-open { display: flex; }.site-nav a { padding: 12px; }.hero { min-height: auto; padding-top: 68px; }.hero-showcase { min-height: 420px; overflow: hidden; }.hero-ai-visual { right: -4%; width: 112%; }.browser-mock { right: 0; width: 96%; box-shadow: 12px 16px 0 #0c335f; }.phone-mock { left: 0; transform: scale(0.86); transform-origin: bottom left; }.floating-card { right: 0; bottom: 16px; transform: scale(0.88); transform-origin: bottom right; }.hero-orbit { display: none; }.stats-grid, .feature-grid, .service-grid, .tech-grid, .industry-grid, .blog-grid, .mini-stats, .logo-marquee, .case-study-grid { grid-template-columns: 1fr; }.section-heading { margin-bottom: 32px; }.stats-grid { margin-top: 30px; }.stats-grid article { min-height: 128px; }.image-panel { min-height: 420px; }.site-footer { grid-template-columns: 1fr; }
}

@media (max-width: 430px) {
  .hero-actions, .dual-actions { flex-direction: column; align-items: stretch; }.button { width: 100%; }.hero-showcase { min-height: 350px; }.hero-ai-visual { right: -20%; width: 135%; }.browser-mock { top: 20px; padding: 15px; }.phone-mock, .floating-card { display: none; }.chart-line { height: 96px; }
}