/* Layout & visual styles — generated from the eCampus Buddy K-12 landing design */
.cursor-1 {
  position:fixed;
  left:0;
  top:0;
  width:40px;
  height:40px;
  margin:-20px 0 0 -20px;
  border-radius:var(--radius-pill);
  border:2px solid var(--blue-400);
  pointer-events:none;
  z-index:300;
  opacity:0;
}
.cursor-2 {
  position:fixed;
  left:0;
  top:0;
  width:8px;
  height:8px;
  margin:-4px 0 0 -4px;
  border-radius:var(--radius-pill);
  background:var(--blue-600);
  pointer-events:none;
  z-index:301;
  opacity:0;
}
.layout-1 {
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:100;
  background:#fff;
  border-bottom:1px solid var(--color-border);
  box-shadow:var(--shadow-md);
}
.header-1 {
  max-width:1680px;
  margin:0 auto;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:12px 20px;
  padding:10px clamp(20px,5vw,96px);
}
.header-2 {
  white-space:nowrap;
  flex-shrink:0;
  display:flex;
  align-items:center;
  gap:10px;
}
.header-3 {
  width:76px;
  height:76px;
  object-fit:contain;
  margin:-12px 0;
  flex-shrink:0;
}
.header-4 {
  font-weight:700;
  font-size:1.125rem;
  letter-spacing:-0.01em;
  color:var(--navy-900);
}
.header-5 {
  color:var(--blue-600);
}
.header-6 {
  display:flex;
  flex-wrap:nowrap;
  gap:8px 28px;
  white-space:nowrap;
  font-size:var(--text-body);
  font-weight:500;
}
.header-7 {
  color:var(--ink-900);
}
.header-8 {
  display:flex;
  gap:4px;
  align-items:center;
  white-space:nowrap;
  flex-shrink:0;
}
.header-9 {
  flex-shrink:0;
}
.header-10 {
  font-family:var(--font-family-base);
  font-weight:600;
  font-size:var(--text-body);
  border-radius:var(--radius-md);
  padding:11px 20px;
  border:1px solid transparent;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:8px;
  opacity:1;
  background:transparent;
  color:var(--color-text-primary);
}
.header-11 {
  font-family:var(--font-family-base);
  font-weight:600;
  font-size:var(--text-body);
  border-radius:var(--radius-md);
  padding:11px 20px;
  border:1px solid transparent;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:8px;
  opacity:1;
  background:var(--color-brand-primary);
  color:var(--color-text-on-brand);
}
.layout-2 {
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:3px;
  background:var(--blue-600);
  transform-origin:0 50%;
  transform:scaleX(0);
}
.layout-3 {
  position:fixed;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  background:#F7F9FD;
}
.layout-4 {
  position:absolute;
  width:70vw;
  height:70vw;
  left:-20vw;
  top:-10vw;
  border-radius:50%;
  background:radial-gradient(circle, rgba(111,140,194,0.22) 0%, rgba(111,140,194,0) 65%);
}
.layout-5 {
  position:absolute;
  width:60vw;
  height:60vw;
  right:-18vw;
  bottom:-14vw;
  border-radius:50%;
  background:radial-gradient(circle, rgba(44,82,169,0.14) 0%, rgba(44,82,169,0) 65%);
}
.layout-6 {
  position:absolute;
  inset:0;
  background-image:radial-gradient(rgba(44,82,169,0.12) 1px, transparent 1px);
  background-size:28px 28px;
}
.layout-7 {
  position:relative;
  z-index:1;
}
.hero-1 {
  position:relative;
  z-index:1;
  min-height:100vh;
  background:transparent;
  color:#fff;
  padding:150px clamp(20px,5vw,96px) 190px;
  overflow:hidden;
  display:flex;
  align-items:center;
}
.hero-2 {
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  background:#0B1F5C;
}
.hero-3 {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  pointer-events:none;
}
.hero-4 {
  position:absolute;
  inset:0;
  background:rgba(11,31,92,0.45);
}
.hero-5 {
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(11,31,92,0) 70%, #0B1F5C 100%);
}
.hero-6 {
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
}
.hero-7 {
  position:absolute;
  top:80px;
  left:0;
  right:0;
  bottom:0;
  z-index:3;
  overflow:hidden;
  pointer-events:none;
}
.hero-8 {
  position:absolute;
  left:3%;
  top:8%;
}
.hero-9 {
  pointer-events:auto;
  cursor:grab;
  touch-action:none;
  user-select:none;
  -webkit-user-select:none;
}
.hero-10 {
  transform:rotate(-8deg);
  opacity:0.45;
}
.hero-11 {
  display:block;
  white-space:nowrap;
  font-weight:300;
  font-size:20px;
  line-height:1;
  color:#FFFFFF;
  text-shadow:none;
}
.hero-12 {
  position:absolute;
  left:5%;
  top:44%;
}
.hero-13 {
  transform:rotate(10deg);
  opacity:0.45;
}
.hero-14 {
  position:absolute;
  left:2%;
  top:78%;
}
.hero-15 {
  transform:rotate(-4deg);
  opacity:0.45;
}
.hero-16 {
  position:absolute;
  left:88%;
  top:4%;
}
.hero-17 {
  transform:rotate(-6deg);
  opacity:0.45;
}
.hero-18 {
  position:absolute;
  left:91%;
  top:48%;
}
.hero-19 {
  transform:rotate(12deg);
  opacity:0.45;
}
.hero-20 {
  position:absolute;
  left:88%;
  top:80%;
}
.hero-21 {
  transform:rotate(0deg);
  opacity:0.45;
}
.hero-22 {
  position:absolute;
  left:16%;
  top:1%;
}
.hero-23 {
  transform:rotate(8deg);
  opacity:0.45;
}
.hero-24 {
  position:absolute;
  left:78%;
  top:1%;
}
.hero-25 {
  transform:rotate(-10deg);
  opacity:0.45;
}
.hero-26 {
  position:absolute;
  left:3%;
  top:24%;
}
.hero-27 {
  transform:rotate(-16deg);
  opacity:0.45;
}
.hero-28 {
  display:block;
  width:28px;
  height:28px;
}
.hero-29 {
  position:absolute;
  left:90%;
  top:32%;
}
.hero-30 {
  transform:rotate(16deg);
  opacity:0.45;
}
.hero-31 {
  position:absolute;
  left:4%;
  top:62%;
}
.hero-32 {
  transform:rotate(20deg);
  opacity:0.45;
}
.hero-33 {
  position:absolute;
  left:94%;
  top:66%;
}
.hero-34 {
  position:absolute;
  left:1%;
  top:52%;
}
.hero-35 {
  position:absolute;
  left:93%;
  top:20%;
}
.hero-36 {
  position:absolute;
  left:14%;
  top:90%;
}
.hero-37 {
  transform:rotate(-12deg);
  opacity:0.45;
}
.hero-38 {
  position:absolute;
  left:84%;
  top:92%;
}
.hero-39 {
  transform:rotate(14deg);
  opacity:0.45;
}
.hero-40 {
  position:absolute;
  left:7%;
  top:92%;
}
.hero-41 {
  transform:rotate(6deg);
  opacity:0.45;
}
.hero-42 {
  position:absolute;
  left:95%;
  top:94%;
}
.hero-43 {
  position:absolute;
  left:11%;
  top:1%;
}
.hero-44 {
  transform:rotate(18deg);
  opacity:0.45;
}
.hero-45 {
  position:absolute;
  left:66%;
  top:1%;
}
.hero-46 {
  transform:rotate(-14deg);
  opacity:0.45;
}
.hero-47 {
  position:absolute;
  left:20%;
  top:46%;
}
.hero-48 {
  position:absolute;
  left:88%;
  top:50%;
}
.hero-49 {
  transform:rotate(-9deg);
  opacity:0.45;
}
.hero-50 {
  position:absolute;
  left:22%;
  top:6%;
}
.hero-51 {
  position:absolute;
  left:30%;
  top:84%;
}
.hero-52 {
  position:absolute;
  left:62%;
  top:10%;
}
.hero-53 {
  position:absolute;
  left:70%;
  top:86%;
}
.hero-54 {
  position:absolute;
  left:18%;
  top:40%;
}
.hero-55 {
  position:absolute;
  left:80%;
  top:58%;
}
.hero-56 {
  position:absolute;
  left:12%;
  top:72%;
}
.hero-57 {
  position:absolute;
  left:84%;
  top:14%;
}
.hero-58 {
  position:absolute;
  left:26%;
  top:24%;
}
.hero-59 {
  position:absolute;
  left:72%;
  top:30%;
}
.hero-60 {
  position:absolute;
  left:24%;
  top:64%;
}
.hero-61 {
  transform:rotate(5deg);
  opacity:0.45;
}
.hero-62 {
  position:absolute;
  left:66%;
  top:72%;
}
.hero-63 {
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
}
.hero-64 {
  position:relative;
  z-index:2;
  width:100%;
  max-width:1100px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:56px;
}
.hero-65 {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:26px;
}
.hero-66 {
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:var(--text-caption);
  font-weight:600;
  letter-spacing:var(--letter-spacing-wide);
  text-transform:uppercase;
  color:var(--navy-900);
  background:var(--blue-100);
  border-radius:var(--radius-pill);
  padding:7px 14px;
}
.hero-67 {
  width:14px;
  height:14px;
  display:block;
}
.hero-68 {
  font-size:clamp(2.75rem,7.5vw,6rem);
  line-height:1.02;
  font-weight:800;
  letter-spacing:-0.035em;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:0 0.25em;
  max-width:14ch;
}
.hero-69 {
  display:inline-block;
  overflow:hidden;
  padding-bottom:0.08em;
}
.hero-70 {
  display:inline-block;
}
.hero-71 {
  display:inline-block;
  color:var(--blue-400);
}
.hero-72 {
  font-size:clamp(1.0625rem,1.6vw,1.25rem);
  line-height:var(--line-height-body);
  color:#fff;
  max-width:40rem;
  text-wrap:pretty;
}
.hero-73 {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:14px;
  white-space:nowrap;
}
.hero-74 {
  font-family:var(--font-family-base);
  font-weight:600;
  font-size:var(--text-body-lg);
  border-radius:var(--radius-md);
  padding:14px 26px;
  border:1px solid transparent;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:8px;
  opacity:1;
  background:var(--color-brand-tint);
  color:var(--color-brand-primary-hover);
}
.hero-75 {
  flex-shrink:0;
  display:inline-flex;
  align-items:center;
  padding:14px 26px;
  border:1px solid var(--blue-400);
  border-radius:var(--radius-md);
  color:#fff;
  font-weight:600;
  font-size:var(--text-body-lg);
}
.hero-76 {
  position:absolute;
  left:50%;
  bottom:104px;
  margin-left:-60px;
  width:120px;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  font-size:var(--text-caption);
  font-weight:600;
  letter-spacing:var(--letter-spacing-wide);
  text-transform:uppercase;
  color:var(--blue-100);
}
.hero-77 {
  width:20px;
  height:20px;
  display:block;
}
.search-1 {
  position:relative;
  z-index:5;
  color:var(--ink-900);
  padding:0 clamp(20px,5vw,96px);
  margin-top:-80px;
}
.search-2 {
  max-width:1680px;
  margin:0 auto;
  background:#fff;
  border-radius:var(--radius-lg);
  box-shadow:0 24px 60px rgba(11,31,92,0.14);
  border:1px solid var(--color-border);
  padding:28px;
  display:flex;
  flex-direction:column;
  gap:18px;
}
.search-3 {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:baseline;
  gap:8px;
}
.search-4 {
  font-size:var(--text-h3);
  font-weight:700;
}
.search-5 {
  font-size:var(--text-body-sm);
  color:var(--gray-500);
}
.search-6 {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));
  gap:12px;
  align-items:end;
}
.search-7 {
  grid-column:span 2;
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
}
.search-8 {
  font-size:var(--text-body-sm);
  font-weight:500;
}
.search-9 {
  position:relative;
  display:block;
}
.search-10 {
  position:absolute;
  left:14px;
  top:50%;
  margin-top:-9px;
  width:18px;
  height:18px;
}
.search-11 {
  font-family:inherit;
  font-size:var(--text-body);
  color:var(--ink-900);
  padding:13px 14px 13px 42px;
  border-radius:var(--radius-md);
  border:1px solid var(--color-border);
  width:100%;
  outline:none;
  background:#fff;
}
.search-12 {
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
}
.search-13 {
  font-family:inherit;
  font-size:var(--text-body);
  color:var(--ink-900);
  padding:13px 36px 13px 14px;
  border-radius:var(--radius-md);
  border:1px solid var(--color-border);
  width:100%;
  outline:none;
  appearance:none;
  cursor:pointer;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23667085'/%3E%3C/svg%3E") no-repeat right 14px center;
}
.search-14 {
  white-space:nowrap;
}
.search-15 {
  font-family:var(--font-family-base);
  font-weight:600;
  font-size:var(--text-body-lg);
  border-radius:var(--radius-md);
  padding:14px 26px;
  border:1px solid transparent;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:8px;
  opacity:1;
  background:var(--color-brand-primary);
  color:var(--color-text-on-brand);
}
.search-16 {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}
.search-17 {
  font-family:inherit;
  cursor:pointer;
  font-size:var(--text-body-sm);
  font-weight:600;
  padding:6px 14px;
  border-radius:var(--radius-pill);
  border:1px solid var(--color-border);
  background:var(--blue-100);
  color:var(--blue-800);
}
.schools-1 {
  position:relative;
  z-index:1;
  overflow:hidden;
  padding:64px clamp(20px,5vw,96px) 120px;
  background:transparent;
  color:var(--ink-900);
}
.schools-2 {
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
}
.schools-3 {
  position:absolute;
  left:3.1%;
  top:9.5%;
}
.schools-4 {
  transform:rotate(7deg);
  opacity:0.45;
}
.schools-5 {
  display:block;
  white-space:nowrap;
  font-weight:300;
  font-size:20px;
  line-height:1;
  color:#6F8CC2;
  text-shadow:none;
}
.schools-6 {
  position:absolute;
  left:44.9%;
  top:25.1%;
}
.schools-7 {
  position:absolute;
  left:72.3%;
  top:49.6%;
}
.schools-8 {
  transform:rotate(-5deg);
  opacity:0.45;
}
.schools-9 {
  position:absolute;
  left:29.3%;
  top:90.1%;
}
.schools-10 {
  position:absolute;
  left:16.2%;
  top:29.6%;
}
.schools-11 {
  transform:rotate(9deg);
  opacity:0.45;
}
.schools-12 {
  position:absolute;
  left:52.9%;
  top:58.7%;
}
.schools-13 {
  transform:rotate(17deg);
  opacity:0.45;
}
.schools-14 {
  position:absolute;
  left:78.1%;
  top:7.5%;
}
.schools-15 {
  position:absolute;
  left:10.1%;
  top:71.6%;
}
.schools-16 {
  transform:rotate(-3deg);
  opacity:0.45;
}
.schools-17 {
  position:absolute;
  left:66.7%;
  top:64.6%;
}
.schools-18 {
  position:absolute;
  left:86.0%;
  top:32.4%;
}
.schools-19 {
  position:absolute;
  left:65.0%;
  top:85.1%;
}
.schools-20 {
  position:absolute;
  left:12.8%;
  top:50.6%;
}
.schools-21 {
  position:absolute;
  left:56.7%;
  top:88.8%;
}
.schools-22 {
  transform:rotate(2deg);
  opacity:0.45;
}
.schools-23 {
  position:absolute;
  left:49.5%;
  top:32.9%;
}
.schools-24 {
  position:absolute;
  left:53.3%;
  top:76.4%;
}
.schools-25 {
  position:absolute;
  left:30.7%;
  top:24.8%;
}
.schools-26 {
  transform:rotate(-17deg);
  opacity:0.45;
}
.schools-27 {
  position:absolute;
  left:60.0%;
  top:5.3%;
}
.schools-28 {
  transform:rotate(3deg);
  opacity:0.45;
}
.schools-29 {
  position:absolute;
  left:27.6%;
  top:90.8%;
}
.schools-30 {
  transform:rotate(11deg);
  opacity:0.45;
}
.schools-31 {
  position:absolute;
  left:14.8%;
  top:91.5%;
}
.schools-32 {
  position:absolute;
  left:21.4%;
  top:75.6%;
}
.schools-33 {
  position:absolute;
  left:58.1%;
  top:68.8%;
}
.schools-34 {
  position:absolute;
  left:75.2%;
  top:79.1%;
}
.schools-35 {
  position:relative;
  z-index:1;
  max-width:1680px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:56px;
}
.schools-36 {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:flex-end;
  gap:16px;
}
.schools-37 {
  display:flex;
  flex-direction:column;
  gap:12px;
}
.schools-38 {
  font-size:var(--text-caption);
  font-weight:600;
  letter-spacing:var(--letter-spacing-wide);
  text-transform:uppercase;
  color:var(--blue-600);
}
.schools-39 {
  font-size:clamp(2rem,4.5vw,3.25rem);
  line-height:1.08;
  font-weight:800;
  letter-spacing:-0.03em;
  max-width:16ch;
}
.schools-40 {
  font-size:var(--text-body);
  color:var(--gray-500);
}
.schools-41 {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));
  gap:28px;
  align-items:start;
}
.schools-43 {
  display:flex;
  flex-direction:column;
  background:#fff;
  border:1px solid var(--color-border);
  border-radius:var(--radius-lg);
  overflow:hidden;
  color:var(--ink-900);
  box-shadow:0 12px 32px rgba(11,31,92,0.1);
}
.schools-44 {
  position:relative;
  height:170px;
  background:var(--blue-100);
  overflow:hidden;
}
.schools-45 {
  position:absolute;
  inset:-12px;
}
.schools-46 {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.schools-47 {
  position:absolute;
  top:12px;
  left:12px;
  pointer-events:none;
}
.schools-48 {
  display:inline-flex;
  align-items:center;
  font-family:var(--font-family-base);
  font-weight:600;
  font-size:var(--text-caption);
  letter-spacing:var(--letter-spacing-wide);
  text-transform:uppercase;
  padding:4px 10px;
  border-radius:var(--radius-pill);
  background:var(--color-info-tint);
  color:var(--color-info);
}
.schools-49 {
  padding:22px;
  display:flex;
  flex-direction:column;
  gap:16px;
  flex:1;
}
.schools-50 {
  display:flex;
  gap:14px;
  align-items:flex-start;
}
.schools-51 {
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}
.schools-52 {
  font-size:var(--text-h4);
  font-weight:700;
  line-height:var(--line-height-heading);
}
.schools-53 {
  font-size:var(--text-body-sm);
  color:var(--gray-500);
  line-height:1.45;
}
.schools-54 {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 16px;
  padding:14px 0;
  border-top:1px solid var(--color-border);
  border-bottom:1px solid var(--color-border);
}
.schools-55 {
  display:flex;
  flex-direction:column;
  gap:2px;
}
.schools-56 {
  font-size:var(--text-caption);
  font-weight:600;
  letter-spacing:var(--letter-spacing-wide);
  text-transform:uppercase;
  color:var(--gray-500);
}
.schools-57 {
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}
.schools-58 {
  margin-top:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-weight:600;
  font-size:var(--text-body);
  color:var(--blue-600);
}
.schools-59 {
  width:36px;
  height:36px;
  border-radius:var(--radius-pill);
  background:var(--blue-100);
  display:flex;
  align-items:center;
  justify-content:center;
}
.schools-60 {
  width:18px;
  height:18px;
  display:block;
}
.schools-61 {
  display:inline-flex;
  align-items:center;
  font-family:var(--font-family-base);
  font-weight:600;
  font-size:var(--text-caption);
  letter-spacing:var(--letter-spacing-wide);
  text-transform:uppercase;
  padding:4px 10px;
  border-radius:var(--radius-pill);
  background:var(--color-success-tint);
  color:var(--color-success);
}
.schools-62 {
  border:1px dashed var(--blue-400);
  border-radius:var(--radius-lg);
  background:#fff;
  color:var(--ink-900);
  padding:56px 24px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:14px;
  text-align:center;
}
.schools-63 {
  font-size:var(--text-h3);
  font-weight:600;
}
.schools-64 {
  font-family:var(--font-family-base);
  font-weight:600;
  font-size:var(--text-body);
  border-radius:var(--radius-md);
  padding:11px 20px;
  border:1px solid transparent;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:8px;
  opacity:1;
  background:transparent;
  color:var(--color-brand-primary);
  border-color:var(--color-border-strong);
}
.trust-1 {
  position:relative;
  z-index:1;
  overflow:hidden;
  padding:88px clamp(20px,5vw,96px);
  background:#F7F9FD;
  color:var(--ink-900);
}
.trust-2 {
  position:absolute;
  left:10.5%;
  top:10.0%;
}
.trust-3 {
  transform:rotate(-7deg);
  opacity:0.45;
}
.trust-4 {
  position:absolute;
  left:49.1%;
  top:87.9%;
}
.trust-5 {
  transform:rotate(-18deg);
  opacity:0.45;
}
.trust-6 {
  position:absolute;
  left:9.9%;
  top:90.7%;
}
.trust-7 {
  transform:rotate(-1deg);
  opacity:0.45;
}
.trust-8 {
  position:absolute;
  left:43.6%;
  top:61.7%;
}
.trust-9 {
  position:absolute;
  left:19.6%;
  top:72.9%;
}
.trust-10 {
  position:absolute;
  left:89.0%;
  top:71.3%;
}
.trust-11 {
  transform:rotate(15deg);
  opacity:0.45;
}
.trust-12 {
  position:absolute;
  left:67.2%;
  top:23.1%;
}
.trust-13 {
  transform:rotate(1deg);
  opacity:0.45;
}
.trust-14 {
  position:absolute;
  left:76.5%;
  top:60.8%;
}
.trust-15 {
  position:relative;
  z-index:1;
  max-width:1680px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:56px;
  text-align:center;
}
.trust-16 {
  display:flex;
  flex-direction:column;
  gap:12px;
  align-items:center;
}
.trust-17 {
  font-size:clamp(1.75rem,3.5vw,2.5rem);
  line-height:var(--line-height-heading);
  font-weight:800;
  letter-spacing:-0.02em;
  line-height:1.15;
  text-wrap:balance;
}
.trust-18 {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:24px 48px;
}
.trust-19 {
  display:block;
  width:124px;
  height:124px;
  object-fit:contain;
}
.trust-20 {
  display:block;
  width:124px;
  height:124px;
  object-fit:contain;
}
.footer-1 {
  position:relative;
  z-index:2;
  overflow:hidden;
  background:var(--navy-900);
  color:#fff;
  padding:64px clamp(20px,5vw,96px) 32px;
}
.footer-2 {
  position:relative;
  z-index:1;
  max-width:1680px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:40px;
}
.footer-3 {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));
  gap:32px;
}
.footer-4 {
  display:flex;
  flex-direction:column;
  gap:12px;
  grid-column:span 2;
  max-width:340px;
}
.footer-5 {
  display:flex;
  align-items:center;
  gap:10px;
}
.footer-6 {
  width:96px;
  height:96px;
  object-fit:contain;
  flex-shrink:0;
  filter:brightness(0) invert(1);
}
.footer-7 {
  font-weight:700;
  font-size:1.375rem;
}
.footer-8 {
  font-size:var(--text-body-lg);
  line-height:var(--line-height-body);
  color:var(--blue-100);
}
.footer-9 {
  display:flex;
  flex-direction:column;
  gap:12px;
  font-size:var(--text-body-lg);
}
.footer-10 {
  font-size:var(--text-body-sm);
  font-weight:600;
  letter-spacing:var(--letter-spacing-wide);
  text-transform:uppercase;
  color:var(--blue-400);
}
.footer-11 {
  color:#fff;
}
.footer-12 {
  border-top:1px solid var(--blue-800);
  padding-top:24px;
  font-size:var(--text-body);
  color:var(--blue-100);
}
.footer-13 {
  color:#fff;
  font-weight:500;
}