.f1 {stroke: #C7D2FE; stroke-width: 1; fill: none; } .f2 {stroke: #E0E7FF; stroke-width: 1; fill: none; } .f3 {fill: #64748B; } .f4 {fill: #2757F5; } .f5 {fill: #818CF8; } .f6 {fill: #C7D2FE; } .f7 {fill: #E0E7FF; } .f8 {stroke: #C7D2FE; stroke-width: 1; fill: none; } .f9 {stroke: #E0E7FF; stroke-width: 1; fill: none; } .f10 {fill: #64748B; } .f11 {fill: #2757F5; } .f12 {fill: #C7D2FE; } .f13 {stroke: #818CF8; stroke-width: 1; fill: none; } .f14 {stroke: #2A3A52; stroke-width: 1; fill: none; } .f15 {stroke: #2A3A52; stroke-width: 1; stroke-dasharray: 2 12; fill: none; } .f16 {fill: #2757F5; } .f17 {fill: #818CF8; } .f18 {fill: #2A3A52; } .f19 {stroke: #C7D2FE; stroke-width: 1; fill: none; } .f20 {stroke: #E0E7FF; stroke-width: 1; fill: none; } .f21 {fill: #64748B; } .f22 {fill: #2757F5; } .f23 {fill: #C7D2FE; } .f24 {stroke: #C7D2FE; stroke-opacity: 0.75; stroke-width: 1; fill: none; } .f25 {stroke: #C7D2FE; stroke-opacity: 0.45; stroke-width: 1; fill: none; } .f26 {fill: #E0E7FF; } .f27 {fill: #EEF2FF; } .f28 {fill: #C7D2FE; } .f29 {position: relative; display: flex; flex-direction: column; border-radius: 20px; border: 1px solid #F1F5F9; background-color: #FFFFFF; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04); transition: transform .28s cubic-bezier(.16,1,.3,1), box-shadow .28s ease, border-color .28s ease; overflow: hidden; padding: clamp(24px, 3vw, 36px); gap: 20px; box-sizing: border-box; }.f29:hover {transform: none; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04); border-color: #F1F5F9; } .f30 {display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 15px 32px; border-radius: 12px; border: 1px solid transparent; font-family: Manrope; font-size: 16px; font-weight: 600; line-height: 1.2; white-space: nowrap; cursor: pointer; text-decoration: none; transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease; background-color: #2757F5; color: #FFFFFF; }.f30:hover {background-color: #1D46D0; transform: translateY(-1px); } .f31 {color: #2757F5; text-decoration: underline; text-underline-offset: 3px; } .f32 {align-items: start; } .f33 {display: flex; flex-direction: column; gap: 8px; } .f34 {font-family: Manrope; font-size: 13px; font-weight: 600; line-height: 1.2; text-transform: uppercase; letter-spacing: 0.08em; color: #475569; } .f35 {width: 100%; padding: 14px 16px; border-radius: 12px; border: 1px solid #E2E8F0; background-color: #FFFFFF; color: #0F172A; font-family: Manrope; font-size: 16px; line-height: 1.65; box-sizing: border-box; outline: none; transition: border-color .2s ease, box-shadow .2s ease; }.f35:focus {border-color: #2757F5; box-shadow: 0 0 0 3px #EEF2FF; } .f36 {resize: vertical; min-height: 132px; } .f37 {display: flex; align-items: flex-start; gap: 12px; cursor: pointer; padding-top: 4px; } .f38 {margin-top: 2px; width: 18px; height: 18px; accent-color: #2757F5; flex-shrink: 0; } .f39 {font-family: Manrope; font-size: 15px; font-weight: 400; line-height: 1.6; color: #475569; }.f31:hover {color: #1D46D0; } .f40 {display: flex; flex-direction: column; align-items: flex-start; gap: 14px; margin-top: 4px; }.f30:disabled {background-color: #5D6B80; color: #FFFFFF; transform: none; cursor: default; } .f41 {margin: 0px; } .f42 {display: inline-block; padding: 12px 16px; border-radius: 12px; border-left: 3px solid #0EA566; background-color: #E7F7EF; color: #0F172A; font-family: Manrope; font-size: 16px; font-weight: 400; line-height: 1.65; } .f43 {display: inline-block; padding: 12px 16px; border-radius: 12px; border-left: 3px solid #DC2626; background-color: #FEE2E2; color: #0F172A; font-family: Manrope; font-size: 16px; font-weight: 400; line-height: 1.65; } .f44 {font-family: Manrope; font-size: 14px; font-weight: 400; line-height: 1.5; color: #64748B; margin: 0px; } .f45 {font-family: Manrope; font-size: 15px; font-weight: 400; line-height: 1.6; color: #818CF8; } .f46 {padding: 10px 22px; border-radius: 10px; background-color: #2757F5; color: #FFFFFF; font-family: Manrope; font-size: 15px; font-weight: 600; line-height: 1.6; } .f47 {position: fixed; left: 24px; right: 24px; bottom: 24px; z-index: 80; display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; padding: 18px 24px; border-radius: 16px; background-color: #0F172A; box-shadow: 0 16px 40px rgba(15, 23, 42, 0.24); max-width: 1000px; margin: 0 auto; box-sizing: border-box; } .f48 {font-family: Manrope; font-size: 15px; font-weight: 400; line-height: 1.6; color: #E2E8F0; margin: 0px; flex: 1 1 340px; } .f49 {display: flex; align-items: center; gap: 18px; flex-shrink: 0; }.f45:hover {color: #FFFFFF; } .f46:hover {background-color: #1D46D0; } .f50 {background-color: #a0c3fd; height: 24px; z-index: 10; position: fixed; display: flex; right: 0px; border-bottom-left-radius: 10px; padding: 2px 17px; } .f51 {position: fixed; z-index: 990; top: 0px; left: 0px; bottom: 0px; right: 0px; background: #000000; opacity: 0.7; } .f52 {position: fixed; width: 80%; background: #DC2626; height: 80%; left: 50%; margin-left: -40%; z-index: 999; margin-top: 3%; color: #FFFFFF; overflow: hidden; } .f53 {overflow-y: scroll; padding: 24px; height: 94%; } .f54 {font-family: Manrope; font-size: clamp(28px, 4vw, 48px); font-weight: 700; line-height: 1.12; letter-spacing: -0.02em; margin-bottom: 16px; padding-left: 24px; padding-top: 16px; } .f55 {margin-bottom: 24px; } .f56 {font-family: Manrope; font-size: clamp(16px, 1.5vw, 18px); font-weight: 400; line-height: 1.6; margin-bottom: 10px; } .f57 {margin-bottom: 10px; } .f58 {width: 100%; height: 120px; background: none; border: none; font-family: Manrope; font-size: 15px; font-weight: 400; line-height: 1.5; color: #FFFFFF; } .f59 {font-family: Manrope; font-size: 15px; font-weight: 400; line-height: 1.6; color: #475569; transition: color .2s ease; } .f60 {border-top: 1px solid #F1F5F9; background-color: #F8FAFC; } .f61 {display: flex; align-items: center; width: clamp(72px, 17vw, 220px); } .f62 {display: none; align-items: center; width: 52px; height: 52px; } .f63 {max-width: 1240px; margin: 0 auto; padding: 72px 24px 48px; box-sizing: border-box; } .f64 {display: flex; flex-direction: column; gap: 16px; align-items: flex-start; } .f65 {font-family: Manrope; font-size: 15px; font-weight: 400; line-height: 1.6; color: #475569; margin: 0px; max-width: 34ch; } .f66 {font-family: Manrope; font-size: 14px; font-weight: 400; line-height: 1.5; color: #5D6B80; margin: 0px; } .f67 {display: flex; flex-direction: column; gap: 12px; align-items: flex-start; } .f68 {font-family: Manrope; font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: 0.1em; text-transform: uppercase; color: #5D6B80; margin: 0 0 4px; }.f59:hover {color: #2757F5; } .f69 {border-top: 1px solid #F1F5F9; max-width: 1240px; margin: 0 auto; padding: 24px; display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; font-family: Manrope; font-size: 14px; font-weight: 400; line-height: 1.5; color: #5D6B80; box-sizing: border-box; } .f70 {display: flex; align-items: center; width: clamp(72px, 17vw, 220px); } .f71 {padding: 9px 14px; border-radius: 10px; font-family: Manrope; font-size: 15px; font-weight: 500; line-height: 1.6; color: #475569; transition: color .2s ease, background-color .2s ease; } .f72 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 600; line-height: 1.6; color: #1E293B; padding: 14px 4px; border-bottom: 1px solid #F8FAFC; } .f73 {margin-top: 16px; padding: 15px 24px; border-radius: 12px; background-color: #2757F5; color: #FFFFFF; font-family: Manrope; font-size: 16px; font-weight: 600; line-height: 1.65; text-align: center; } .f74 {display: none; flex-direction: column; justify-content: center; align-items: center; gap: 5px; width: 42px; height: 42px; border-radius: 10px; } .f75 {display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 11px 20px; border-radius: 12px; border: 1px solid transparent; font-family: Manrope; font-size: 15px; font-weight: 600; line-height: 1.2; white-space: nowrap; cursor: pointer; text-decoration: none; transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease; background-color: #2757F5; color: #FFFFFF; } .f76 {position: sticky; top: 0px; z-index: 60; background-color: #FFFFFF; border-bottom: 1px solid #F1F5F9; } .f77 {max-width: 1240px; margin: 0 auto; padding-left: 24px; padding-right: 24px; height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 32px; box-sizing: border-box; } .f78 {display: flex; align-items: center; width: 100%; } .f79 {display: none; align-items: center; width: 52px; height: 52px; } .f80 {display: flex; align-items: center; gap: 4px; margin-left: auto; }.f71:hover {color: #2757F5; background-color: #EEF2FF; } .f81 {display: flex; align-items: center; gap: 12px; flex-shrink: 0; } .f82 {display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 10px; border: 1px solid #E2E8F0; transition: border-color .2s ease, background-color .2s ease; }.f82:hover {border-color: #2757F5; background-color: #EEF2FF; } .f83 {display: block; width: 16px; height: 16px; border-radius: 50%; background-color: #334155; box-shadow: -5px -2px 0 0 #FFFFFF; }.f82:hover .f83 {background-color: #2757F5; } .f74:hover {background-color: #F8FAFC; } .f84 {display: block; width: 20px; height: 2px; border-radius: 2px; background-color: #1E293B; } .f85 {display: flex; flex-direction: column; gap: 2px; padding: 12px 24px 24px; border-top: 1px solid #F1F5F9; background-color: #FFFFFF; } .f86 {display: inline-flex; align-items: center; gap: 10px; } .f87, .f88 {font-family: Manrope; font-size: clamp(19px, 2.1vw, 24px); font-weight: 700; line-height: 1.3; letter-spacing: -0.02em; color: #0F172A; } .f89 {color: #0F172A; } .f90 {display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 32px; padding-left: 10px; padding-right: 10px; border-radius: 8px; border: 1px solid #E2E8F0; color: #475569; font-family: Manrope; font-size: 13px; font-weight: 600; letter-spacing: 0.06em; } .f91 {font-family: Manrope; font-size: 13px; font-weight: 600; letter-spacing: 0.06em; }.f90:hover {border-color: #2757F5; color: #2757F5; } .f92 {font-family: Manrope; font-size: 15px; font-weight: 400; line-height: 1.6; color: #2757F5; } .f93 {margin-top: 40px; padding: 28px; border-radius: 20px; background-color: #F8FAFC; border: 1px solid #F1F5F9; } .f94 {font-family: Manrope; font-size: clamp(19px, 2.1vw, 24px); font-weight: 600; line-height: 1.3; letter-spacing: -0.01em; color: #0F172A; margin: 0 0 20px; } .f95 {margin: 0px; display: grid; gap: 12px; } .f96 {display: flex; flex-direction: column; gap: 2px; } .f97 {font-family: Manrope; font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: 0.1em; text-transform: uppercase; color: #5D6B80; } .f98 {font-family: Manrope; font-size: 15px; font-weight: 400; line-height: 1.6; color: #1E293B; margin: 0px; }.f92:hover {color: #1D46D0; } .f99 {list-style: none; margin: 0px; padding: 0px; display: flex; flex-wrap: wrap; gap: 10px; } .f100 {padding: 9px 18px; margin: 0px; border: 1px solid #E2E8F0; text-align: left; text-decoration: none; color: #334155; background-color: #FFFFFF; cursor: pointer; font: inherit; font-family: Manrope; font-size: 15px; font-weight: 400; line-height: 1.6; border-radius: 999px; transition: background-color .2s ease, border-color .2s ease, color .2s ease; }.f100:hover {border-color: #2757F5; color: #2757F5; } .f101 {font-family: Manrope; font-size: 15px; font-weight: 600; line-height: 1.6; padding: 9px 18px; border-radius: 999px; border: 1px solid #2757F5; background-color: #2757F5; color: #FFFFFF; cursor: pointer; } .f102 {display: flex; flex-direction: column; gap: 24px; } .f103 {display: block; } .f104 {min-height: 72px; } .f105 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 400; line-height: 1.6; color: #334155; margin: 0px; max-width: 62ch; } .f106 {position: relative; display: flex; flex-direction: column; border-radius: 20px; border: 1px solid #F1F5F9; background-color: #FFFFFF; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04); transition: transform .28s cubic-bezier(.16,1,.3,1), box-shadow .28s ease, border-color .28s ease; overflow: hidden; padding: clamp(24px, 2.6vw, 32px); gap: 14px; box-sizing: border-box; }.f106:hover {transform: translateY(-3px); box-shadow: 0 16px 40px rgba(15, 23, 42, 0.10); border-color: #C7D2FE; } .f107 {list-style: none; margin: 0px; padding: 0px; display: flex; flex-wrap: wrap; gap: 8px; } .f108 {color: #2757F5; text-decoration: none; cursor: pointer; font-family: Manrope; font-size: 15px; font-weight: 600; line-height: 1.6; margin-top: 4px; } .f109 {display: block; width: 56px; height: 6px; border-radius: 999px; } .f110 {background-color: #C2A87C; } .f111 {background-color: #2757F5; } .f112 {background-color: #2E9E5B; } .f113 {background-color: #B4553F; } .f114 {font-family: Manrope; font-size: 13px; font-weight: 600; line-height: 1.2; text-transform: uppercase; letter-spacing: 0.08em; color: #5D6B80; margin: 0px; } .f115 {font-family: Manrope; font-size: clamp(19px, 2.1vw, 24px); font-weight: 600; line-height: 1.3; letter-spacing: -0.01em; color: #0F172A; margin: 0px; } .f116 {display: flex; flex-direction: column; width: 100%; gap: 4px; } .f117 {font-family: Manrope; font-size: 16px; font-weight: 600; line-height: 1.65; color: #2757F5; margin: 0px; } .f118 {font-family: Manrope; font-size: 15px; font-weight: 400; line-height: 1.6; color: #475569; margin: 0px; flex-grow: 1; } .f119 {font-family: Manrope; font-size: 14px; font-weight: 400; line-height: 1.5; padding: 5px 12px; border-radius: 999px; border: 1px solid #F1F5F9; background-color: #FFFFFF; color: #475569; } .f120 {margin-bottom: auto; }.f108:hover {color: #1D46D0; } .f121 {display: contents; } .f122 {position: relative; display: flex; flex-direction: column; border-radius: 20px; border: 1px solid #F1F5F9; background-color: #F8FAFC; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04); transition: transform .28s cubic-bezier(.16,1,.3,1), box-shadow .28s ease, border-color .28s ease; overflow: hidden; padding: clamp(24px, 2.4vw, 32px); gap: 12px; justify-content: flex-start; }.f122:hover {transform: translateY(-3px); box-shadow: 0 16px 40px rgba(15, 23, 42, 0.10); border-color: #C7D2FE; background-color: #FFFFFF; } .f123 {display: inline-flex; align-items: center; padding: 5px 11px; border-radius: 999px; background-color: #F8FAFC; border: 1px solid #F1F5F9; color: #475569; font-family: Manrope; font-size: 14px; line-height: 1.4; white-space: nowrap; margin-bottom: 22px; } .f124 {list-style: none; margin: 0px; padding: 0px; margin-top: clamp(36px, 4vw, 56px); } .f125 {position: relative; min-height: 100vh; display: flex; align-items: center; box-sizing: border-box; scroll-snap-align: start; scroll-snap-stop: always; padding-top: clamp(72px, 9vw, 128px); padding-bottom: clamp(72px, 9vw, 128px); background-color: #FFFFFF; } .f126 {background-color: #0F172A; } .f127 {padding-top: clamp(104px, 10vw, 152px); padding-bottom: clamp(104px, 10vw, 152px); } .f128 {width: 100%; max-width: 1180px; margin: 0 auto; padding-left: clamp(24px, 5vw, 64px); padding-right: clamp(24px, 5vw, 64px); box-sizing: border-box; } .f129 {display: block; width: 64px; height: 4px; border-radius: 2px; margin-bottom: 28px; background-color: #2757F5; }.f126 .f129 {background-color: #8FA8FF; } .f130 {font-family: Manrope; font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: 0.1em; text-transform: uppercase; color: #2757F5; margin: 0 0 20px; }.f126 .f130 {color: #8FA8FF; } .f131 {font-family: Manrope; font-size: clamp(38px, 5.4vw, 72px); font-weight: 700; line-height: 1.02; letter-spacing: -0.03em; color: #0F172A; margin: 0 0 24px; max-width: 15ch; }.f126 .f131 {color: #FFFFFF; } .f132 {font-family: Manrope; font-size: clamp(30px, 4.4vw, 52px); font-weight: 700; line-height: 1.08; letter-spacing: -0.02em; color: #0F172A; margin: 0 0 22px; max-width: 22ch; }.f126 .f132 {color: #FFFFFF; } .f133 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 400; line-height: 1.6; color: #475569; margin: 0px; max-width: 56ch; }.f126 .f133 {color: #A8B4C4; } .f127 .f132 {font-family: Manrope; font-size: clamp(38px, 5.4vw, 72px); font-weight: 700; line-height: 1.02; letter-spacing: -0.03em; max-width: 18ch; } .f127 .f133 {font-family: Manrope; font-size: clamp(19px, 2.1vw, 24px); font-weight: 400; line-height: 1.3; letter-spacing: -0.01em; max-width: 44ch; } .f134 {margin-top: clamp(36px, 4vw, 56px); }.f134 .f122 {align-self: stretch; } .f135 {display: block; width: 48px; height: 4px; border-radius: 2px; margin-bottom: 10px; background-color: #2757F5; } .f136 {background-color: #12304D; } .f137 {background-color: #2E9E5B; } .f138 {background-color: #2757F5; } .f139 {background-color: #1D46D0; } .f140 {background-color: #C2A87C; } .f141 {background-color: #14110F; } .f142 {background-color: #B4553F; } .f143 {font-family: Manrope; font-size: clamp(19px, 2.1vw, 24px); font-weight: 600; line-height: 1.3; letter-spacing: -0.01em; margin: 0px; color: #0F172A; }.f127 .f143 {font-family: Manrope; font-size: clamp(23px, 3.1vw, 36px); font-weight: 700; line-height: 1.15; letter-spacing: -0.02em; max-width: 24ch; } .f144 {font-family: Manrope; font-size: 16px; font-weight: 400; line-height: 1.65; margin: 0px; color: #475569; } .f145 {display: flex; flex-direction: column; gap: 10px; padding-top: 20px; border-top: 2px solid #F1F5F9; } .f146 {font-family: Manrope; font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: 0.1em; color: #2757F5; } .f147 {font-family: Manrope; font-size: 18px; font-weight: 600; line-height: 1.35; color: #0F172A; margin: 0px; }.f127 .f147 {font-family: Manrope; font-size: clamp(19px, 2.1vw, 24px); font-weight: 600; line-height: 1.3; letter-spacing: -0.01em; } .f148 {display: flex; flex-direction: column; gap: 20px; padding: clamp(36px, 5vw, 72px); border-radius: 28px; background-color: #2757F5; box-sizing: border-box; } .f149 {font-family: Manrope; font-size: clamp(30px, 4.4vw, 52px); font-weight: 700; line-height: 1.08; letter-spacing: -0.02em; color: #FFFFFF; margin: 0px; max-width: 24ch; } .f150 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 400; line-height: 1.6; color: #E0E7FF; margin: 0px; max-width: 52ch; }.f127 .f149 {font-family: Manrope; font-size: clamp(38px, 5.4vw, 72px); font-weight: 700; line-height: 1.02; letter-spacing: -0.03em; max-width: 20ch; } .f151 {display: flex; flex-direction: column; gap: 16px; margin-top: clamp(28px, 3vw, 40px); } .f152 {font-family: Manrope; font-size: clamp(23px, 3.1vw, 36px); font-weight: 700; line-height: 1.15; letter-spacing: -0.02em; color: #FFFFFF; } .f153 {font-family: Manrope; font-size: clamp(19px, 2.1vw, 24px); font-weight: 500; line-height: 1.3; letter-spacing: -0.01em; color: #A8B4C4; } .f154 {display: inline-flex; align-items: center; align-self: flex-start; margin-top: clamp(32px, 4vw, 48px); padding: 16px 32px; border-radius: 12px; background-color: #FFFFFF; color: #1D46D0; font-family: Manrope; font-size: 16px; font-weight: 700; line-height: 1.65; transition: background-color .2s ease, color .2s ease; }.f154:hover {background-color: #EEF2FF; color: #1737A8; } .f155 {position: absolute; left: clamp(24px, 5vw, 64px); bottom: clamp(20px, 2.4vw, 36px); font-family: Manrope; font-size: 13px; font-weight: 600; line-height: 1.2; color: #64748B; letter-spacing: 0.16em; }.f126 .f155 {color: #A8B4C4; } .f127 .f155 {font-family: Manrope; font-size: 14px; font-weight: 400; line-height: 1.5; letter-spacing: 0.2em; } .f156 {position: relative; display: flex; flex-direction: column; border-radius: 20px; border: 1px solid #F1F5F9; background-color: #FFFFFF; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04); transition: transform .28s cubic-bezier(.16,1,.3,1), box-shadow .28s ease, border-color .28s ease; overflow: hidden; color: inherit; text-decoration: none; cursor: pointer; padding: clamp(22px, 2.2vw, 28px); gap: 12px; }.f156:hover {transform: translateY(-3px); box-shadow: 0 16px 40px rgba(15, 23, 42, 0.10); border-color: #C7D2FE; } .f157 {display: flex; align-items: center; justify-content: space-between; gap: 12px; } .f158 {font-family: Manrope; font-size: clamp(19px, 2.1vw, 24px); font-weight: 600; line-height: 1.3; letter-spacing: -0.01em; color: #0F172A; margin: 0px; } .f159 {display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0px; } .f160 {font-family: Manrope; font-size: 14px; font-weight: 600; line-height: 1.5; color: #475569; } .f161 {font-family: Manrope; font-size: 14px; font-weight: 400; line-height: 1.5; color: #CBD5E1; } .f162 {font-family: Manrope; font-size: 13px; font-weight: 600; line-height: 1.2; color: #5D6B80; letter-spacing: 0.04em; } .f163 {font-family: Manrope; font-size: 16px; font-weight: 400; line-height: 1.65; color: #475569; margin: 0px; } .f164 {font-family: Manrope; font-size: 14px; font-weight: 600; line-height: 1.5; color: #2757F5; margin-top: 4px; } .f165 {position: relative; display: flex; flex-direction: column; border-radius: 20px; border: 1px solid #F1F5F9; background-color: #FFFFFF; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04); transition: transform .28s cubic-bezier(.16,1,.3,1), box-shadow .28s ease, border-color .28s ease; overflow: hidden; height: 100%; padding: 28px; gap: 12px; box-sizing: border-box; }.f165:hover {transform: translateY(-3px); box-shadow: 0 16px 40px rgba(15, 23, 42, 0.10); border-color: #C7D2FE; } .f166 {list-style: none; margin: 4px 0 0; padding: 0px; display: flex; flex-wrap: wrap; gap: 8px; } .f167 {display: inline-flex; align-items: center; padding: 5px 11px; border-radius: 999px; background-color: #F8FAFC; border: 1px solid #F1F5F9; color: #475569; font-family: Manrope; font-size: 14px; line-height: 1.4; white-space: nowrap; } .f168 {position: absolute; top: 0px; left: 0px; right: 0px; height: 6px; } .f169 {background-color: #12304D; } .f170 {background-color: #2757F5; } .f171 {background-color: #C2A87C; } .f172 {background-color: #1D46D0; } .f173 {font-family: Manrope; font-size: clamp(19px, 2.1vw, 24px); font-weight: 600; line-height: 1.3; letter-spacing: -0.01em; color: #0F172A; margin: 0px; } .f174 {font-family: Manrope; font-size: 16px; font-weight: 400; line-height: 1.65; color: #475569; margin: 0px; flex-grow: 1; } .f175 {display: inline-flex; align-items: center; gap: 8px; margin-top: 4px; font-family: Manrope; font-size: 16px; font-weight: 600; line-height: 1.65; color: #2757F5; }.f175:hover {color: #1D46D0; } .f176 {transition: transform .2s ease; }.f175:hover .f176 {transform: translateX(4px); } .f177 {display: inline-flex; align-items: center; gap: 7px; padding: 5px 12px; border-radius: 999px; font-family: Manrope; font-size: 13px; font-weight: 600; line-height: 1.2; letter-spacing: 0.01em; white-space: nowrap; } .f178 {display: block; width: 7px; height: 7px; border-radius: 999px; flex-shrink: 0; } .f179 {background-color: #E7F7EF; color: #1E293B; } .f180 {background-color: #EEF2FF; color: #1D46D0; } .f181 {background-color: #FEF3C7; color: #1E293B; } .f182 {background-color: #0EA566; } .f183 {background-color: #2757F5; } .f184 {background-color: #D97706; } .f185 {margin: 0px; min-height: 100vh; background-color: #FFFFFF; color: #334155; font-family: Manrope; font-size: 16px; line-height: 1.65; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }a {color: inherit; text-decoration: none; } .f185 .f186:focus-visible {outline: 3px solid #818CF8; outline-offset: 2px; border-radius: 4px; } .f187 {display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 26px; border-radius: 12px; border: 1px solid transparent; font-family: Manrope; font-size: 16px; font-weight: 600; line-height: 1.2; white-space: nowrap; cursor: pointer; text-decoration: none; transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease; background-color: #2757F5; color: #FFFFFF; }.f187:hover {background-color: #1D46D0; transform: translateY(-1px); } .f188 {display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 26px; border-radius: 12px; border: 1px solid #E2E8F0; font-family: Manrope; font-size: 16px; font-weight: 600; line-height: 1.2; white-space: nowrap; cursor: pointer; text-decoration: none; transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease; background-color: transparent; color: #1E293B; }.f188:hover {border-color: #2757F5; color: #2757F5; } .f189 {padding-top: clamp(64px, 9vw, 128px); padding-bottom: clamp(72px, 10vw, 144px); } .f190 {max-width: 760px; margin: 0 auto; padding-left: 24px; padding-right: 24px; box-sizing: border-box; } .f191 {font-family: Manrope; font-size: clamp(38px, 5.4vw, 72px); font-weight: 700; line-height: 1; letter-spacing: -0.04em; color: #2757F5; margin: 0 0 12px; } .f192 {font-family: Manrope; font-size: clamp(23px, 3.1vw, 36px); font-weight: 700; line-height: 1.15; letter-spacing: -0.02em; color: #0F172A; margin: 0 0 16px; max-width: 20ch; } .f193 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 400; line-height: 1.6; color: #475569; margin: 0 0 36px; max-width: 48ch; } .f194 {display: flex; gap: 12px; flex-wrap: wrap; } .f195 {font-family: Manrope; font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: 0.1em; text-transform: uppercase; color: #2757F5; margin: 0 0 14px; } .f196 {font-family: Manrope; font-size: clamp(30px, 4.4vw, 52px); font-weight: 700; line-height: 1.08; letter-spacing: -0.02em; color: #0F172A; margin: 0 0 18px; max-width: 20ch; } .f197 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 400; line-height: 1.6; color: #475569; margin: 0px; max-width: 62ch; } .f198 {position: relative; display: flex; flex-direction: column; border-radius: 20px; border: 1px solid #F1F5F9; background-color: #FFFFFF; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04); transition: transform .28s cubic-bezier(.16,1,.3,1), box-shadow .28s ease, border-color .28s ease; overflow: hidden; padding: 28px; gap: 12px; }.f198:hover {transform: translateY(-3px); box-shadow: 0 16px 40px rgba(15, 23, 42, 0.10); border-color: #C7D2FE; } .f199 {position: relative; display: flex; flex-direction: column; border-radius: 20px; border: 1px solid #F1F5F9; background-color: #FFFFFF; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04); transition: transform .28s cubic-bezier(.16,1,.3,1), box-shadow .28s ease, border-color .28s ease; overflow: hidden; padding: 28px; gap: 8px; }.f199:hover {transform: translateY(-3px); box-shadow: 0 16px 40px rgba(15, 23, 42, 0.10); border-color: #C7D2FE; } .f200 {position: relative; display: flex; flex-direction: column; border-radius: 20px; border: 1px solid #F1F5F9; background-color: #F8FAFC; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04); transition: transform .28s cubic-bezier(.16,1,.3,1), box-shadow .28s ease, border-color .28s ease; overflow: hidden; padding: clamp(28px, 4vw, 48px); gap: 16px; }.f200:hover {transform: none; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04); border-color: #F1F5F9; } .f201 {display: inline-flex; align-items: center; padding: 5px 11px; border-radius: 999px; background-color: #F8FAFC; border: 1px solid #F1F5F9; color: #475569; font-family: Manrope; font-size: 14px; line-height: 1.4; white-space: nowrap; align-self: flex-start; } .f202 {font-family: Manrope; font-size: 16px; font-weight: 400; line-height: 1.65; color: #475569; max-width: 68ch; }.f202 .f203 {margin-top: 0px; margin-bottom: 18px; } .f202 .f203:last-child {margin-bottom: 0px; } .f202 .f204 {color: #1E293B; font-weight: 600; } .f202 a {color: #2757F5; text-decoration: underline; text-underline-offset: 3px; } .f205 {font-family: Manrope; font-size: 16px; font-weight: 600; line-height: 1.65; color: #2757F5; } .f206 {margin-top: 8px; padding: 15px 30px; border-radius: 12px; background-color: #FFFFFF; color: #1D46D0; font-family: Manrope; font-size: 16px; font-weight: 700; line-height: 1.65; } .f207 {max-width: 1240px; margin: 0 auto; padding-left: 24px; padding-right: 24px; box-sizing: border-box; } .f208 {padding-top: clamp(56px, 8vw, 104px); padding-bottom: clamp(40px, 5vw, 64px); } .f209 {align-items: center; } .f210 {display: flex; flex-direction: column; gap: 8px; padding: clamp(28px, 3.4vw, 44px); border-radius: 28px; background-color: #EEF2FF; border: 1px solid #E0E7FF; box-sizing: border-box; } .f211 {font-family: Manrope; font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: 0.1em; text-transform: uppercase; color: #1D46D0; margin: 0px; } .f212 {font-family: Manrope; font-size: clamp(30px, 4.4vw, 52px); font-weight: 700; line-height: 1.08; letter-spacing: -0.02em; color: #2757F5; margin: 0px; } .f213 {font-family: Manrope; font-size: 15px; font-weight: 400; line-height: 1.6; color: #475569; margin: 0px; } .f214 {padding-top: clamp(56px, 7vw, 96px); padding-bottom: clamp(56px, 7vw, 96px); } .f215 {margin-bottom: clamp(32px, 4vw, 56px); } .f216 {margin-top: 0px; } .f217 {max-width: 820px; } .f218 {font-family: Manrope; font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: 0.1em; text-transform: uppercase; color: #2757F5; margin: 0 0 16px; } .f219 {background-color: #0F172A; padding-top: clamp(56px, 7vw, 104px); padding-bottom: clamp(56px, 7vw, 104px); } .f220 {font-family: Manrope; font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: 0.1em; text-transform: uppercase; color: #8FA8FF; margin: 0 0 20px; } .f221 {font-family: Manrope; font-size: clamp(23px, 3.1vw, 36px); font-weight: 700; line-height: 1.15; letter-spacing: -0.02em; color: #FFFFFF; margin: 0px; max-width: 40ch; } .f222 {font-family: Manrope; font-size: clamp(19px, 2.1vw, 24px); font-weight: 600; line-height: 1.3; letter-spacing: -0.01em; color: #0F172A; margin: 0px; } .f223 {font-family: Manrope; font-size: 16px; font-weight: 400; line-height: 1.65; color: #475569; margin: 0px; } .f224 {background-color: #F8FAFC; padding-top: clamp(48px, 6vw, 80px); padding-bottom: clamp(48px, 6vw, 80px); } .f225 {font-family: Manrope; font-size: clamp(30px, 4.4vw, 52px); font-weight: 700; line-height: 1.08; letter-spacing: -0.02em; color: #2757F5; margin: 0px; } .f226 {font-family: Manrope; font-size: 16px; font-weight: 400; line-height: 1.65; color: #475569; margin: 0px; } .f227 {font-family: Manrope; font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: 0.1em; text-transform: uppercase; color: #2757F5; margin: 0px; } .f228 {font-family: Manrope; font-size: clamp(23px, 3.1vw, 36px); font-weight: 700; line-height: 1.15; letter-spacing: -0.02em; color: #0F172A; margin: 0px; } .f229 {display: flex; flex-wrap: wrap; gap: 8px; }.f205:hover {color: #1D46D0; } .f230 {padding-bottom: clamp(56px, 7vw, 96px); } .f231 {padding: clamp(36px, 5vw, 72px); border-radius: 28px; background-color: #2757F5; display: flex; flex-direction: column; align-items: flex-start; gap: 20px; box-sizing: border-box; } .f232 {font-family: Manrope; font-size: clamp(30px, 4.4vw, 52px); font-weight: 700; line-height: 1.08; letter-spacing: -0.02em; color: #FFFFFF; margin: 0px; max-width: 24ch; }.f206:hover {background-color: #EEF2FF; } .f233 {font-family: Manrope; font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: 0.1em; text-transform: uppercase; color: #2757F5; margin: 0 0 14px; } .f234 {font-family: Manrope; font-size: clamp(30px, 4.4vw, 52px); font-weight: 700; line-height: 1.08; letter-spacing: -0.02em; color: #0F172A; margin: 0 0 18px; max-width: 20ch; } .f235 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 400; line-height: 1.6; color: #475569; margin: 0px; max-width: 62ch; } .f236 {position: relative; display: flex; flex-direction: column; border-radius: 20px; border: 1px solid #F1F5F9; background-color: #F8FAFC; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04); transition: transform .28s cubic-bezier(.16,1,.3,1), box-shadow .28s ease, border-color .28s ease; overflow: hidden; padding: clamp(24px, 3vw, 32px); gap: 12px; }.f236:hover {transform: none; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04); border-color: #F1F5F9; } .f237 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 600; line-height: 1.6; color: #0F172A; } .f238 {font-family: Manrope; font-size: 16px; font-weight: 600; line-height: 1.65; color: #2757F5; margin-top: 4px; } .f239 {max-width: 1240px; margin: 0 auto; padding-left: 24px; padding-right: 24px; box-sizing: border-box; } .f240 {padding-top: clamp(56px, 8vw, 104px); padding-bottom: clamp(32px, 4vw, 48px); } .f241 {padding-top: clamp(24px, 3vw, 40px); padding-bottom: clamp(56px, 7vw, 96px); } .f242 {align-items: start; } .f243 {align-self: start; display: flex; flex-direction: column; gap: 32px; } .f244 {display: flex; flex-direction: column; gap: 24px; } .f245 {display: flex; flex-direction: column; gap: 6px; } .f246 {font-family: Manrope; font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: 0.1em; text-transform: uppercase; color: #2757F5; margin: 0px; }.f237:hover {color: #2757F5; } .f247 {font-family: Manrope; font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: 0.1em; text-transform: uppercase; color: #5D6B80; margin: 0px; } .f248 {font-family: Manrope; font-size: clamp(19px, 2.1vw, 24px); font-weight: 600; line-height: 1.3; letter-spacing: -0.01em; color: #0F172A; margin: 0px; } .f249 {font-family: Manrope; font-size: 16px; font-weight: 400; line-height: 1.65; color: #475569; margin: 0px; }.f238:hover {color: #1D46D0; } .f250 {align-self: start; min-width: 0px; } .f251 {height: 100vh; overflow-y: scroll; overflow-x: hidden; scroll-snap-type: y proximity; overscroll-behavior: contain; background-color: #FFFFFF; } .f252 {position: fixed; right: clamp(24px, 3vw, 48px); bottom: clamp(24px, 3vw, 48px); display: flex; flex-direction: column; align-items: flex-end; gap: 20px; z-index: 40; } .f253 {display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 20px; border-radius: 20px; border: 1px solid #F1F5F9; background-color: #FFFFFF; box-shadow: 0 16px 40px rgba(15, 23, 42, 0.10); } .f254 {display: block; width: 132px; height: 132px; border-radius: 12px; background-color: #FFFFFF; } .f255 {font-family: Manrope; font-size: 18px; font-weight: 600; line-height: 1.35; color: #0F172A; letter-spacing: -0.02em; } .f256 {font-family: Manrope; font-size: 14px; font-weight: 400; line-height: 1.5; color: #475569; } .f257 {display: flex; gap: 8px; } .f258 {display: block; width: 10px; height: 10px; border-radius: 5px; background-color: #2757F5; opacity: 0.25; transition: opacity .3s ease; } .f259 {position: relative; display: flex; flex-direction: row; border-radius: 20px; border: 1px solid #F1F5F9; background-color: #FFFFFF; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04); transition: transform .28s cubic-bezier(.16,1,.3,1), box-shadow .28s ease, border-color .28s ease; overflow: hidden; gap: 0px; padding: 0px; flex-wrap: wrap; }.f259:hover {transform: translateY(-3px); box-shadow: 0 16px 40px rgba(15, 23, 42, 0.10); border-color: #C7D2FE; } .f260 {display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 26px; border-radius: 12px; border: 1px solid transparent; font-family: Manrope; font-size: 16px; font-weight: 600; line-height: 1.2; white-space: nowrap; cursor: pointer; text-decoration: none; transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease; background-color: #2757F5; color: #FFFFFF; }.f260:hover {background-color: #1D46D0; transform: translateY(-1px); } .f261 {max-width: 1200px; margin: 0 auto; padding-left: 24px; padding-right: 24px; box-sizing: border-box; } .f262 {background-color: #0F172A; padding-top: clamp(56px, 8vw, 104px); padding-bottom: clamp(48px, 6vw, 88px); } .f263 {font-family: Manrope; font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: 0.1em; text-transform: uppercase; color: #8FA8FF; margin: 0 0 20px; } .f264 {font-family: Manrope; font-size: clamp(38px, 5.4vw, 72px); font-weight: 700; line-height: 1.02; letter-spacing: -0.03em; color: #FFFFFF; margin: 0 0 24px; max-width: 20ch; } .f265 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 400; line-height: 1.6; color: #A8B4C4; margin: 0px; max-width: 64ch; } .f266 {padding-top: clamp(32px, 4vw, 56px); padding-bottom: clamp(24px, 3vw, 40px); } .f267 {font-family: Manrope; font-size: clamp(23px, 3.1vw, 36px); font-weight: 700; line-height: 1.15; letter-spacing: -0.02em; color: #0F172A; margin: 0 0 14px; } .f268 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 400; line-height: 1.6; color: #475569; margin: 0px; max-width: 72ch; } .f269 {padding-top: clamp(40px, 5vw, 72px); padding-bottom: clamp(40px, 5vw, 72px); } .f270 {background-color: #F8FAFC; padding-top: clamp(40px, 5vw, 72px); padding-bottom: clamp(40px, 5vw, 72px); } .f271 {font-family: Manrope; font-size: clamp(23px, 3.1vw, 36px); font-weight: 700; line-height: 1.15; letter-spacing: -0.02em; color: #0F172A; margin: 0 0 12px; } .f272 {font-family: Manrope; font-size: 16px; font-weight: 400; line-height: 1.65; color: #475569; margin: 0 0 clamp(24px, 3vw, 40px); max-width: 66ch; } .f273 {display: flex; flex-direction: column; gap: 20px; } .f274 {flex: 1 1 320px; padding: clamp(20px, 2.4vw, 30px); display: flex; flex-direction: column; gap: 10px; min-width: 0px; } .f275 {background-color: #EEF2FF; border-left: 1px solid #E0E7FF; } .f276 {font-family: Manrope; font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: 0.1em; text-transform: uppercase; color: #5D6B80; margin: 0px; } .f277 {font-family: Manrope; font-size: clamp(19px, 2.1vw, 24px); font-weight: 600; line-height: 1.3; letter-spacing: -0.01em; color: #0F172A; margin: 0px; } .f278 {font-family: Manrope; font-size: 15px; font-weight: 400; line-height: 1.6; color: #475569; margin: 0px; } .f279 {font-family: Manrope; font-size: 16px; font-weight: 400; line-height: 1.65; color: #1E293B; margin: 0px; } .f280 {display: flex; align-items: flex-start; gap: 10px; margin: 4px 0 0; flex-wrap: wrap; } .f281 {align-items: start; gap: 40px; } .f282 {list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; gap: 20px; } .f283 {display: flex; flex-direction: column; gap: 6px; } .f284 {font-family: Manrope; font-size: clamp(19px, 2.1vw, 24px); font-weight: 600; line-height: 1.3; letter-spacing: -0.01em; color: #0F172A; margin: 0px; } .f285 {font-family: Manrope; font-size: 16px; font-weight: 400; line-height: 1.65; color: #475569; margin: 0px; } .f286 {padding: 28px; border-radius: 20px; border: 1px dashed #E2E8F0; background-color: #FFFFFF; } .f287 {font-family: Manrope; font-size: 18px; font-weight: 600; line-height: 1.35; color: #64748B; margin: 0 0 8px; } .f288 {font-family: Manrope; font-size: 14px; font-weight: 400; line-height: 1.5; color: #5D6B80; margin: 0 0 18px; } .f289 {font-family: Manrope; font-size: 15px; font-weight: 400; line-height: 1.6; color: #64748B; text-decoration: line-through; text-decoration-color: #CBD5E1; } .f290 {padding: clamp(32px, 4vw, 56px); border-radius: 28px; background-color: #2757F5; display: flex; flex-direction: column; align-items: flex-start; box-sizing: border-box; } .f291 {font-family: Manrope; font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: 0.1em; text-transform: uppercase; color: #E0E7FF; margin: 0 0 14px; } .f292 {font-family: Manrope; font-size: clamp(30px, 4.4vw, 52px); font-weight: 700; line-height: 1.08; letter-spacing: -0.02em; color: #FFFFFF; margin: 0 0 14px; max-width: 22ch; } .f293 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 400; line-height: 1.6; color: #E0E7FF; margin: 0 0 28px; max-width: 58ch; } .f294 {margin: 0px; width: 100%; gap: 20px; } .f295 {display: flex; flex-direction: column; gap: 6px; min-width: 0px; } .f296 {font-family: Manrope; font-size: 13px; font-weight: 600; line-height: 1.2; text-transform: uppercase; color: #E0E7FF; letter-spacing: 0.06em; } .f297 {font-family: Manrope; font-size: 16px; font-weight: 400; line-height: 1.65; color: #FFFFFF; margin: 0px; } .f298 {list-style: none; margin: 0px; padding: 0px; gap: 20px; } .f299 {display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 24px; border-radius: 18px; background-color: #FFFFFF; border: 1px solid #F1F5F9; } .f300 {font-family: Manrope; font-size: clamp(23px, 3.1vw, 36px); font-weight: 700; line-height: 1; letter-spacing: -0.02em; color: #C7D2FE; } .f301 {font-family: Manrope; font-size: 18px; font-weight: 600; line-height: 1.35; color: #0F172A; margin: 0px; } .f302 {font-family: Manrope; font-size: 15px; font-weight: 400; line-height: 1.6; color: #475569; margin: 0px; flex-grow: 1; } .f303 {padding: 28px; border-radius: 20px; border: 1px solid #E2E8F0; background-color: #FFFFFF; } .f304 {font-family: Manrope; font-size: clamp(19px, 2.1vw, 24px); font-weight: 600; line-height: 1.3; letter-spacing: -0.01em; color: #1E293B; margin: 0 0 10px; } .f305 {font-family: Manrope; font-size: 16px; font-weight: 400; line-height: 1.65; color: #475569; margin: 0px; max-width: 70ch; } .f306 {padding-bottom: clamp(48px, 6vw, 88px); } .f307 {display: flex; flex-direction: column; align-items: flex-start; gap: 16px; padding: 36px; border-radius: 24px; background-color: #F8FAFC; } .f308 {font-family: Manrope; font-size: clamp(23px, 3.1vw, 36px); font-weight: 700; line-height: 1.15; letter-spacing: -0.02em; color: #0F172A; margin: 0px; } .f309 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 400; line-height: 1.6; color: #475569; margin: 0px; max-width: 56ch; } .f310 {display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 26px; border-radius: 12px; border: 1px solid transparent; font-family: Manrope; font-size: 16px; font-weight: 600; line-height: 1.2; white-space: nowrap; cursor: pointer; text-decoration: none; transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease; background-color: #2757F5; color: #FFFFFF; }.f310:hover {background-color: #1D46D0; transform: translateY(-1px); } .f311 {display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 15px 30px; border-radius: 12px; border: 1px solid #E2E8F0; font-family: Manrope; font-size: 16px; font-weight: 600; line-height: 1.65; white-space: nowrap; cursor: pointer; text-decoration: none; transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease; background-color: transparent; color: #1E293B; }.f311:hover {border-color: #2757F5; color: #2757F5; } .f312 {color: #2757F5; text-decoration: none; cursor: pointer; font-family: Manrope; font-size: 16px; font-weight: 600; line-height: 1.65; display: inline-flex; align-items: center; gap: 6px; margin-top: 32px; } .f313 {color: #8FA8FF; text-decoration: none; cursor: pointer; font-family: Manrope; font-size: 16px; font-weight: 600; line-height: 1.65; display: inline-flex; align-items: center; gap: 6px; margin-top: 32px; } .f314 {color: #1D46D0; text-decoration: none; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; padding: 15px 30px; border-radius: 12px; background-color: #FFFFFF; font-family: Manrope; font-size: 16px; font-weight: 700; line-height: 1.65; } .f315 {position: relative; max-width: 1240px; margin: 0 auto; padding-left: 24px; padding-right: 24px; box-sizing: border-box; } .f316 {position: relative; overflow: hidden; padding-top: clamp(56px, 8vw, 120px); padding-bottom: clamp(40px, 6vw, 88px); } .f317 {position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 0; pointer-events: none; } .f318 {font-family: Manrope; font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: 0.1em; text-transform: uppercase; color: #2757F5; margin: 0 0 16px; } .f319 {font-family: Manrope; font-size: clamp(38px, 5.4vw, 72px); font-weight: 700; line-height: 1.02; letter-spacing: -0.03em; color: #0F172A; margin: 0 0 22px; max-width: 18ch; } .f320 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 400; line-height: 1.6; color: #475569; margin: 0 0 32px; max-width: 60ch; } .f321 {display: flex; flex-wrap: wrap; gap: 14px; } .f322 {padding-top: clamp(48px, 6vw, 88px); padding-bottom: clamp(48px, 6vw, 88px); } .f323 {margin-bottom: clamp(28px, 4vw, 48px); } .f324 {font-family: Manrope; font-size: clamp(23px, 3.1vw, 36px); font-weight: 700; line-height: 1.15; letter-spacing: -0.02em; color: #0F172A; margin: 0 0 12px; max-width: 26ch; } .f325 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 400; line-height: 1.6; color: #475569; margin: 0px; max-width: 62ch; } .f326 {margin-top: 0px; } .f327 {background-color: #F8FAFC; padding-top: clamp(48px, 6vw, 88px); padding-bottom: clamp(48px, 6vw, 88px); } .f328 {position: relative; overflow: hidden; background-color: #0F172A; padding-top: clamp(56px, 7vw, 104px); padding-bottom: clamp(56px, 7vw, 104px); } .f329 {position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 0; pointer-events: none; } .f330 {font-family: Manrope; font-size: clamp(23px, 3.1vw, 36px); font-weight: 700; line-height: 1.15; letter-spacing: -0.02em; color: #FFFFFF; margin: 0 0 14px; max-width: 26ch; } .f331 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 400; line-height: 1.6; color: #A8B4C4; margin: 0px; max-width: 64ch; } .f332 {position: relative; margin-top: 0px; } .f333 {display: flex; flex-direction: column; gap: 10px; padding: 26px 28px; border-left: 3px solid #8FA8FF; box-sizing: border-box; } .f334 {font-family: Manrope; font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: 0.14em; text-transform: uppercase; color: #8FA8FF; margin: 0px; } .f335 {font-family: Manrope; font-size: clamp(19px, 2.1vw, 24px); font-weight: 600; line-height: 1.3; letter-spacing: -0.01em; color: #FFFFFF; margin: 0px; } .f336 {font-family: Manrope; font-size: 15px; font-weight: 400; line-height: 1.6; color: #A8B4C4; margin: 0px; } .f337 {padding-top: clamp(48px, 6vw, 88px); padding-bottom: clamp(56px, 7vw, 96px); } .f338 {position: relative; overflow: hidden; padding: clamp(36px, 5vw, 72px); border-radius: 28px; background-color: #2757F5; display: flex; flex-direction: column; align-items: flex-start; gap: 20px; box-sizing: border-box; } .f339 {font-family: Manrope; font-size: clamp(23px, 3.1vw, 36px); font-weight: 700; line-height: 1.15; letter-spacing: -0.02em; color: #FFFFFF; margin: 0px; max-width: 24ch; } .f340 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 400; line-height: 1.6; color: #E0E7FF; margin: 0px; max-width: 56ch; }.f314:hover {background-color: #EEF2FF; } .f312:hover {color: #1D46D0; } .f313:hover {color: #FFFFFF; } .f341 {font-family: Manrope; font-size: 14px; font-weight: 400; line-height: 1.5; color: #64748B; } .f342 {font-family: Manrope; font-size: 15px; font-weight: 400; line-height: 1.6; color: #2757F5; } .f343 {max-width: 940px; margin: 0 auto; padding-left: 24px; padding-right: 24px; box-sizing: border-box; } .f344 {padding-top: clamp(32px, 4vw, 56px); padding-bottom: clamp(20px, 3vw, 32px); } .f345 {display: flex; align-items: center; gap: 10px; margin-bottom: 24px; flex-wrap: wrap; }.f341:hover {color: #2757F5; } .f346 {font-family: Manrope; font-size: 14px; font-weight: 400; line-height: 1.5; color: #CBD5E1; } .f347 {font-family: Manrope; font-size: 14px; font-weight: 400; line-height: 1.5; color: #334155; } .f348 {font-family: Manrope; font-size: clamp(30px, 4.4vw, 52px); font-weight: 700; line-height: 1.08; letter-spacing: -0.02em; color: #0F172A; margin: 0 0 20px; } .f349 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 400; line-height: 1.6; color: #475569; margin: 0 0 14px; } .f350 {font-family: Manrope; font-size: 14px; font-weight: 400; line-height: 1.5; color: #5D6B80; margin: 0px; } .f351 {padding-bottom: clamp(48px, 6vw, 88px); } .f352 {display: flex; flex-direction: column; gap: clamp(24px, 3vw, 36px); } .f353 {display: flex; flex-direction: column; gap: 10px; } .f354 {font-family: Manrope; font-size: clamp(19px, 2.1vw, 24px); font-weight: 600; line-height: 1.3; letter-spacing: -0.01em; color: #0F172A; margin: 0px; } .f355 {font-family: Manrope; font-size: 16px; font-weight: 400; line-height: 1.65; color: #334155; margin: 0px; max-width: 78ch; } .f356 {margin: 0px; padding-left: 22px; display: flex; flex-direction: column; gap: 8px; } .f357 {font-family: Manrope; font-size: 16px; font-weight: 400; line-height: 1.65; color: #334155; max-width: 78ch; }.f357::marker {color: #2757F5; } .f358 {margin-top: 32px; padding-top: 28px; border-top: 1px solid #F1F5F9; } .f359 {font-family: Manrope; font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: 0.1em; text-transform: uppercase; color: #5D6B80; margin: 0 0 14px; } .f360 {list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; gap: 10px; } .f361 {display: block; }.f342:hover {color: #1D46D0; } .f362 {font-family: Manrope; font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: 0.1em; text-transform: uppercase; color: #2757F5; margin: 0 0 14px; } .f363 {font-family: Manrope; font-size: clamp(30px, 4.4vw, 52px); font-weight: 700; line-height: 1.08; letter-spacing: -0.02em; color: #0F172A; margin: 0 0 18px; max-width: 20ch; } .f364 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 400; line-height: 1.6; color: #475569; margin: 0px; max-width: 62ch; } .f365 {display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 26px; border-radius: 12px; border: 1px solid transparent; font-family: Manrope; font-size: 16px; font-weight: 600; line-height: 1.2; white-space: nowrap; cursor: pointer; text-decoration: none; transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease; background-color: #2757F5; color: #FFFFFF; }.f365:hover {background-color: #1D46D0; transform: translateY(-1px); } .f366 {display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 26px; border-radius: 12px; border: 1px solid #E2E8F0; font-family: Manrope; font-size: 16px; font-weight: 600; line-height: 1.2; white-space: nowrap; cursor: pointer; text-decoration: none; transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease; background-color: transparent; color: #1E293B; }.f366:hover {border-color: #2757F5; color: #2757F5; } .f367 {margin-top: 8px; padding: 15px 30px; border-radius: 12px; background-color: #FFFFFF; color: #1D46D0; font-family: Manrope; font-size: 16px; font-weight: 700; line-height: 1.65; } .f368 {position: relative; display: flex; flex-direction: column; border-radius: 20px; border: 1px solid #F1F5F9; background-color: #FFFFFF; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04); transition: transform .28s cubic-bezier(.16,1,.3,1), box-shadow .28s ease, border-color .28s ease; overflow: hidden; padding: clamp(22px, 2.4vw, 30px); gap: 12px; }.f368:hover {transform: translateY(-3px); box-shadow: 0 16px 40px rgba(15, 23, 42, 0.10); border-color: #C7D2FE; } .f369 {position: relative; display: flex; flex-direction: column; border-radius: 20px; border: 1px solid #F1F5F9; background-color: #FFFFFF; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04); transition: transform .28s cubic-bezier(.16,1,.3,1), box-shadow .28s ease, border-color .28s ease; overflow: hidden; padding: clamp(26px, 3vw, 36px); gap: 14px; align-self: stretch; }.f369:hover {transform: translateY(-3px); box-shadow: 0 16px 40px rgba(15, 23, 42, 0.10); border-color: #C7D2FE; } .f370 {position: relative; display: flex; flex-direction: column; border-radius: 20px; border: 1px solid #2A3A52; background-color: #1E293B; box-shadow: none; transition: transform .28s cubic-bezier(.16,1,.3,1), box-shadow .28s ease, border-color .28s ease; overflow: hidden; padding: clamp(22px, 2.4vw, 30px); gap: 10px; align-self: stretch; }.f370:hover {transform: translateY(-3px); box-shadow: none; border-color: #8FA8FF; background-color: #1E293B; } .f371 {font-family: Manrope; font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: 0.1em; text-transform: uppercase; color: #8FA8FF; margin: 0 0 16px; } .f372 {display: inline-flex; align-items: center; padding: 4px 10px; border-radius: 999px; background-color: #F8FAFC; border: 1px solid #F1F5F9; color: #5D6B80; font-family: Manrope; font-size: 13px; line-height: 1.2; white-space: nowrap; font-weight: 600; align-self: flex-start; } .f373 {max-width: 1240px; margin: 0 auto; padding-left: 24px; padding-right: 24px; box-sizing: border-box; } .f374 {padding-top: clamp(56px, 8vw, 104px); padding-bottom: clamp(40px, 5vw, 64px); } .f375 {margin-bottom: clamp(28px, 3.5vw, 44px); } .f376 {max-width: 820px; margin: 0 0 clamp(28px, 3.5vw, 40px); padding: clamp(20px, 2.4vw, 28px); border-left: 3px solid #2757F5; border-radius: 16px; background-color: #EEF2FF; box-sizing: border-box; font-family: Manrope; font-size: 16px; font-weight: 400; line-height: 1.65; color: #1E293B; } .f377 {display: flex; flex-wrap: wrap; gap: 14px; } .f378 {padding-top: clamp(56px, 7vw, 96px); padding-bottom: clamp(56px, 7vw, 96px); } .f379 {background-color: #F8FAFC; } .f380 {margin-bottom: clamp(32px, 4vw, 56px); } .f381 {font-family: Manrope; font-size: clamp(23px, 3.1vw, 36px); font-weight: 700; line-height: 1.15; letter-spacing: -0.02em; color: #0F172A; margin: 0 0 14px; max-width: 24ch; } .f382 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 400; line-height: 1.6; color: #475569; margin: 0px; max-width: 62ch; } .f383 {margin-top: 0px; } .f384 {font-family: Manrope; font-size: clamp(19px, 2.1vw, 24px); font-weight: 600; line-height: 1.3; letter-spacing: -0.01em; color: #0F172A; margin: 0px; } .f385 {font-family: Manrope; font-size: 16px; font-weight: 400; line-height: 1.65; color: #475569; margin: 0px; } .f386 {font-family: Manrope; font-size: clamp(19px, 2.1vw, 24px); font-weight: 600; line-height: 1.3; letter-spacing: -0.01em; color: #0F172A; margin: 0px; } .f387 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 400; line-height: 1.6; color: #475569; margin: 0px; } .f388 {background-color: #0F172A; padding-top: clamp(56px, 7vw, 104px); padding-bottom: clamp(56px, 7vw, 104px); } .f389 {font-family: Manrope; font-size: clamp(23px, 3.1vw, 36px); font-weight: 700; line-height: 1.15; letter-spacing: -0.02em; color: #FFFFFF; margin: 0 0 14px; max-width: 24ch; } .f390 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 400; line-height: 1.6; color: #A8B4C4; margin: 0px; max-width: 62ch; } .f391 {font-family: Manrope; font-size: clamp(19px, 2.1vw, 24px); font-weight: 600; line-height: 1.3; letter-spacing: -0.01em; color: #FFFFFF; margin: 0px; } .f392 {font-family: Manrope; font-size: 16px; font-weight: 400; line-height: 1.65; color: #A8B4C4; margin: 0px; } .f393 {margin-top: clamp(44px, 5vw, 72px); margin-bottom: clamp(24px, 3vw, 36px); padding-top: clamp(30px, 4vw, 48px); border-top: 1px solid #2A3A52; } .f394 {font-family: Manrope; font-size: clamp(19px, 2.1vw, 24px); font-weight: 600; line-height: 1.3; letter-spacing: -0.01em; color: #FFFFFF; margin: 0 0 10px; } .f395 {font-family: Manrope; font-size: 16px; font-weight: 400; line-height: 1.65; color: #A8B4C4; margin: 0px; max-width: 68ch; } .f396 {padding-top: clamp(56px, 7vw, 96px); padding-bottom: clamp(56px, 7vw, 96px); } .f397 {padding: clamp(36px, 5vw, 72px); border-radius: 28px; background-color: #2757F5; display: flex; flex-direction: column; align-items: flex-start; gap: 20px; box-sizing: border-box; } .f398 {font-family: Manrope; font-size: clamp(30px, 4.4vw, 52px); font-weight: 700; line-height: 1.08; letter-spacing: -0.02em; color: #FFFFFF; margin: 0px; max-width: 22ch; } .f399 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 400; line-height: 1.6; color: #E0E7FF; margin: 0px; max-width: 56ch; }.f367:hover {background-color: #EEF2FF; } .f400 {font-family: Manrope; font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: 0.1em; text-transform: uppercase; color: #2757F5; margin: 0 0 14px; } .f401 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 400; line-height: 1.6; color: #1E293B; margin: 0 0 8px; max-width: 52ch; } .f402 {align-items: start; gap: 48px; } .f403 {font-family: Manrope; font-size: 16px; font-weight: 400; line-height: 1.65; color: #334155; margin: 0 0 16px; } .f404 {font-family: Manrope; font-size: 16px; font-weight: 400; line-height: 1.65; color: #475569; margin: 0 0 20px; } .f405 {font-family: Manrope; font-size: 15px; font-weight: 400; line-height: 1.6; color: #64748B; margin: 0px; padding: 16px 20px; border-radius: 14px; border: 1px dashed #E2E8F0; background-color: #FFFFFF; } .f406 {list-style: disc; margin: 0px; padding-left: 20px; display: flex; flex-direction: column; gap: 12px; } .f407 {font-family: Manrope; font-size: 15px; font-weight: 400; line-height: 1.6; color: #334155; }.f407::marker {color: #2757F5; } .f408 {font-family: Manrope; font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: 0.1em; text-transform: uppercase; color: #2757F5; margin: 0 0 14px; } .f409 {font-family: Manrope; font-size: 18px; font-weight: 600; line-height: 1.35; color: #1E293B; margin: 0 0 18px; max-width: 56ch; } .f410 {font-family: Manrope; font-size: 15px; font-weight: 400; line-height: 1.6; color: #64748B; margin: 0px; padding: 16px 20px; border-radius: 14px; border: 1px dashed #E2E8F0; background-color: #FFFFFF; } .f411 {list-style: none; margin: 0px; padding: 0px; display: flex; flex-wrap: wrap; gap: 8px; } .f412 {list-style: none; margin: 0px; padding: 0px; display: flex; flex-wrap: wrap; gap: 10px; } .f413 {list-style: none; margin: 0px; padding: 0px; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; counter-reset: chain; } .f414 {color: #5D6B80; text-decoration: none; cursor: pointer; font-family: Manrope; font-size: 14px; font-weight: 400; line-height: 1.5; } .f415 {color: inherit; text-decoration: none; cursor: pointer; display: flex; flex-direction: column; gap: 8px; padding: 24px 26px; border-radius: 18px; border: 1px solid #F1F5F9; background-color: #FFFFFF; box-sizing: border-box; } .f416 {color: #1D46D0; text-decoration: none; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; padding: 15px 30px; border-radius: 12px; background-color: #FFFFFF; font-family: Manrope; font-size: 16px; font-weight: 700; line-height: 1.65; margin-top: 6px; } .f417 {max-width: 1240px; margin: 0 auto; padding-left: 24px; padding-right: 24px; box-sizing: border-box; } .f418 {padding-top: clamp(32px, 4vw, 56px); padding-bottom: clamp(28px, 3vw, 44px); } .f419 {display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 28px; }.f414:hover {color: #2757F5; } .f420 {font-family: Manrope; font-size: 14px; font-weight: 400; line-height: 1.5; color: #E2E8F0; } .f421 {font-family: Manrope; font-size: 14px; font-weight: 400; line-height: 1.5; color: #475569; } .f422 {font-family: Manrope; font-size: 13px; font-weight: 600; line-height: 1.2; text-transform: uppercase; letter-spacing: 0.08em; color: #5D6B80; margin: 0 0 12px; } .f423 {font-family: Manrope; font-size: clamp(23px, 3.1vw, 36px); font-weight: 700; line-height: 1.15; letter-spacing: -0.02em; color: #0F172A; margin: 0 0 10px; max-width: 24ch; } .f424 {font-family: Manrope; font-size: clamp(30px, 4.4vw, 52px); font-weight: 700; line-height: 1.08; letter-spacing: -0.02em; color: #0F172A; margin: 0 0 16px; max-width: 22ch; } .f425 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 600; line-height: 1.6; color: #2757F5; margin: 0 0 12px; } .f426 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 400; line-height: 1.6; color: #475569; margin: 0 0 24px; max-width: 64ch; } .f427 {font-family: Manrope; font-size: 14px; font-weight: 400; line-height: 1.5; padding: 6px 14px; border-radius: 999px; border: 1px solid #F1F5F9; background-color: #F8FAFC; color: #475569; } .f428 {background-color: #0F172A; padding-top: clamp(40px, 5vw, 64px); padding-bottom: clamp(40px, 5vw, 64px); } .f429 {font-family: Manrope; font-size: clamp(19px, 2.1vw, 24px); font-weight: 600; line-height: 1.3; letter-spacing: -0.01em; color: #FFFFFF; margin: 0 0 28px; max-width: 62ch; } .f430 {display: flex; flex-direction: column; gap: 12px; } .f431 {font-family: Manrope; font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: 0.1em; text-transform: uppercase; color: #8FA8FF; margin: 0px; } .f432 {font-family: Manrope; font-size: 15px; font-weight: 400; line-height: 1.6; display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; border-radius: 999px; border: 1px solid #2A3A52; color: #A8B4C4; } .f433 {padding-top: clamp(40px, 5vw, 64px); padding-bottom: clamp(40px, 5vw, 64px); } .f434 {background-color: #F8FAFC; padding-top: clamp(40px, 5vw, 64px); padding-bottom: clamp(40px, 5vw, 64px); } .f435 {margin-bottom: clamp(20px, 3vw, 32px); } .f436 {font-family: Manrope; font-size: clamp(23px, 3.1vw, 36px); font-weight: 700; line-height: 1.15; letter-spacing: -0.02em; color: #0F172A; margin: 0px; max-width: 26ch; } .f437 {margin-top: 0px; } .f438 {font-family: Manrope; font-size: 15px; font-weight: 400; line-height: 1.6; padding: 8px 16px; border-radius: 999px; border: 1px solid #E2E8F0; background-color: #FFFFFF; color: #334155; }.f415:hover {border-color: #C7D2FE; background-color: #FFFFFF; } .f439 {font-family: Manrope; font-size: clamp(19px, 2.1vw, 24px); font-weight: 600; line-height: 1.3; letter-spacing: -0.01em; color: #0F172A; margin: 0px; } .f440 {font-family: Manrope; font-size: 15px; font-weight: 400; line-height: 1.6; color: #475569; margin: 0px; } .f441 {font-family: Manrope; font-size: 16px; font-weight: 400; line-height: 1.65; color: #475569; margin: 22px 0 0; } .f442 {padding-bottom: clamp(56px, 7vw, 96px); } .f443 {padding: clamp(36px, 5vw, 64px); border-radius: 28px; background-color: #2757F5; display: flex; flex-direction: column; align-items: flex-start; gap: 18px; box-sizing: border-box; } .f444 {font-family: Manrope; font-size: clamp(23px, 3.1vw, 36px); font-weight: 700; line-height: 1.15; letter-spacing: -0.02em; color: #FFFFFF; margin: 0px; max-width: 24ch; } .f445 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 400; line-height: 1.6; color: #E0E7FF; margin: 0px; max-width: 56ch; }.f416:hover {background-color: #EEF2FF; } .f446 {padding-top: clamp(24px, 3vw, 40px); padding-bottom: clamp(48px, 6vw, 80px); } .f447 {list-style: none; margin: 0px; padding: 0px; display: grid; } .f448 {color: #0F172A; text-decoration: none; cursor: pointer; font-family: Manrope; font-size: clamp(19px, 2.1vw, 24px); font-weight: 600; line-height: 1.3; letter-spacing: -0.01em; } .f449 {color: #1D46D0; text-decoration: none; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; padding: 15px 30px; border-radius: 12px; background-color: #FFFFFF; font-family: Manrope; font-size: 16px; font-weight: 700; line-height: 1.65; margin-top: 6px; } .f450 {max-width: 1240px; margin: 0 auto; padding-left: 24px; padding-right: 24px; box-sizing: border-box; } .f451 {padding-top: clamp(48px, 6vw, 88px); padding-bottom: clamp(28px, 3vw, 44px); } .f452 {font-family: Manrope; font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: 0.1em; text-transform: uppercase; color: #2757F5; margin: 0 0 14px; } .f453 {font-family: Manrope; font-size: clamp(30px, 4.4vw, 52px); font-weight: 700; line-height: 1.08; letter-spacing: -0.02em; color: #0F172A; margin: 0 0 18px; max-width: 24ch; } .f454 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 400; line-height: 1.6; color: #475569; margin: 0px; max-width: 64ch; } .f455 {margin-top: 0px; } .f456 {background-color: #F8FAFC; padding-top: clamp(48px, 6vw, 80px); padding-bottom: clamp(48px, 6vw, 80px); } .f457 {margin-bottom: clamp(24px, 3vw, 40px); } .f458 {font-family: Manrope; font-size: clamp(23px, 3.1vw, 36px); font-weight: 700; line-height: 1.15; letter-spacing: -0.02em; color: #0F172A; margin: 0 0 12px; max-width: 26ch; } .f459 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 400; line-height: 1.6; color: #475569; margin: 0px; max-width: 62ch; } .f460 {display: flex; flex-direction: column; gap: 6px; }.f448:hover {color: #2757F5; } .f461 {font-family: Manrope; font-size: 15px; font-weight: 400; line-height: 1.6; color: #475569; } .f462 {padding-bottom: clamp(56px, 7vw, 96px); } .f463 {padding: clamp(36px, 5vw, 64px); border-radius: 28px; background-color: #2757F5; display: flex; flex-direction: column; align-items: flex-start; gap: 18px; box-sizing: border-box; } .f464 {font-family: Manrope; font-size: clamp(23px, 3.1vw, 36px); font-weight: 700; line-height: 1.15; letter-spacing: -0.02em; color: #FFFFFF; margin: 0px; max-width: 24ch; } .f465 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 400; line-height: 1.6; color: #E0E7FF; margin: 0px; max-width: 56ch; }.f449:hover {background-color: #EEF2FF; } .f466 {display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 999px; border: 1px solid #E2E8F0; background-color: #FFFFFF; color: #1E293B; transition: border-color .2s ease, color .2s ease, background-color .2s ease; } .f467 {height: 100vh; overflow-y: scroll; overflow-x: hidden; scroll-snap-type: y proximity; scroll-behavior: smooth; overscroll-behavior: contain; background-color: #FFFFFF; } .f468 {position: fixed; top: 0px; left: 0px; right: 0px; height: 3px; background-color: #F1F5F9; z-index: 40; } .f469 {display: block; width: 100%; height: 100%; transform: scaleX(0); transform-origin: left center; background-color: #2757F5; transition: transform .4s cubic-bezier(.16, 1, .3, 1); } .f470 {position: fixed; right: clamp(20px, 4vw, 48px); bottom: clamp(20px, 4vw, 48px); display: flex; gap: 12px; z-index: 40; }.f466:hover {border-color: #2757F5; color: #2757F5; background-color: #EEF2FF; } .f471 {font-size: clamp(17px, 1.5vw, 20px); line-height: 1; } .f472 {font-family: Manrope; font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: 0.1em; text-transform: uppercase; color: #2757F5; margin: 0 0 14px; } .f473 {font-family: Manrope; font-size: clamp(30px, 4.4vw, 52px); font-weight: 700; line-height: 1.08; letter-spacing: -0.02em; color: #0F172A; margin: 0 0 18px; max-width: 20ch; } .f474 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 400; line-height: 1.6; color: #475569; margin: 0px; max-width: 62ch; } .f475 {font-family: Manrope; font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: 0.1em; text-transform: uppercase; color: #2757F5; margin: 0 0 14px; } .f476 {font-family: Manrope; font-size: 14px; font-weight: 400; line-height: 1.5; color: #5D6B80; } .f477 {display: inline-flex; align-items: center; justify-content: center; padding: 15px 30px; border-radius: 12px; background-color: #FFFFFF; color: #1D46D0; font-family: Manrope; font-size: 16px; font-weight: 700; line-height: 1.65; } .f478 {display: inline-flex; align-items: center; justify-content: center; padding: 15px 30px; border-radius: 12px; border: 1px solid #818CF8; color: #FFFFFF; font-family: Manrope; font-size: 16px; font-weight: 600; line-height: 1.65; } .f479 {display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 26px; border-radius: 12px; border: 1px solid transparent; font-family: Manrope; font-size: 16px; font-weight: 600; line-height: 1.2; white-space: nowrap; cursor: pointer; text-decoration: none; transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease; background-color: #2757F5; color: #FFFFFF; }.f479:hover {background-color: #1D46D0; transform: translateY(-1px); } .f480 {display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 26px; border-radius: 12px; border: 1px solid #E2E8F0; font-family: Manrope; font-size: 16px; font-weight: 600; line-height: 1.2; white-space: nowrap; cursor: pointer; text-decoration: none; transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease; background-color: transparent; color: #1E293B; }.f480:hover {border-color: #2757F5; color: #2757F5; } .f481 {display: inline-flex; align-items: center; padding: 8px 16px; border-radius: 999px; background-color: #FFFFFF; border: 1px solid #F1F5F9; color: #1E293B; font-family: Manrope; font-size: 14px; line-height: 1.4; white-space: nowrap; } .f482 {position: relative; display: flex; flex-direction: column; border-radius: 20px; border: 1px solid #F1F5F9; background-color: #FFFFFF; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04); transition: transform .28s cubic-bezier(.16,1,.3,1), box-shadow .28s ease, border-color .28s ease; overflow: hidden; padding: 28px; gap: 12px; box-sizing: border-box; }.f482:hover {transform: translateY(-3px); box-shadow: 0 16px 40px rgba(15, 23, 42, 0.10); border-color: #C7D2FE; } .f483 {max-width: 1240px; margin: 0 auto; padding-left: 24px; padding-right: 24px; box-sizing: border-box; } .f484 {padding-top: clamp(40px, 5vw, 72px); padding-bottom: clamp(32px, 4vw, 56px); } .f485 {display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 32px; }.f476:hover {color: #2757F5; } .f486 {font-family: Manrope; font-size: 14px; font-weight: 400; line-height: 1.5; color: #E2E8F0; } .f487 {font-family: Manrope; font-size: 14px; font-weight: 400; line-height: 1.5; color: #475569; } .f488 {display: block; width: 64px; height: 6px; border-radius: 999px; margin-bottom: 20px; } .f489 {background-color: #12304D; } .f490 {background-color: #2E9E5B; } .f491 {background-color: #2757F5; } .f492 {background-color: #1D46D0; } .f493 {background-color: #C2A87C; } .f494 {background-color: #14110F; } .f495 {background-color: #B4553F; } .f496 {display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 28px; } .f497 {display: inline-flex; align-items: center; gap: 8px; padding: 6px 16px; border-radius: 999px; border: 1px solid #F1F5F9; background-color: #F8FAFC; font-family: Manrope; font-size: 14px; font-weight: 400; line-height: 1.5; color: #1E293B; } .f498 {font-family: Manrope; font-size: 13px; font-weight: 600; line-height: 1.2; color: #5D6B80; text-transform: uppercase; letter-spacing: 0.06em; } .f499 {background-color: #0F172A; padding-top: clamp(56px, 7vw, 104px); padding-bottom: clamp(56px, 7vw, 104px); } .f500 {row-gap: clamp(28px, 4vw, 48px); } .f501 {font-family: Manrope; font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: 0.1em; text-transform: uppercase; color: #8FA8FF; margin: 0 0 14px; } .f502 {font-family: Manrope; font-size: clamp(23px, 3.1vw, 36px); font-weight: 700; line-height: 1.15; letter-spacing: -0.02em; color: #FFFFFF; margin: 0 0 14px; max-width: 20ch; } .f503 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 400; line-height: 1.6; color: #A8B4C4; margin: 0px; max-width: 46ch; } .f504 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 400; line-height: 1.6; color: #A8B4C4; margin: 0px; max-width: 62ch; } .f505 {padding-top: clamp(48px, 6vw, 80px); padding-bottom: clamp(48px, 6vw, 80px); } .f506 {margin-bottom: clamp(32px, 4vw, 56px); } .f507 {font-family: Manrope; font-size: clamp(23px, 3.1vw, 36px); font-weight: 700; line-height: 1.15; letter-spacing: -0.02em; color: #0F172A; margin: 0 0 14px; max-width: 26ch; } .f508 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 400; line-height: 1.6; color: #475569; margin: 0px; max-width: 62ch; } .f509 {margin-top: 0px; } .f510 {font-family: Manrope; font-size: clamp(19px, 2.1vw, 24px); font-weight: 600; line-height: 1.3; letter-spacing: -0.01em; color: #0F172A; margin: 0px; } .f511 {font-family: Manrope; font-size: 16px; font-weight: 400; line-height: 1.65; color: #475569; margin: 0px; } .f512 {margin-top: clamp(28px, 4vw, 44px); padding: clamp(24px, 3vw, 32px); border-radius: 16px; border-left: 3px solid #818CF8; background-color: #F8FAFC; display: flex; flex-direction: column; gap: 10px; max-width: 78ch; } .f513 {font-family: Manrope; font-size: 13px; font-weight: 600; line-height: 1.2; text-transform: uppercase; letter-spacing: 0.08em; color: #5D6B80; margin: 0px; } .f514 {font-family: Manrope; font-size: 16px; font-weight: 400; line-height: 1.65; color: #475569; margin: 0px; } .f515 {padding-top: clamp(48px, 6vw, 80px); padding-bottom: clamp(48px, 6vw, 80px); } .f516 {list-style: none; margin: 0px; padding: 0px; } .f517 {display: flex; flex-direction: column; gap: 10px; padding: 24px 24px 26px; border-radius: 18px; border: 1px solid #F1F5F9; border-top: 3px solid #818CF8; background-color: #FFFFFF; box-sizing: border-box; } .f518 {font-family: Manrope; font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: 0.1em; color: #2757F5; margin: 0px; font-variant-numeric: tabular-nums; } .f519 {font-family: Manrope; font-size: clamp(19px, 2.1vw, 24px); font-weight: 600; line-height: 1.3; letter-spacing: -0.01em; color: #0F172A; margin: 0px; } .f520 {font-family: Manrope; font-size: 15px; font-weight: 400; line-height: 1.6; color: #475569; margin: 0px; } .f521 {background-color: #F8FAFC; padding-top: clamp(48px, 6vw, 80px); padding-bottom: clamp(48px, 6vw, 80px); } .f522 {display: flex; flex-direction: column; width: 100%; max-width: 880px; margin: 0 auto; } .f523 {font-family: Manrope; font-size: clamp(19px, 2.1vw, 24px); font-weight: 600; line-height: 1; letter-spacing: -0.01em; display: block; text-align: center; color: #5D6B80; margin: 12px 0; } .f524 {display: flex; flex-direction: column; gap: 10px; padding: 22px 26px; border-radius: 16px; border: 1px solid #E2E8F0; background-color: #FFFFFF; box-sizing: border-box; } .f525 {border-color: #2757F5; background-color: #EEF2FF; } .f526 {display: flex; flex-wrap: wrap; align-items: baseline; gap: 12px; } .f527 {font-family: Manrope; font-size: clamp(19px, 2.1vw, 24px); font-weight: 600; line-height: 1.3; letter-spacing: -0.01em; color: #0F172A; margin: 0px; } .f528 {font-family: Manrope; font-size: 13px; font-weight: 600; line-height: 1.2; text-transform: uppercase; letter-spacing: 0.08em; color: #5D6B80; margin: 0px; } .f529 {font-family: Manrope; font-size: 16px; font-weight: 400; line-height: 1.65; color: #475569; margin: 0px; max-width: 62ch; } .f530 {padding-top: clamp(48px, 6vw, 80px); padding-bottom: clamp(48px, 6vw, 80px); } .f531 {margin-top: 0px; } .f532 {display: flex; flex-direction: column; gap: 10px; padding: 26px 28px; border-radius: 18px; border-left: 3px solid #818CF8; background-color: #F8FAFC; box-sizing: border-box; } .f533 {font-family: Manrope; font-size: clamp(19px, 2.1vw, 24px); font-weight: 600; line-height: 1.3; letter-spacing: -0.01em; color: #0F172A; margin: 0px; } .f534 {font-family: Manrope; font-size: 16px; font-weight: 400; line-height: 1.65; color: #475569; margin: 0px; } .f535 {background-color: #F8FAFC; padding-top: clamp(48px, 6vw, 80px); padding-bottom: clamp(48px, 6vw, 80px); } .f536 {row-gap: clamp(32px, 4vw, 48px); } .f537 {display: flex; flex-direction: column; gap: 18px; } .f538 {font-family: Manrope; font-size: clamp(19px, 2.1vw, 24px); font-weight: 600; line-height: 1.3; letter-spacing: -0.01em; color: #0F172A; margin: 0px; } .f539 {display: flex; flex-wrap: wrap; gap: 10px; list-style: none; margin: 0px; padding: 0px; } .f540 {display: flex; flex-wrap: wrap; gap: 14px; } .f541 {margin-top: clamp(28px, 4vw, 48px); padding: clamp(28px, 4vw, 48px); border-radius: 28px; border: 1px solid #E0E7FF; background-color: #EEF2FF; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 24px; box-sizing: border-box; } .f542 {display: flex; flex-direction: column; gap: 8px; max-width: 52ch; } .f543 {font-family: Manrope; font-size: clamp(19px, 2.1vw, 24px); font-weight: 600; line-height: 1.3; letter-spacing: -0.01em; color: #0F172A; margin: 0px; } .f544 {font-family: Manrope; font-size: 16px; font-weight: 400; line-height: 1.65; color: #475569; margin: 0px; } .f545 {padding-top: clamp(48px, 6vw, 80px); padding-bottom: clamp(48px, 6vw, 96px); } .f546 {padding-bottom: clamp(56px, 7vw, 96px); } .f547 {padding: clamp(36px, 5vw, 72px); border-radius: 28px; background-color: #2757F5; display: flex; flex-direction: column; align-items: flex-start; gap: 20px; box-sizing: border-box; } .f548 {font-family: Manrope; font-size: clamp(30px, 4.4vw, 52px); font-weight: 700; line-height: 1.08; letter-spacing: -0.02em; color: #FFFFFF; margin: 0px; max-width: 22ch; } .f549 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 400; line-height: 1.6; color: #E0E7FF; margin: 0px; max-width: 56ch; } .f550 {display: flex; flex-wrap: wrap; gap: 14px; margin-top: 8px; }.f477:hover {background-color: #EEF2FF; } .f478:hover {background-color: #1D46D0; border-color: #1D46D0; } .f551 {display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 26px; border-radius: 12px; border: 1px solid transparent; font-family: Manrope; font-size: 16px; font-weight: 600; line-height: 1.2; white-space: nowrap; cursor: pointer; text-decoration: none; transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease; background-color: #2757F5; color: #FFFFFF; }.f551:hover {background-color: #1D46D0; transform: translateY(-1px); } .f552 {display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 26px; border-radius: 12px; border: 1px solid #E2E8F0; font-family: Manrope; font-size: 16px; font-weight: 600; line-height: 1.2; white-space: nowrap; cursor: pointer; text-decoration: none; transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease; background-color: transparent; color: #FFFFFF; border-color: #C7D2FE; }.f552:hover {border-color: #FFFFFF; background-color: #1D46D0; color: #FFFFFF; } .f553 {font-family: Manrope; font-size: 14px; font-weight: 400; line-height: 1.5; color: #64748B; } .f554 {max-width: 1240px; margin: 0 auto; padding-left: 24px; padding-right: 24px; box-sizing: border-box; } .f555 {padding-top: clamp(40px, 6vw, 72px); padding-bottom: clamp(32px, 4vw, 56px); } .f556 {display: flex; align-items: center; gap: 10px; margin-bottom: 28px; flex-wrap: wrap; }.f553:hover {color: #2757F5; } .f557 {font-family: Manrope; font-size: 14px; font-weight: 400; line-height: 1.5; color: #CBD5E1; } .f558 {font-family: Manrope; font-size: 14px; font-weight: 400; line-height: 1.5; color: #334155; } .f559 {display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 20px; } .f560 {font-family: Manrope; font-size: 15px; font-weight: 500; line-height: 1.6; color: #475569; } .f561 {font-family: Manrope; font-size: 14px; font-weight: 400; line-height: 1.5; color: #5D6B80; } .f562 {font-family: Manrope; font-size: clamp(38px, 5.4vw, 72px); font-weight: 700; line-height: 1.02; letter-spacing: -0.03em; color: #0F172A; margin: 0 0 24px; max-width: 18ch; } .f563 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 400; line-height: 1.6; color: #475569; margin: 0px; max-width: 72ch; } .f564 {padding-bottom: clamp(32px, 4vw, 56px); } .f565 {margin: 0px; gap: 20px; } .f566 {display: flex; flex-direction: column; gap: 6px; padding: 22px; border-radius: 16px; background-color: #F8FAFC; } .f567 {font-family: Manrope; font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: 0.1em; text-transform: uppercase; color: #5D6B80; } .f568 {font-family: Manrope; font-size: clamp(19px, 2.1vw, 24px); font-weight: 600; line-height: 1.3; letter-spacing: -0.01em; color: #0F172A; margin: 0px; } .f569 {background-color: #0F172A; padding-top: clamp(48px, 6vw, 88px); padding-bottom: clamp(48px, 6vw, 88px); } .f570 {font-family: Manrope; font-size: clamp(30px, 4.4vw, 52px); font-weight: 700; line-height: 1.08; letter-spacing: -0.02em; color: #FFFFFF; margin: 0 0 16px; } .f571 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 400; line-height: 1.6; color: #A8B4C4; margin: 0 0 clamp(28px, 4vw, 48px); max-width: 62ch; } .f572 {gap: 20px; } .f573 {display: flex; flex-direction: column; gap: 10px; padding: 28px; border-radius: 18px; border: 1px solid #2A3A52; } .f574 {font-family: Manrope; font-size: clamp(19px, 2.1vw, 24px); font-weight: 600; line-height: 1.3; letter-spacing: -0.01em; color: #FFFFFF; margin: 0px; } .f575 {font-family: Manrope; font-size: 16px; font-weight: 400; line-height: 1.65; color: #A8B4C4; margin: 0px; } .f576 {background-color: #F8FAFC; padding-top: clamp(40px, 5vw, 64px); padding-bottom: clamp(40px, 5vw, 64px); } .f577 {font-family: Manrope; font-size: clamp(23px, 3.1vw, 36px); font-weight: 700; line-height: 1.15; letter-spacing: -0.02em; color: #0F172A; margin: 0 0 24px; } .f578 {display: flex; flex-wrap: wrap; gap: 10px; list-style: none; margin: 0px; padding: 0px; } .f579 {font-family: Manrope; font-size: 15px; font-weight: 400; line-height: 1.6; color: #334155; background-color: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 999px; padding: 8px 16px; } .f580 {padding-top: clamp(48px, 6vw, 88px); padding-bottom: clamp(48px, 6vw, 88px); } .f581 {padding: clamp(36px, 5vw, 64px); border-radius: 28px; background-color: #2757F5; display: flex; flex-direction: column; align-items: flex-start; gap: 18px; box-sizing: border-box; } .f582 {font-family: Manrope; font-size: clamp(30px, 4.4vw, 52px); font-weight: 700; line-height: 1.08; letter-spacing: -0.02em; color: #FFFFFF; margin: 0px; max-width: 24ch; } .f583 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 400; line-height: 1.6; color: #E0E7FF; margin: 0px; max-width: 58ch; } .f584 {display: flex; gap: 14px; flex-wrap: wrap; margin-top: 8px; } .f585 {font-family: Manrope; font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: 0.1em; text-transform: uppercase; color: #2757F5; margin: 0 0 14px; } .f586 {font-family: Manrope; font-size: clamp(30px, 4.4vw, 52px); font-weight: 700; line-height: 1.08; letter-spacing: -0.02em; color: #0F172A; margin: 0 0 18px; max-width: 20ch; } .f587 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 400; line-height: 1.6; color: #475569; margin: 0px; max-width: 62ch; } .f588 {margin-top: 8px; padding: 15px 30px; border-radius: 12px; background-color: #FFFFFF; color: #1D46D0; font-family: Manrope; font-size: 16px; font-weight: 700; line-height: 1.65; } .f589 {display: inline-flex; align-items: center; padding: 7px 15px; border-radius: 999px; background-color: #EEF2FF; border: 1px solid #E0E7FF; color: #1D46D0; font-family: Manrope; font-size: 13px; line-height: 1.2; white-space: nowrap; font-weight: 600; } .f590 {max-width: 1240px; margin: 0 auto; padding-left: 24px; padding-right: 24px; box-sizing: border-box; } .f591 {padding-top: clamp(56px, 8vw, 104px); padding-bottom: clamp(40px, 5vw, 64px); } .f592 {margin-bottom: clamp(24px, 3vw, 36px); } .f593 {display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin: 0px; } .f594 {padding-top: clamp(56px, 7vw, 96px); padding-bottom: clamp(56px, 7vw, 96px); } .f595 {background-color: #F8FAFC; } .f596 {margin-top: 0px; } .f597 {display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: clamp(28px, 3.5vw, 44px); } .f598 {font-family: Manrope; font-size: clamp(23px, 3.1vw, 36px); font-weight: 700; line-height: 1.15; letter-spacing: -0.02em; color: #0F172A; margin: 0px; } .f599 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 400; line-height: 1.6; color: #475569; margin: 0px; } .f600 {padding-top: clamp(56px, 7vw, 96px); padding-bottom: clamp(56px, 7vw, 96px); } .f601 {padding: clamp(36px, 5vw, 72px); border-radius: 28px; background-color: #2757F5; display: flex; flex-direction: column; align-items: flex-start; gap: 20px; box-sizing: border-box; } .f602 {font-family: Manrope; font-size: clamp(30px, 4.4vw, 52px); font-weight: 700; line-height: 1.08; letter-spacing: -0.02em; color: #FFFFFF; margin: 0px; max-width: 22ch; } .f603 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 400; line-height: 1.6; color: #E0E7FF; margin: 0px; max-width: 56ch; }.f588:hover {background-color: #EEF2FF; } .f604 {font-family: Manrope; font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: 0.1em; text-transform: uppercase; color: #2757F5; margin: 0 0 14px; } .f605 {font-family: Manrope; font-size: clamp(30px, 4.4vw, 52px); font-weight: 700; line-height: 1.08; letter-spacing: -0.02em; color: #0F172A; margin: 0 0 18px; max-width: 20ch; } .f606 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 400; line-height: 1.6; color: #475569; margin: 0px; max-width: 62ch; } .f607 {font-family: Manrope; font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: 0.1em; text-transform: uppercase; color: #2757F5; margin: 0 0 14px; } .f608 {display: inline-block; margin-bottom: 28px; font-family: Manrope; font-size: 14px; font-weight: 400; line-height: 1.5; color: #5D6B80; } .f609 {font-family: Manrope; font-size: 16px; font-weight: 600; line-height: 1.65; color: #2757F5; margin-top: 8px; } .f610 {display: inline-flex; align-items: center; justify-content: center; padding: 15px 30px; border-radius: 12px; background-color: #FFFFFF; color: #1D46D0; font-family: Manrope; font-size: 16px; font-weight: 700; line-height: 1.65; } .f611 {display: inline-flex; align-items: center; justify-content: center; padding: 15px 30px; border-radius: 12px; border: 1px solid #818CF8; color: #FFFFFF; font-family: Manrope; font-size: 16px; font-weight: 600; line-height: 1.65; } .f612 {display: inline-flex; align-items: center; padding: 7px 14px; border-radius: 999px; background-color: #F8FAFC; border: 1px solid #F1F5F9; color: #475569; font-family: Manrope; font-size: 14px; line-height: 1.4; white-space: nowrap; } .f613 {position: relative; display: flex; flex-direction: column; border-radius: 20px; border: 1px solid #F1F5F9; background-color: #FFFFFF; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04); transition: transform .28s cubic-bezier(.16,1,.3,1), box-shadow .28s ease, border-color .28s ease; overflow: hidden; height: 100%; padding: 28px; gap: 12px; box-sizing: border-box; }.f613:hover {transform: translateY(-3px); box-shadow: 0 16px 40px rgba(15, 23, 42, 0.10); border-color: #C7D2FE; } .f614 {max-width: 1240px; margin: 0 auto; padding-left: 24px; padding-right: 24px; box-sizing: border-box; } .f615 {padding-top: clamp(40px, 5vw, 72px); padding-bottom: clamp(8px, 2vw, 20px); }.f608:hover {color: #2757F5; } .f616 {position: absolute; top: 0px; left: 0px; right: 0px; height: 6px; } .f617 {background-color: #12304D; } .f618 {background-color: #2E9E5B; } .f619 {background-color: #2757F5; } .f620 {background-color: #1D46D0; } .f621 {background-color: #C2A87C; } .f622 {background-color: #14110F; } .f623 {background-color: #B4553F; } .f624 {display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; } .f625 {padding-top: clamp(48px, 6vw, 80px); padding-bottom: clamp(48px, 6vw, 80px); } .f626 {margin-bottom: clamp(32px, 4vw, 56px); } .f627 {font-family: Manrope; font-size: clamp(23px, 3.1vw, 36px); font-weight: 700; line-height: 1.15; letter-spacing: -0.02em; color: #0F172A; margin: 0 0 14px; max-width: 26ch; } .f628 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 400; line-height: 1.6; color: #475569; margin: 0px; max-width: 62ch; } .f629 {margin-top: 0px; } .f630 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 400; line-height: 1.6; color: #475569; margin: 0px; } .f631 {display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; } .f632 {font-family: Manrope; font-size: clamp(19px, 2.1vw, 24px); font-weight: 600; line-height: 1.3; letter-spacing: -0.01em; color: #0F172A; margin: 0px; } .f633 {font-family: Manrope; font-size: 16px; font-weight: 400; line-height: 1.65; color: #475569; margin: 0px; } .f634 {display: flex; flex-direction: column; gap: 10px; list-style-type: disc; margin: 4px 0 0; padding-left: 22px; flex-grow: 1; }.f635::marker {color: #2757F5; } .f635 {font-family: Manrope; font-size: 16px; font-weight: 400; line-height: 1.65; color: #1E293B; }.f609:hover {color: #1D46D0; } .f636 {background-color: #0F172A; padding-top: clamp(56px, 7vw, 104px); padding-bottom: clamp(56px, 7vw, 104px); } .f637 {margin-bottom: clamp(32px, 4vw, 56px); } .f638 {font-family: Manrope; font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: 0.1em; text-transform: uppercase; color: #8FA8FF; margin: 0 0 14px; } .f639 {font-family: Manrope; font-size: clamp(23px, 3.1vw, 36px); font-weight: 700; line-height: 1.15; letter-spacing: -0.02em; color: #FFFFFF; margin: 0 0 14px; max-width: 22ch; } .f640 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 400; line-height: 1.6; color: #A8B4C4; margin: 0px; max-width: 54ch; } .f641 {padding-top: clamp(56px, 7vw, 104px); padding-bottom: clamp(56px, 7vw, 96px); } .f642 {padding: clamp(36px, 5vw, 72px); border-radius: 28px; background-color: #2757F5; display: flex; flex-direction: column; align-items: flex-start; gap: 20px; box-sizing: border-box; } .f643 {font-family: Manrope; font-size: clamp(30px, 4.4vw, 52px); font-weight: 700; line-height: 1.08; letter-spacing: -0.02em; color: #FFFFFF; margin: 0px; max-width: 22ch; } .f644 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 400; line-height: 1.6; color: #E0E7FF; margin: 0px; max-width: 56ch; } .f645 {display: flex; flex-wrap: wrap; gap: 14px; margin-top: 8px; }.f610:hover {background-color: #EEF2FF; } .f611:hover {background-color: #1D46D0; border-color: #1D46D0; } .f646 {font-family: Manrope; font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: 0.1em; text-transform: uppercase; color: #2757F5; margin: 0 0 14px; } .f647 {font-family: Manrope; font-size: clamp(30px, 4.4vw, 52px); font-weight: 700; line-height: 1.08; letter-spacing: -0.02em; color: #0F172A; margin: 0 0 18px; max-width: 20ch; } .f648 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 400; line-height: 1.6; color: #475569; margin: 0px; max-width: 62ch; } .f649 {font-family: Manrope; font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: 0.1em; text-transform: uppercase; color: #2757F5; margin: 0 0 14px; } .f650 {font-family: Manrope; font-size: 16px; font-weight: 600; line-height: 1.65; color: #8FA8FF; } .f651 {display: inline-flex; align-items: center; justify-content: center; padding: 15px 30px; border-radius: 12px; background-color: #FFFFFF; color: #1D46D0; font-family: Manrope; font-size: 16px; font-weight: 700; line-height: 1.65; } .f652 {display: inline-flex; align-items: center; justify-content: center; padding: 15px 30px; border-radius: 12px; border: 1px solid #818CF8; color: #FFFFFF; font-family: Manrope; font-size: 16px; font-weight: 600; line-height: 1.65; } .f653 {max-width: 1240px; margin: 0 auto; padding-left: 24px; padding-right: 24px; box-sizing: border-box; } .f654 {padding-top: clamp(56px, 8vw, 104px); padding-bottom: clamp(8px, 2vw, 20px); } .f655 {padding-top: clamp(48px, 6vw, 80px); padding-bottom: clamp(48px, 6vw, 80px); } .f656 {margin-bottom: clamp(32px, 4vw, 56px); } .f657 {font-family: Manrope; font-size: clamp(23px, 3.1vw, 36px); font-weight: 700; line-height: 1.15; letter-spacing: -0.02em; color: #0F172A; margin: 0 0 14px; max-width: 26ch; } .f658 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 400; line-height: 1.6; color: #475569; margin: 0px; max-width: 62ch; } .f659 {margin-top: 0px; } .f660 {margin-bottom: clamp(36px, 5vw, 64px); } .f661 {font-family: Manrope; font-size: clamp(19px, 2.1vw, 24px); font-weight: 600; line-height: 1.3; letter-spacing: -0.01em; color: #0F172A; margin: 0 0 6px; } .f662 {font-family: Manrope; font-size: 15px; font-weight: 400; line-height: 1.6; color: #475569; margin: 0 0 22px; max-width: 62ch; } .f663 {font-family: Manrope; font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: 0.1em; text-transform: uppercase; color: #8FA8FF; margin: 0 0 14px; } .f664 {font-family: Manrope; font-size: clamp(23px, 3.1vw, 36px); font-weight: 700; line-height: 1.15; letter-spacing: -0.02em; color: #FFFFFF; margin: 0 0 14px; max-width: 22ch; } .f665 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 400; line-height: 1.6; color: #A8B4C4; margin: 0 0 28px; max-width: 54ch; } .f666 {background-color: #0F172A; padding-top: clamp(56px, 7vw, 104px); padding-bottom: clamp(56px, 7vw, 104px); } .f667 {row-gap: clamp(32px, 5vw, 64px); }.f650:hover {color: #FFFFFF; } .f668 {display: flex; flex-wrap: wrap; gap: clamp(20px, 3vw, 40px); margin: 0px; } .f669 {flex: 1 1 140px; display: flex; flex-direction: column; gap: 8px; padding-top: 18px; border-top: 2px solid #8FA8FF; } .f670 {font-family: Manrope; font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: 0.1em; text-transform: uppercase; color: #A8B4C4; margin: 0px; } .f671 {font-family: Manrope; font-size: clamp(23px, 3.1vw, 36px); font-weight: 700; line-height: 1.15; letter-spacing: -0.02em; color: #FFFFFF; margin: 0px; } .f672 {padding-top: clamp(56px, 7vw, 104px); padding-bottom: clamp(56px, 7vw, 96px); } .f673 {padding: clamp(36px, 5vw, 72px); border-radius: 28px; background-color: #2757F5; display: flex; flex-direction: column; align-items: flex-start; gap: 20px; box-sizing: border-box; } .f674 {font-family: Manrope; font-size: clamp(30px, 4.4vw, 52px); font-weight: 700; line-height: 1.08; letter-spacing: -0.02em; color: #FFFFFF; margin: 0px; max-width: 22ch; } .f675 {font-family: Manrope; font-size: clamp(17px, 1.5vw, 20px); font-weight: 400; line-height: 1.6; color: #E0E7FF; margin: 0px; max-width: 56ch; } .f676 {display: flex; flex-wrap: wrap; gap: 14px; margin-top: 8px; }.f651:hover {background-color: #EEF2FF; } .f652:hover {background-color: #1D46D0; border-color: #1D46D0; } /* cyrillic-ext */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400 800; font-display: swap; src: url('/fonts/manrope-cyrillic-ext.woff2') format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400 800; font-display: swap; src: url('/fonts/manrope-cyrillic.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin-ext */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400 800; font-display: swap; src: url('/fonts/manrope-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400 800; font-display: swap; src: url('/fonts/manrope-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* Анимация появления при скролле. * * Безопасный порядок: разметка приходит ВИДИМОЙ, класс .fw-reveal навешивает * скрипт из layout. Если JS не выполнится — контент останется на месте, * а не превратится в невидимую страницу. */ .fw-reveal { opacity: 0; transform: translateY(18px); transition: opacity .7s cubic-bezier(.16, 1, .3, 1), transform .7s cubic-bezier(.16, 1, .3, 1); will-change: opacity, transform; } .fw-reveal.fw-in { opacity: 1; height: 100%; transform: none; box-sizing: border-box; } @media (prefers-reduced-motion: reduce) { .fw-reveal, .fw-reveal.fw-in { opacity: 1; transform: none; transition: none; } } /* Печать. Предложение для МЭЦ показывают на встрече, и его логично * распечатать: убираем интерфейс, тени и лишние разрывы страниц. * Раскладка остаётся той же, что на экране. */ @media print { /* Интерфейс на бумаге не нужен */ header, footer, nav { display: none !important; } body { background: #fff !important; } /* Тени и переходы съедают тонер и не читаются на бумаге */ * { box-shadow: none !important; transition: none !important; animation: none !important; } /* Появившиеся при скролле блоки должны быть видны целиком */ .fw-reveal { opacity: 1 !important; transform: none !important; } /* Карточки и строки матрицы не разрываются между страницами */ article, figure, li { break-inside: avoid; page-break-inside: avoid; } /* Ссылки печатаем с адресом: на бумаге иначе непонятно, куда ведут */ main a[href^="/"]::after { content: " (" attr(href) ")"; font-size: 0.85em; color: #555; } /* Тёмные полосы на бумаге делаем светлыми: сплошная заливка нечитаема */ section { background: #fff !important; } h1, h2, h3, p, dt, dd, li { color: #111 !important; } } /* Слой раскладки. Единственное место с медиазапросами. * * Почему так: styler pastish2 не компилирует at-rule в .style.js — вместо правил * в собранный CSS уезжает строка-заглушка вместо значений (см. README). * Поэтому здесь живут ТОЛЬКО сетки и видимость, а внешний вид — цвета, * типографика, отступы, тени — остаётся в .style.js и в темах. * * Ни одного цвета и ни одного размера шрифта в этом файле быть не должно. */ /* ---------- Скрытие по атрибуту hidden ---------- * Тот же предел styler, что и с at-rule: атрибутный селектор он не разбирает и * собирает "notice[hidden]" в новый класс, которого в разметке нет. Правило * остаётся мёртвым, а display: flex из .style.js перебивает стиль браузера для * [hidden] — кнопка «Понятно» перестаёт что-либо скрывать. * Поэтому скрытие задаём здесь и с !important: атрибут hidden означает * «не отображать», и это должно быть сильнее любого оформления. */ [hidden] { display: none !important; } /* ---------- Сетки без точек останова: сами подстраиваются под ширину ---------- * * grid-auto-rows: 1fr выравнивает ряды по самому высокому, а align-items: stretch * растягивает элементы на высоту ряда. Без этого карточки в соседних рядах * расходятся по высоте: на главной разница доходила до 228px, и сетка выглядела * рваной. Ряды одной высоты — общее правило для всех карточных перечислений. */ .fw-grid { display: grid; gap: 20px; align-items: stretch; grid-auto-rows: 1fr; } .fw-grid-2 { display: grid; gap: 24px; align-items: stretch; grid-auto-rows: 1fr; grid-template-columns: repeat(auto-fit, minmax(min(420px, 100%), 1fr)); } .fw-grid-3 { display: grid; gap: 20px; align-items: stretch; grid-auto-rows: 1fr; grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr)); } .fw-grid-4 { display: grid; gap: 20px; align-items: stretch; grid-auto-rows: 1fr; grid-template-columns: repeat(auto-fill, minmax(min(250px, 100%), 1fr)); } /* ---------- Bento: асимметричная модульная сетка ---------- * Идея из трендов 2026: плитки разного размера в одной сетке дают * насыщенную, но упорядоченную композицию. Точки останова планируются * заранее — иначе на телефоне bento превращается в кашу. */ .fw-bento { display: grid; gap: 16px; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: minmax(150px, auto); } .fw-bento-wide { grid-column: span 2; } .fw-bento-full { grid-column: 1 / -1; } .fw-bento-tall { grid-row: span 2; } @media (max-width: 1040px) { .fw-bento { grid-template-columns: repeat(2, minmax(0, 1fr)); } .fw-bento-tall { grid-row: auto; } } @media (max-width: 640px) { .fw-bento { grid-template-columns: minmax(0, 1fr); grid-auto-rows: auto; } .fw-bento-wide, .fw-bento-full { grid-column: 1 / -1; } } /* ---------- Двухколоночные блоки «текст + медиа» ---------- */ .fw-split { display: grid; gap: 48px; align-items: center; grid-template-columns: repeat(auto-fit, minmax(min(380px, 100%), 1fr)); } .fw-split-wide { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); } @media (max-width: 900px) { .fw-split, .fw-split-wide { grid-template-columns: minmax(0, 1fr); gap: 32px; } } /* ---------- Подвал: широкая колонка бренда + две узкие ---------- */ .fw-footer-cols { display: grid; gap: 48px; grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(0, 1fr)); } .spaceGap6 { gap: 6px; } @media (max-width: 1040px) { .fw-footer-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; } } @media (max-width: 620px) { .fw-footer-cols { grid-template-columns: minmax(0, 1fr); } } /* ---------- Видимость навигации ---------- */ @media (max-width: 940px) { .fw-nav { display: none; } .changeLogoSize { display: none; } .changeLogoSizeSmall { display: block; } .fw-burger { display: flex; } .fw-header-cta { display: none; } } /* Мобильное меню приходит с сервера всегда и раскрывается классом fw-open. * :not() даёт вес выше одиночного класса из .style.js, поэтому порядок правил * в бандле перестаёт иметь значение. На широком экране меню скрыто даже раскрытым. */ .fw-mobile-nav:not(.fw-open) { display: none; } @media (min-width: 941px) { .fw-mobile-nav.fw-open { display: none; } } /* ---------- Плотность на узких экранах ---------- */ @media (max-width: 640px) { .fw-hide-sm { display: none; } .fw-actions-stack { flex-direction: column; align-items: stretch; } /* box-sizing здесь обязателен. У кнопок из lib/base он content-box, поэтому * width: 100% считался без отступов и рамки: кнопка получалась 327 + 52 + 2 = * 381px при контейнере 327px и вылезала за экран на 30px. Вместе с этой * правкой подписи перестают быть nowrap — иначе они не помещаются в кнопку. */ .fw-actions-stack > * { box-sizing: border-box; width: 100%; min-width: 0; justify-content: center; white-space: normal; text-align: center; } }