/* Layout declarations transcribed from the supplied redesign; shared by editor and frontend. */
.design-1 { background: #F5F6F7; padding: 88px 24px 96px }
.design-2 { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 64px; align-items: center }
.design-3 { display: flex; flex-direction: column; gap: 24px }
.design-4 { font-size: 13px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #0B5FA5 }
.design-5 { margin: 0; font-family: 'Archivo', sans-serif; font-weight: 700; font-size: clamp(38px, 4.4vw, 56px); line-height: 1.08; letter-spacing: -0.02em }
.design-6 { margin: 0; font-size: 19px; color: #4A5763 }
.design-7 { background: #D5DCE2; border-radius: 6px; aspect-ratio: 3 / 2; display: flex; align-items: flex-end; padding: 20px; box-sizing: border-box }
.design-8 { padding: 112px 24px }
.design-9 { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 32px 64px }
.design-10 { display: flex; flex-direction: column; gap: 16px }
.design-11 { margin: 0; font-family: 'Archivo', sans-serif; font-weight: 700; font-size: clamp(30px, 3vw, 40px); line-height: 1.15; letter-spacing: -0.01em }
.design-12 { display: flex; flex-direction: column; gap: 20px; font-size: 17px; color: #4A5763 }
.design-13 { margin: 0 }
.design-14 { padding: 112px 24px; background: #F5F6F7 }
.design-15 { max-width: 1200px; margin: 0 auto; display: flex; flex-direction: column; gap: 48px }
.design-16 { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px }
.design-17 { background: #FFFFFF; border: 1px solid #D9DEE3; border-radius: 6px; padding: 28px; display: flex; flex-direction: column; gap: 10px }
.design-18 { font-size: 12px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: #4A5763 }
.design-19 { font-family: 'Archivo', sans-serif; font-weight: 700; font-size: 30px; line-height: 1.2 }
.design-20 { margin: 0; font-size: 15px; color: #4A5763 }
.design-21 { background: #FFFFFF; border: 1px solid #D9DEE3; border-radius: 6px; padding: 32px 28px; display: flex; flex-direction: column; gap: 24px }
.design-22 { display: flex; flex-direction: column; gap: 6px }
.design-23 { margin: 0; font-family: 'Archivo', sans-serif; font-weight: 700; font-size: 26px; line-height: 1.25 }
.design-24 { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px }
.design-25 { background: #F5F6F7; border-radius: 4px; padding: 22px; display: flex; flex-direction: column; gap: 6px }
.design-26 { font-family: 'Archivo', sans-serif; font-weight: 600; font-size: 14px; color: #0B5FA5 }
.design-27 { font-family: 'Archivo', sans-serif; font-weight: 600; font-size: 19px }
.design-28 { font-size: 14px; color: #4A5763 }
.design-29 { background: #0F1E2E; color: #FFFFFF; border-radius: 4px; padding: 22px; display: flex; flex-direction: column; gap: 6px }
.design-30 { font-family: 'Archivo', sans-serif; font-weight: 600; font-size: 14px; color: #8FC3EE }
.design-31 { font-size: 14px; color: #C9D3DC }
.design-32 { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; margin-top: 4px; font-family: 'Archivo', sans-serif; font-weight: 600; font-size: 15px; color: #FFFFFF }
.design-33 { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 24px }
.design-34 { display: flex; flex-direction: column; gap: 16px; max-width: 680px }
.design-35 { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-family: 'Archivo', sans-serif; font-weight: 600; font-size: 16px; color: #0B5FA5; text-decoration: none }
.design-36 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 24px }
.design-37 { display: flex; flex-direction: column; gap: 14px }
.design-38 { background: #D5DCE2; border-radius: 6px; aspect-ratio: 3 / 2; display: flex; align-items: flex-end; padding: 16px; box-sizing: border-box }
.design-39 { margin: 0; font-family: 'Archivo', sans-serif; font-weight: 600; font-size: 22px; line-height: 1.3 }
.design-40 { margin: 0; color: #4A5763 }
.design-41 { padding: 112px 24px; background: #0F1E2E; color: #FFFFFF }
.design-42 { font-size: 13px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #8FC3EE }
.design-43 { margin: 0; font-size: 19px; color: #C9D3DC }
.design-44 { display: inline-flex; align-items: center; gap: 10px; height: 52px; padding: 0 26px; border-radius: 4px; background: #FFFFFF; color: #0F1E2E; font-family: 'Archivo', sans-serif; font-weight: 600; font-size: 16px; text-decoration: none }
.design-45 { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1px; background: #2C4157; border: 1px solid #2C4157; border-radius: 6px; overflow: hidden }
.design-46 { background: #0F1E2E; padding: 28px; display: flex; flex-direction: column; gap: 8px }
.design-47 { margin: 0; font-family: 'Archivo', sans-serif; font-weight: 600; font-size: 18px; line-height: 1.3 }
.design-48 { margin: 0; font-size: 15px; color: #C9D3DC }
.design-49 { height: 112px }
.design-50 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 440px), 1fr)); gap: 24px }
.design-51 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border: 1px solid #D9DEE3; border-radius: 6px; overflow: hidden; color: #0F1E2E; text-decoration: none; background: #FFFFFF }
.design-52 { background: #D5DCE2; min-height: 240px; display: flex; align-items: flex-end; padding: 14px; box-sizing: border-box }
.design-53 { padding: 28px; display: flex; flex-direction: column; gap: 12px; justify-content: space-between }
.design-54 { display: flex; flex-direction: column; gap: 10px }
.design-55 { display: inline-flex; align-items: center; gap: 8px; font-family: 'Archivo', sans-serif; font-weight: 600; font-size: 15px; color: #0B5FA5 }
.design-56 { padding: 96px 24px; background: #F5F6F7 }
.design-57 { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 32px 64px; align-items: center }
.design-58 { margin: 0; font-size: 18px; color: #4A5763 }
.design-59 { display: inline-flex; align-items: center; gap: 10px; height: 52px; padding: 0 26px; border-radius: 4px; background: #0B5FA5; color: #FFFFFF; font-family: 'Archivo', sans-serif; font-weight: 600; font-size: 16px; text-decoration: none }
.design-60 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 40px 32px }
.design-61 { display: flex; flex-direction: column; gap: 12px; border-top: 3px solid #0B5FA5; padding-top: 20px }
.design-62 { font-family: 'Archivo', sans-serif; font-weight: 600; font-size: 14px; color: #4A5763 }
.design-63 { margin: 0; font-family: 'Archivo', sans-serif; font-weight: 600; font-size: 21px; line-height: 1.3 }
.design-64 { max-width: 1200px; margin: 0 auto; display: flex; flex-direction: column; gap: 32px }
.design-65 { background: #F5F6F7; padding: 88px 24px 80px }
.design-66 { max-width: 1200px; margin: 0 auto; display: flex; flex-direction: column; gap: 20px; max-width: 1200px }
.design-67 { margin: 0; font-size: 19px; color: #4A5763; max-width: 680px }
.design-68 { padding: 96px 24px 112px }
.design-69 { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 56px 72px; align-items: start }
.design-70 { margin: 0; font-family: 'Archivo', sans-serif; font-weight: 700; font-size: clamp(26px, 2.6vw, 32px); line-height: 1.2 }
.design-71 { display: flex; flex-direction: column; gap: 20px }
.design-72 { background: #0F1E2E; color: #FFFFFF; border-radius: 6px; padding: 32px; display: flex; flex-direction: column; gap: 10px }
.design-73 { margin: 0; font-family: 'Archivo', sans-serif; font-weight: 600; font-size: 22px }
.design-74 { color: #FFFFFF; font-weight: 600; font-size: 18px; text-decoration: none; min-height: 44px; display: inline-flex; align-items: center }
.design-75 { color: #8FC3EE }
.design-76 { border: 1px solid #D9DEE3; border-radius: 6px; padding: 32px; display: flex; flex-direction: column; gap: 24px }
.design-77 { display: flex; flex-direction: column; gap: 4px }
.design-78 { margin: 0; font-size: 16px; font-weight: 600 }
.design-79 { color: #4A5763 }
.design-80 { display: flex; flex-wrap: wrap; gap: 20px }
.design-81 { color: #0B5FA5; font-weight: 600; text-decoration: none }
.design-82 { color: #0B5FA5 }
.design-83 { display: flex; flex-direction: column; gap: 4px; border-top: 1px solid #D9DEE3; padding-top: 20px }
.design-84 { background: #0F1E2E; color: #FFFFFF; padding: 88px 24px 96px }
.design-85 { display: flex; flex-wrap: wrap; gap: 12px; padding-top: 8px }
.design-86 { display: inline-flex; align-items: center; height: 52px; padding: 0 26px; border-radius: 4px; background: #FFFFFF; color: #0F1E2E; font-family: 'Archivo', sans-serif; font-weight: 600; font-size: 16px; text-decoration: none }
.design-87 { display: inline-flex; align-items: center; gap: 10px; height: 52px; padding: 0 26px; border-radius: 4px; border: 1.5px solid #FFFFFF; color: #FFFFFF; font-family: 'Archivo', sans-serif; font-weight: 600; font-size: 16px; text-decoration: none }
.design-88 { background: #22364A; border-radius: 6px; aspect-ratio: 3 / 2; display: flex; align-items: flex-end; padding: 20px; box-sizing: border-box }
.design-89 { max-width: 1200px; margin: 0 auto; display: flex; flex-direction: column; gap: 40px }
.design-90 { display: flex; flex-direction: column; gap: 16px; max-width: 760px }
.design-91 { display: flex; flex-direction: column }
.design-92 { display: flex; align-items: center; gap: 12px 20px; padding: 0 0 12px; border-bottom: 2px solid #0F1E2E }
.design-93 { flex: 0 0 44px }
.design-94 { flex: 1 1 200px; font-size: 12px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: #4A5763 }
.design-95 { flex: 1 1 200px; display: flex; gap: 14px }
.design-96 { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; padding: 22px 0; border-bottom: 1px solid #D9DEE3; color: #0F1E2E; text-decoration: none }
.design-97 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 40px 64px; align-items: center }
.design-98 { display: flex; flex-direction: column; gap: 18px }
.design-99 { margin: 0; font-size: 17px; color: #4A5763 }
.design-100 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 20px }
.design-101 { margin: 0; font-family: 'Archivo', sans-serif; font-weight: 600; font-size: 20px; line-height: 1.3 }
.design-102 { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; align-items: baseline }
.design-103 { font-family: 'Archivo', sans-serif; font-weight: 600; font-size: 18px }
.design-104 { margin: 0; font-size: 13px; color: #4A5763; max-width: 560px }
.design-105 { display: flex; flex-direction: column; gap: 18px; max-width: 780px }
.design-106 { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px }
.design-107 { background: #F5F6F7; border-radius: 6px; padding: 28px; display: flex; flex-direction: column; gap: 14px }
.design-108 { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font-size: 15px }
.design-109 { background: #FFFFFF; border: 1px solid #D9DEE3; border-radius: 4px; padding: 6px 10px }
.design-110 { font-size: 15px; color: #4A5763 }
.design-111 { background: #0F1E2E; color: #FFFFFF; border-radius: 6px; padding: 28px; display: flex; flex-direction: column; gap: 14px }
.design-112 { font-size: 12px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: #8FC3EE }
.design-113 { background: #22364A; border-radius: 4px; padding: 6px 10px }
.design-114 { font-size: 15px; color: #C9D3DC }
.design-115 { margin: 0; font-family: 'Archivo', sans-serif; font-weight: 600; font-size: 20px }
.design-116 { display: flex; flex-wrap: wrap; gap: 10px }
.design-117 { display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; border: 1px solid #C2CBD3; border-radius: 999px; font-size: 15px }
.design-118 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 40px 64px; align-items: start }
.design-119 { margin: 0; font-size: 17px; color: #C9D3DC }
.design-120 { background: #16293C; border: 1px solid #2C4157; border-radius: 6px; padding: 28px; display: flex; flex-direction: column; gap: 16px }
.design-121 { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 12px; align-items: center }
.design-122 { font-size: 15px }
.design-123 { display: block; height: 22px; background: #22364A; border-radius: 3px; overflow: hidden }
.design-124 { font-size: 13px; color: #9FB0BF }
.design-125 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 1px; background: #2C4157; border: 1px solid #2C4157; border-radius: 6px; overflow: hidden }
.design-126 { background: #0F1E2E; padding: 24px 26px; font-size: 16px }
.design-127 { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 24px; background: #16293C; border-radius: 6px; padding: 28px 32px }
.design-128 { display: flex; flex-direction: column; gap: 6px; max-width: 700px }
.design-129 { font-family: 'Archivo', sans-serif; font-weight: 600; font-size: 20px }
.design-130 { border-top: 3px solid #0B5FA5; padding-top: 20px; display: flex; flex-direction: column; gap: 10px }
.design-131 { margin: 0; font-family: 'Archivo', sans-serif; font-weight: 600; font-size: 21px }
.design-132 { max-width: 1200px; margin: 0 auto; display: flex; flex-direction: column; gap: 24px }
.design-133 { margin: 0; font-family: 'Archivo', sans-serif; font-weight: 700; font-size: clamp(38px, 4.4vw, 56px); line-height: 1.08; letter-spacing: -0.02em; max-width: 820px }
.design-134 { margin: 0; font-size: 19px; color: #4A5763; max-width: 720px }
.design-135 { max-width: 1200px; margin: 0 auto; display: flex; flex-direction: column; gap: 72px }
.design-136 { margin: 0; font-family: 'Archivo', sans-serif; font-weight: 600; font-size: 26px; line-height: 1.25 }
.design-137 { margin: 0; padding-left: 20px; color: #4A5763; display: flex; flex-direction: column; gap: 6px }
.design-138 { font-weight: 600; color: #0B5FA5; text-decoration: none }
.design-139 { background: #FFFFFF; border: 1px solid #D9DEE3; border-radius: 6px; padding: 28px; display: flex; flex-direction: column; gap: 14px }
.design-140 { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-family: 'Archivo', sans-serif; font-weight: 600; font-size: 15px; color: #0B5FA5; text-decoration: none }
.design-141 { background: #F5F6F7; padding: 96px 24px 104px }
.design-142 { display: flex; flex-direction: column; gap: 28px }
.design-143 { margin: 0; font-family: 'Archivo', 'Public Sans', sans-serif; font-weight: 700; font-size: clamp(40px, 5vw, 64px); line-height: 1.05; letter-spacing: -0.02em }
.design-144 { margin: 0; font-size: 19px; color: #4A5763; max-width: 560px }
.design-145 { display: inline-flex; align-items: center; height: 52px; padding: 0 26px; border-radius: 4px; border: 1.5px solid #0F1E2E; color: #0F1E2E; font-family: 'Archivo', sans-serif; font-weight: 600; font-size: 16px; text-decoration: none }
.design-146 { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; font-family: 'Archivo', sans-serif; font-weight: 600; font-size: 15px; color: #0F1E2E; text-decoration: none }
.design-147 { background: #D5DCE2; border-radius: 6px; aspect-ratio: 4 / 3; display: flex; align-items: flex-end; padding: 20px; box-sizing: border-box }
.design-148 { padding: 80px 24px; border-bottom: 1px solid #D9DEE3 }
.design-149 { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 48px 64px; align-items: center }
.design-150 { margin: 0; font-family: 'Archivo', sans-serif; font-weight: 700; font-size: clamp(26px, 2.6vw, 34px); line-height: 1.2; letter-spacing: -0.01em }
.design-151 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: #D9DEE3; border: 1px solid #D9DEE3; border-radius: 6px; overflow: hidden }
.design-152 { background: #FFFFFF; padding: 24px 28px; display: flex; flex-direction: column; gap: 4px }
.design-153 { background: #0F1E2E; color: #FFFFFF; padding: 112px 24px }
.design-154 { max-width: 1200px; margin: 0 auto; display: flex; flex-direction: column; gap: 56px }
.design-155 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 48px 64px; align-items: center }
.design-156 { background: #22364A; border-radius: 6px; aspect-ratio: 4 / 3; display: flex; align-items: flex-end; padding: 20px; box-sizing: border-box }
.design-157 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 1px; background: #2C4157; border: 1px solid #2C4157; border-radius: 6px; overflow: hidden }
.design-158 { background: #0F1E2E; padding: 32px 28px; display: flex; flex-direction: column; gap: 10px }
.design-159 { font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #8FC3EE }
.design-160 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 32px 64px; align-items: start }
.design-161 { display: flex; flex-direction: column; gap: 16px; font-size: 18px; color: #4A5763 }
.design-162 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 20px }
.design-163 { background: #F5F6F7; border-radius: 6px; padding: 32px 28px; display: flex; flex-direction: column; gap: 12px }
.design-164 { border: 1.5px dashed #9AA6B1; border-radius: 6px; padding: 24px 28px; color: #4A5763; font-size: 15px }
.design-165 { display: flex; flex-direction: column; gap: 16px; max-width: 720px }
.design-166 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 16px }
.design-167 { background: #FFFFFF; border: 1px solid #D9DEE3; border-radius: 6px; padding: 28px; display: flex; flex-direction: column; gap: 8px }
.design-168 { background: #0F1E2E; color: #FFFFFF; border-radius: 6px; padding: 28px; display: flex; flex-direction: column; gap: 8px }
.design-169 { display: flex; flex-direction: column; gap: 16px; max-width: 640px }
.design-170 { background: #D5DCE2; border-radius: 6px; aspect-ratio: 2000 / 675; display: flex; align-items: flex-end; padding: 20px; box-sizing: border-box }
.design-171 { display: inline-flex; align-items: center; height: 40px; padding: 0 18px; border: 1px solid #C2CBD3; border-radius: 999px; background: #FFFFFF; font-family: 'Archivo', sans-serif; font-weight: 600; font-size: 15px }
.design-172 { display: inline-flex; align-items: center; height: 52px; padding: 0 26px; border-radius: 4px; border: 1.5px solid #FFFFFF; color: #FFFFFF; font-family: 'Archivo', sans-serif; font-weight: 600; font-size: 16px; text-decoration: none }
.design-173 { background: #16293C; border: 1px solid #2C4157; border-radius: 6px; overflow: hidden; display: flex; flex-direction: column }
.design-174 { background: #22364A; aspect-ratio: 16 / 9; display: flex; align-items: flex-end; padding: 16px; box-sizing: border-box }
.design-175 { padding: 28px; display: flex; flex-direction: column; gap: 10px }
.design-176 { display: flex; flex-direction: column; gap: 10px; border-top: 1px solid #C2CBD3; padding-top: 20px }
.design-177 { display: flex; flex-direction: column; gap: 24px; max-width: 820px }
.design-178 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 40px 24px }
.design-179 { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px }
.design-180 { border-top: 3px solid #0B5FA5; padding-top: 16px; display: flex; flex-direction: column; gap: 4px }
.design-181 { margin: 0; font-family: 'Archivo', sans-serif; font-weight: 600; font-size: 19px; line-height: 1.3 }
.design-182 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px }