.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 {max-width: 1240px;  margin: 0 auto;  padding: 72px 24px 48px;  box-sizing: border-box;  } .f62 {display: flex;  flex-direction: column;  gap: 16px;  align-items: flex-start;  } .f63 {font-family: Manrope;  font-size: 15px;  font-weight: 400;  line-height: 1.6;  color: #475569;  margin: 0px;  max-width: 34ch;  } .f64 {font-family: Manrope;  font-size: 14px;  font-weight: 400;  line-height: 1.5;  color: #5D6B80;  margin: 0px;  } .f65 {display: flex;  flex-direction: column;  gap: 12px;  align-items: flex-start;  } .f66 {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;  } .f67 {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;  } .f68 {display: inline-flex;  align-items: center;  flex-shrink: 0;  } .f69 {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;  } .f70 {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;  } .f71 {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;  } .f72 {display: none;  flex-direction: column;  justify-content: center;  align-items: center;  gap: 5px;  width: 42px;  height: 42px;  border-radius: 10px;  } .f73 {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;  } .f74 {position: sticky;  top: 0px;  z-index: 60;  background-color: #FFFFFF;  border-bottom: 1px solid #F1F5F9;  } .f75 {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;  } .f76 {display: flex;  align-items: center;  gap: 4px;  margin-left: auto;  }.f69:hover {color: #2757F5;  background-color: #EEF2FF;  } .f77 {display: flex;  align-items: center;  gap: 12px;  flex-shrink: 0;  } .f78 {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;  }.f78:hover {border-color: #2757F5;  background-color: #EEF2FF;  } .f79 {display: block;  width: 16px;  height: 16px;  border-radius: 50%;  background-color: #334155;  box-shadow: -5px -2px 0 0 #FFFFFF;  }.f78:hover .f79 {background-color: #2757F5;  } .f72:hover {background-color: #F8FAFC;  } .f80 {display: block;  width: 20px;  height: 2px;  border-radius: 2px;  background-color: #1E293B;  } .f81 {display: flex;  flex-direction: column;  gap: 2px;  padding: 12px 24px 24px;  border-top: 1px solid #F1F5F9;  background-color: #FFFFFF;  } .f82 {display: inline-flex;  align-items: center;  gap: 10px;  } .f83 {display: block;  flex-shrink: 0;  } .f84 {stroke: none;  } .f85 {fill: #2757F5;  } .f86 {fill: #5D6B80;  } .f87 {font-family: Manrope;  font-size: clamp(19px, 2.1vw, 24px);  font-weight: 700;  line-height: 1.3;  letter-spacing: -0.02em;  color: #0F172A;  } .f88 {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;  } .f89 {font-family: Manrope;  font-size: 13px;  font-weight: 600;  letter-spacing: 0.06em;  }.f88:hover {border-color: #2757F5;  color: #2757F5;  } .f90 {font-family: Manrope;  font-size: 15px;  font-weight: 400;  line-height: 1.6;  color: #2757F5;  } .f91 {margin-top: 40px;  padding: 28px;  border-radius: 20px;  background-color: #F8FAFC;  border: 1px solid #F1F5F9;  } .f92 {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;  } .f93 {margin: 0px;  display: grid;  gap: 12px;  } .f94 {display: flex;  flex-direction: column;  gap: 2px;  } .f95 {font-family: Manrope;  font-size: 12px;  font-weight: 700;  line-height: 1.2;  letter-spacing: 0.1em;  text-transform: uppercase;  color: #5D6B80;  } .f96 {font-family: Manrope;  font-size: 15px;  font-weight: 400;  line-height: 1.6;  color: #1E293B;  margin: 0px;  }.f90:hover {color: #1D46D0;  } .f97 {display: contents;  } .f98 {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;  }.f98:hover {transform: translateY(-3px);  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.10);  border-color: #C7D2FE;  background-color: #FFFFFF;  } .f99 {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;  } .f100 {list-style: none;  margin: 0px;  padding: 0px;  margin-top: clamp(36px, 4vw, 56px);  } .f101 {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;  } .f102 {background-color: #0F172A;  } .f103 {padding-top: clamp(104px, 10vw, 152px);  padding-bottom: clamp(104px, 10vw, 152px);  } .f104 {width: 100%;  max-width: 1180px;  margin: 0 auto;  padding-left: clamp(24px, 5vw, 64px);  padding-right: clamp(24px, 5vw, 64px);  box-sizing: border-box;  } .f105 {display: block;  width: 64px;  height: 4px;  border-radius: 2px;  margin-bottom: 28px;  background-color: #2757F5;  }.f102 .f105 {background-color: #8FA8FF;  } .f106 {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;  }.f102 .f106 {color: #8FA8FF;  } .f107 {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;  }.f102 .f107 {color: #FFFFFF;  } .f108 {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;  }.f102 .f108 {color: #FFFFFF;  } .f109 {font-family: Manrope;  font-size: clamp(17px, 1.5vw, 20px);  font-weight: 400;  line-height: 1.6;  color: #475569;  margin: 0px;  max-width: 56ch;  }.f102 .f109 {color: #A8B4C4;  } .f103 .f108 {font-family: Manrope;  font-size: clamp(38px, 5.4vw, 72px);  font-weight: 700;  line-height: 1.02;  letter-spacing: -0.03em;  max-width: 18ch;  } .f103 .f109 {font-family: Manrope;  font-size: clamp(19px, 2.1vw, 24px);  font-weight: 400;  line-height: 1.3;  letter-spacing: -0.01em;  max-width: 44ch;  } .f110 {margin-top: clamp(36px, 4vw, 56px);  }.f110 .f98 {align-self: stretch;  } .f111 {display: block;  width: 48px;  height: 4px;  border-radius: 2px;  margin-bottom: 10px;  background-color: #2757F5;  } .f112 {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;  }.f103 .f112 {font-family: Manrope;  font-size: clamp(23px, 3.1vw, 36px);  font-weight: 700;  line-height: 1.15;  letter-spacing: -0.02em;  max-width: 24ch;  } .f113 {font-family: Manrope;  font-size: 16px;  font-weight: 400;  line-height: 1.65;  margin: 0px;  color: #475569;  } .f114 {display: flex;  flex-direction: column;  gap: 10px;  padding-top: 20px;  border-top: 2px solid #F1F5F9;  } .f115 {font-family: Manrope;  font-size: 12px;  font-weight: 700;  line-height: 1.2;  letter-spacing: 0.1em;  color: #2757F5;  } .f116 {font-family: Manrope;  font-size: 18px;  font-weight: 600;  line-height: 1.35;  color: #0F172A;  margin: 0px;  }.f103 .f116 {font-family: Manrope;  font-size: clamp(19px, 2.1vw, 24px);  font-weight: 600;  line-height: 1.3;  letter-spacing: -0.01em;  } .f117 {display: flex;  flex-direction: column;  gap: 20px;  padding: clamp(36px, 5vw, 72px);  border-radius: 28px;  background-color: #2757F5;  box-sizing: border-box;  } .f118 {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;  } .f119 {font-family: Manrope;  font-size: clamp(17px, 1.5vw, 20px);  font-weight: 400;  line-height: 1.6;  color: #E0E7FF;  margin: 0px;  max-width: 52ch;  }.f103 .f118 {font-family: Manrope;  font-size: clamp(38px, 5.4vw, 72px);  font-weight: 700;  line-height: 1.02;  letter-spacing: -0.03em;  max-width: 20ch;  } .f120 {display: flex;  flex-direction: column;  gap: 16px;  margin-top: clamp(28px, 3vw, 40px);  } .f121 {font-family: Manrope;  font-size: clamp(23px, 3.1vw, 36px);  font-weight: 700;  line-height: 1.15;  letter-spacing: -0.02em;  color: #FFFFFF;  } .f122 {font-family: Manrope;  font-size: clamp(19px, 2.1vw, 24px);  font-weight: 500;  line-height: 1.3;  letter-spacing: -0.01em;  color: #A8B4C4;  } .f123 {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;  }.f123:hover {background-color: #EEF2FF;  color: #1737A8;  } .f124 {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;  }.f102 .f124 {color: #A8B4C4;  } .f103 .f124 {font-family: Manrope;  font-size: 14px;  font-weight: 400;  line-height: 1.5;  letter-spacing: 0.2em;  } .f125 {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;  }.f125:hover {transform: translateY(-3px);  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.10);  border-color: #C7D2FE;  } .f126 {display: flex;  align-items: center;  justify-content: space-between;  gap: 12px;  } .f127 {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;  } .f128 {display: flex;  flex-wrap: wrap;  align-items: center;  gap: 8px;  margin: 0px;  } .f129 {font-family: Manrope;  font-size: 14px;  font-weight: 600;  line-height: 1.5;  color: #475569;  } .f130 {font-family: Manrope;  font-size: 14px;  font-weight: 400;  line-height: 1.5;  color: #CBD5E1;  } .f131 {font-family: Manrope;  font-size: 13px;  font-weight: 600;  line-height: 1.2;  color: #5D6B80;  letter-spacing: 0.04em;  } .f132 {font-family: Manrope;  font-size: 16px;  font-weight: 400;  line-height: 1.65;  color: #475569;  margin: 0px;  } .f133 {font-family: Manrope;  font-size: 14px;  font-weight: 600;  line-height: 1.5;  color: #2757F5;  margin-top: 4px;  } .f134 {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: 0px;  gap: 0px;  }.f134:hover {transform: translateY(-3px);  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.10);  border-color: #C7D2FE;  } .f135 {display: flex;  flex-direction: column;  gap: clamp(20px, 3vw, 32px);  } .f136 {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;  } .f137 {align-items: start;  } .f138 {display: flex;  justify-content: center;  background-color: #F8FAFC;  border-bottom: 1px solid #F1F5F9;  overflow: hidden;  } .f139 {display: block;  width: 100%;  height: auto;  max-width: 900px;  } .f140 {font-family: Manrope;  font-size: 14px;  font-weight: 400;  line-height: 1.5;  color: #475569;  padding: 14px 20px 18px;  margin: 0px;  } .f141 {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;  }.f141:hover {transform: translateY(-3px);  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.10);  border-color: #C7D2FE;  } .f142 {list-style: none;  margin: 4px 0 0;  padding: 0px;  display: flex;  flex-wrap: wrap;  gap: 8px;  } .f143 {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;  } .f144 {position: absolute;  top: 0px;  left: 0px;  right: 0px;  height: 6px;  } .f145 {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;  } .f146 {font-family: Manrope;  font-size: 16px;  font-weight: 400;  line-height: 1.65;  color: #475569;  margin: 0px;  flex-grow: 1;  } .f147 {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;  }.f147:hover {color: #1D46D0;  } .f148 {transition: transform .2s ease;  }.f147:hover .f148 {transform: translateX(4px);  } .f149 {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;  } .f150 {display: block;  width: 7px;  height: 7px;  border-radius: 999px;  flex-shrink: 0;  } .f151 {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;  }.f151 .f152:focus-visible {outline: 3px solid #818CF8;  outline-offset: 2px;  border-radius: 4px;  } .f153 {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;  }.f153:hover {background-color: #1D46D0;  transform: translateY(-1px);  } .f154 {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;  }.f154:hover {border-color: #2757F5;  color: #2757F5;  } .f155 {padding-top: clamp(64px, 9vw, 128px);  padding-bottom: clamp(72px, 10vw, 144px);  } .f156 {max-width: 760px;  margin: 0 auto;  padding-left: 24px;  padding-right: 24px;  box-sizing: border-box;  } .f157 {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;  } .f158 {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;  } .f159 {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;  } .f160 {display: flex;  gap: 12px;  flex-wrap: wrap;  } .f161 {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;  } .f162 {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;  } .f163 {font-family: Manrope;  font-size: clamp(17px, 1.5vw, 20px);  font-weight: 400;  line-height: 1.6;  color: #475569;  margin: 0px;  max-width: 62ch;  } .f164 {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;  }.f164:hover {transform: translateY(-3px);  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.10);  border-color: #C7D2FE;  } .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;  padding: 28px;  gap: 8px;  }.f165:hover {transform: translateY(-3px);  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.10);  border-color: #C7D2FE;  } .f166 {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;  }.f166:hover {transform: none;  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);  border-color: #F1F5F9;  } .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;  align-self: flex-start;  } .f168 {font-family: Manrope;  font-size: 16px;  font-weight: 400;  line-height: 1.65;  color: #475569;  max-width: 68ch;  }.f168 .f169 {margin-top: 0px;  margin-bottom: 18px;  } .f168 .f169:last-child {margin-bottom: 0px;  } .f168 .f170 {color: #1E293B;  font-weight: 600;  } .f168 a {color: #2757F5;  text-decoration: underline;  text-underline-offset: 3px;  } .f171 {font-family: Manrope;  font-size: 16px;  font-weight: 600;  line-height: 1.65;  color: #2757F5;  } .f172 {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;  } .f173 {max-width: 1240px;  margin: 0 auto;  padding-left: 24px;  padding-right: 24px;  box-sizing: border-box;  } .f174 {padding-top: clamp(56px, 8vw, 104px);  padding-bottom: clamp(40px, 5vw, 64px);  } .f175 {align-items: center;  } .f176 {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;  } .f177 {font-family: Manrope;  font-size: 12px;  font-weight: 700;  line-height: 1.2;  letter-spacing: 0.1em;  text-transform: uppercase;  color: #1D46D0;  margin: 0px;  } .f178 {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;  } .f179 {font-family: Manrope;  font-size: 15px;  font-weight: 400;  line-height: 1.6;  color: #475569;  margin: 0px;  } .f180 {padding-top: clamp(56px, 7vw, 96px);  padding-bottom: clamp(56px, 7vw, 96px);  } .f181 {margin-bottom: clamp(32px, 4vw, 56px);  } .f182 {margin-top: 0px;  } .f183 {max-width: 820px;  } .f184 {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;  } .f185 {background-color: #0F172A;  padding-top: clamp(56px, 7vw, 104px);  padding-bottom: clamp(56px, 7vw, 104px);  } .f186 {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;  } .f187 {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;  } .f188 {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;  } .f189 {font-family: Manrope;  font-size: 16px;  font-weight: 400;  line-height: 1.65;  color: #475569;  margin: 0px;  } .f190 {background-color: #F8FAFC;  padding-top: clamp(48px, 6vw, 80px);  padding-bottom: clamp(48px, 6vw, 80px);  } .f191 {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;  } .f192 {font-family: Manrope;  font-size: 16px;  font-weight: 400;  line-height: 1.65;  color: #475569;  margin: 0px;  } .f193 {font-family: Manrope;  font-size: 12px;  font-weight: 700;  line-height: 1.2;  letter-spacing: 0.1em;  text-transform: uppercase;  color: #2757F5;  margin: 0px;  } .f194 {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;  } .f195 {display: flex;  flex-wrap: wrap;  gap: 8px;  }.f171:hover {color: #1D46D0;  } .f196 {padding-bottom: clamp(56px, 7vw, 96px);  } .f197 {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;  } .f198 {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;  }.f172:hover {background-color: #EEF2FF;  } .f199 {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;  } .f200 {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;  } .f201 {font-family: Manrope;  font-size: clamp(17px, 1.5vw, 20px);  font-weight: 400;  line-height: 1.6;  color: #475569;  margin: 0px;  max-width: 62ch;  } .f202 {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;  }.f202:hover {transform: none;  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);  border-color: #F1F5F9;  } .f203 {font-family: Manrope;  font-size: clamp(17px, 1.5vw, 20px);  font-weight: 600;  line-height: 1.6;  color: #0F172A;  } .f204 {font-family: Manrope;  font-size: 16px;  font-weight: 600;  line-height: 1.65;  color: #2757F5;  margin-top: 4px;  } .f205 {max-width: 1240px;  margin: 0 auto;  padding-left: 24px;  padding-right: 24px;  box-sizing: border-box;  } .f206 {padding-top: clamp(56px, 8vw, 104px);  padding-bottom: clamp(32px, 4vw, 48px);  } .f207 {padding-top: clamp(24px, 3vw, 40px);  padding-bottom: clamp(56px, 7vw, 96px);  } .f208 {align-items: start;  } .f209 {align-self: start;  display: flex;  flex-direction: column;  gap: 32px;  } .f210 {display: flex;  flex-direction: column;  gap: 24px;  } .f211 {display: flex;  flex-direction: column;  gap: 6px;  } .f212 {font-family: Manrope;  font-size: 12px;  font-weight: 700;  line-height: 1.2;  letter-spacing: 0.1em;  text-transform: uppercase;  color: #2757F5;  margin: 0px;  }.f203:hover {color: #2757F5;  } .f213 {font-family: Manrope;  font-size: 12px;  font-weight: 700;  line-height: 1.2;  letter-spacing: 0.1em;  text-transform: uppercase;  color: #5D6B80;  margin: 0px;  } .f214 {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;  } .f215 {font-family: Manrope;  font-size: 16px;  font-weight: 400;  line-height: 1.65;  color: #475569;  margin: 0px;  }.f204:hover {color: #1D46D0;  } .f216 {align-self: start;  min-width: 0px;  } .f217 {height: 100vh;  overflow-y: scroll;  overflow-x: hidden;  scroll-snap-type: y proximity;  overscroll-behavior: contain;  background-color: #FFFFFF;  } .f218 {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;  } .f219 {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);  } .f220 {display: block;  width: 132px;  height: 132px;  border-radius: 12px;  background-color: #FFFFFF;  } .f221 {font-family: Manrope;  font-size: 18px;  font-weight: 600;  line-height: 1.35;  color: #0F172A;  letter-spacing: -0.02em;  } .f222 {font-family: Manrope;  font-size: 14px;  font-weight: 400;  line-height: 1.5;  color: #475569;  } .f223 {display: flex;  gap: 8px;  } .f224 {display: block;  width: 10px;  height: 10px;  border-radius: 5px;  background-color: #2757F5;  opacity: 0.25;  transition: opacity .3s ease;  } .f225 {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;  }.f225:hover {transform: translateY(-3px);  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.10);  border-color: #C7D2FE;  } .f226 {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;  }.f226:hover {background-color: #1D46D0;  transform: translateY(-1px);  } .f227 {max-width: 1200px;  margin: 0 auto;  padding-left: 24px;  padding-right: 24px;  box-sizing: border-box;  } .f228 {background-color: #0F172A;  padding-top: clamp(56px, 8vw, 104px);  padding-bottom: clamp(48px, 6vw, 88px);  } .f229 {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;  } .f230 {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;  } .f231 {font-family: Manrope;  font-size: clamp(17px, 1.5vw, 20px);  font-weight: 400;  line-height: 1.6;  color: #A8B4C4;  margin: 0px;  max-width: 64ch;  } .f232 {padding-top: clamp(32px, 4vw, 56px);  padding-bottom: clamp(24px, 3vw, 40px);  } .f233 {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;  } .f234 {font-family: Manrope;  font-size: clamp(17px, 1.5vw, 20px);  font-weight: 400;  line-height: 1.6;  color: #475569;  margin: 0px;  max-width: 72ch;  } .f235 {padding-top: clamp(40px, 5vw, 72px);  padding-bottom: clamp(40px, 5vw, 72px);  } .f236 {background-color: #F8FAFC;  padding-top: clamp(40px, 5vw, 72px);  padding-bottom: clamp(40px, 5vw, 72px);  } .f237 {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;  } .f238 {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;  } .f239 {display: flex;  flex-direction: column;  gap: 20px;  } .f240 {flex: 1 1 320px;  padding: clamp(20px, 2.4vw, 30px);  display: flex;  flex-direction: column;  gap: 10px;  min-width: 0px;  } .f241 {background-color: #EEF2FF;  border-left: 1px solid #E0E7FF;  } .f242 {font-family: Manrope;  font-size: 12px;  font-weight: 700;  line-height: 1.2;  letter-spacing: 0.1em;  text-transform: uppercase;  color: #5D6B80;  margin: 0px;  } .f243 {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;  } .f244 {font-family: Manrope;  font-size: 15px;  font-weight: 400;  line-height: 1.6;  color: #475569;  margin: 0px;  } .f245 {font-family: Manrope;  font-size: 16px;  font-weight: 400;  line-height: 1.65;  color: #1E293B;  margin: 0px;  } .f246 {display: flex;  align-items: flex-start;  gap: 10px;  margin: 4px 0 0;  flex-wrap: wrap;  } .f247 {align-items: start;  gap: 40px;  } .f248 {list-style: none;  margin: 0px;  padding: 0px;  display: flex;  flex-direction: column;  gap: 20px;  } .f249 {display: flex;  flex-direction: column;  gap: 6px;  } .f250 {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;  } .f251 {font-family: Manrope;  font-size: 16px;  font-weight: 400;  line-height: 1.65;  color: #475569;  margin: 0px;  } .f252 {padding: 28px;  border-radius: 20px;  border: 1px dashed #E2E8F0;  background-color: #FFFFFF;  } .f253 {font-family: Manrope;  font-size: 18px;  font-weight: 600;  line-height: 1.35;  color: #64748B;  margin: 0 0 8px;  } .f254 {font-family: Manrope;  font-size: 14px;  font-weight: 400;  line-height: 1.5;  color: #5D6B80;  margin: 0 0 18px;  } .f255 {font-family: Manrope;  font-size: 15px;  font-weight: 400;  line-height: 1.6;  color: #64748B;  text-decoration: line-through;  text-decoration-color: #CBD5E1;  } .f256 {padding: clamp(32px, 4vw, 56px);  border-radius: 28px;  background-color: #2757F5;  display: flex;  flex-direction: column;  align-items: flex-start;  box-sizing: border-box;  } .f257 {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;  } .f258 {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;  } .f259 {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;  } .f260 {margin: 0px;  width: 100%;  gap: 20px;  } .f261 {display: flex;  flex-direction: column;  gap: 6px;  min-width: 0px;  } .f262 {font-family: Manrope;  font-size: 13px;  font-weight: 600;  line-height: 1.2;  text-transform: uppercase;  color: #E0E7FF;  letter-spacing: 0.06em;  } .f263 {font-family: Manrope;  font-size: 16px;  font-weight: 400;  line-height: 1.65;  color: #FFFFFF;  margin: 0px;  } .f264 {list-style: none;  margin: 0px;  padding: 0px;  gap: 20px;  } .f265 {display: flex;  flex-direction: column;  align-items: flex-start;  gap: 10px;  padding: 24px;  border-radius: 18px;  background-color: #FFFFFF;  border: 1px solid #F1F5F9;  } .f266 {font-family: Manrope;  font-size: clamp(23px, 3.1vw, 36px);  font-weight: 700;  line-height: 1;  letter-spacing: -0.02em;  color: #C7D2FE;  } .f267 {font-family: Manrope;  font-size: 18px;  font-weight: 600;  line-height: 1.35;  color: #0F172A;  margin: 0px;  } .f268 {font-family: Manrope;  font-size: 15px;  font-weight: 400;  line-height: 1.6;  color: #475569;  margin: 0px;  flex-grow: 1;  } .f269 {padding: 28px;  border-radius: 20px;  border: 1px solid #E2E8F0;  background-color: #FFFFFF;  } .f270 {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;  } .f271 {font-family: Manrope;  font-size: 16px;  font-weight: 400;  line-height: 1.65;  color: #475569;  margin: 0px;  max-width: 70ch;  } .f272 {padding-bottom: clamp(48px, 6vw, 88px);  } .f273 {display: flex;  flex-direction: column;  align-items: flex-start;  gap: 16px;  padding: 36px;  border-radius: 24px;  background-color: #F8FAFC;  } .f274 {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;  } .f275 {font-family: Manrope;  font-size: clamp(17px, 1.5vw, 20px);  font-weight: 400;  line-height: 1.6;  color: #475569;  margin: 0px;  max-width: 56ch;  } .f276 {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;  }.f276:hover {background-color: #1D46D0;  transform: translateY(-1px);  } .f277 {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;  }.f277:hover {border-color: #2757F5;  color: #2757F5;  } .f278 {font-family: Manrope;  font-size: 16px;  font-weight: 600;  line-height: 1.65;  color: #8FA8FF;  } .f279 {display: inline-block;  margin-top: 36px;  font-family: Manrope;  font-size: 16px;  font-weight: 600;  line-height: 1.65;  color: #2757F5;  } .f280 {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;  } .f281 {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;  } .f282 {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;  } .f283 {font-family: Manrope;  font-size: clamp(17px, 1.5vw, 20px);  font-weight: 400;  line-height: 1.6;  color: #475569;  margin: 0px;  max-width: 62ch;  } .f284 {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;  justify-content: flex-start;  gap: 12px;  color: #334155;  } .f285 {position: relative;  isolation: isolate;  max-width: 1240px;  margin: 0 auto;  padding-left: 24px;  padding-right: 24px;  box-sizing: border-box;  } .f286 {position: absolute;  height: 100%;  right: 0px;  aspect-ratio: 12 / 5;  z-index: -1;  pointer-events: none;  } .f287 {padding-top: clamp(56px, 8vw, 104px);  padding-bottom: clamp(40px, 5vw, 64px);  } .f288 {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;  } .f289 {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: 17ch;  } .f290 {font-family: Manrope;  font-size: clamp(17px, 1.5vw, 20px);  font-weight: 400;  line-height: 1.6;  color: #475569;  margin: 0 0 14px;  max-width: 58ch;  } .f291 {display: flex;  flex-direction: column;  gap: 12px;  list-style-type: disc;  margin: 0 0 36px;  padding-left: 24px;  max-width: 58ch;  }.f292::marker {color: #2757F5;  } .f292 {font-family: Manrope;  font-size: clamp(17px, 1.5vw, 20px);  font-weight: 400;  line-height: 1.6;  color: #475569;  } .f293 {display: flex;  gap: 14px;  flex-wrap: wrap;  margin-bottom: clamp(48px, 6vw, 80px);  } .f294 {position: relative;  padding-bottom: clamp(48px, 6vw, 88px);  } .f295 {background-color: #0F172A;  border-color: transparent;  color: #FFFFFF;  }.f295:hover {box-shadow: none;  } .f296 {font-family: Manrope;  font-size: 12px;  font-weight: 700;  line-height: 1.2;  letter-spacing: 0.1em;  text-transform: uppercase;  color: #8FA8FF;  margin-bottom: 4px;  } .f297 {font-family: Manrope;  font-size: clamp(19px, 2.1vw, 24px);  font-weight: 600;  line-height: 1.3;  letter-spacing: -0.01em;  margin: 0px;  color: inherit;  } .f298 {font-family: Manrope;  font-size: 15px;  font-weight: 400;  line-height: 1.6;  margin: 0px;  color: inherit;  opacity: 0.72;  } .f299 {padding-top: clamp(56px, 7vw, 96px);  padding-bottom: clamp(56px, 7vw, 96px);  } .f300 {position: absolute;  left: 0px;  right: 0px;  bottom: 0px;  aspect-ratio: 18 / 7;  z-index: -1;  pointer-events: none;  } .f301 {position: absolute;  left: 0px;  right: 0px;  top: 0px;  aspect-ratio: 12 / 7;  z-index: -1;  pointer-events: none;  } .f302 {margin-bottom: clamp(32px, 4vw, 56px);  } .f303 {margin-top: 0px;  } .f304 {background-color: #0F172A;  padding-top: clamp(56px, 7vw, 104px);  padding-bottom: clamp(56px, 7vw, 104px);  } .f305 {position: absolute;  left: 0px;  right: 0px;  top: 50%;  transform: translateY(-50%);  aspect-ratio: 36 / 13;  z-index: -1;  pointer-events: none;  } .f306 {align-items: center;  } .f307 {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 18px;  } .f308 {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 20px;  } .f309 {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: 52ch;  }.f278:hover {color: #FFFFFF;  } .f310 {display: flex;  flex-direction: column;  gap: 24px;  margin: 0px;  padding-left: 32px;  border-left: 1px solid #2A3A52;  } .f311 {display: flex;  align-items: baseline;  gap: 16px;  } .f312 {font-family: Manrope;  font-size: 14px;  font-weight: 400;  line-height: 1.5;  color: #A8B4C4;  text-transform: uppercase;  letter-spacing: 0.06em;  min-width: 110px;  } .f313 {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;  }.f279:hover {color: #1D46D0;  } .f314 {padding-bottom: clamp(56px, 7vw, 96px);  } .f315 {position: relative;  isolation: isolate;  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;  } .f316 {position: absolute;  top: 0px;  right: 0px;  bottom: 0px;  left: 0px;  z-index: -1;  pointer-events: none;  } .f317 {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;  } .f318 {font-family: Manrope;  font-size: clamp(17px, 1.5vw, 20px);  font-weight: 400;  line-height: 1.6;  color: #E0E7FF;  margin: 0px;  max-width: 56ch;  }.f280:hover {background-color: #EEF2FF;  } .f319 {font-family: Manrope;  font-size: 14px;  font-weight: 400;  line-height: 1.5;  color: #64748B;  } .f320 {font-family: Manrope;  font-size: 15px;  font-weight: 400;  line-height: 1.6;  color: #2757F5;  } .f321 {max-width: 940px;  margin: 0 auto;  padding-left: 24px;  padding-right: 24px;  box-sizing: border-box;  } .f322 {padding-top: clamp(32px, 4vw, 56px);  padding-bottom: clamp(20px, 3vw, 32px);  } .f323 {display: flex;  align-items: center;  gap: 10px;  margin-bottom: 24px;  flex-wrap: wrap;  }.f319:hover {color: #2757F5;  } .f324 {font-family: Manrope;  font-size: 14px;  font-weight: 400;  line-height: 1.5;  color: #CBD5E1;  } .f325 {font-family: Manrope;  font-size: 14px;  font-weight: 400;  line-height: 1.5;  color: #334155;  } .f326 {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;  } .f327 {font-family: Manrope;  font-size: clamp(17px, 1.5vw, 20px);  font-weight: 400;  line-height: 1.6;  color: #475569;  margin: 0 0 14px;  } .f328 {font-family: Manrope;  font-size: 14px;  font-weight: 400;  line-height: 1.5;  color: #5D6B80;  margin: 0px;  } .f329 {padding-bottom: clamp(48px, 6vw, 88px);  } .f330 {display: flex;  flex-direction: column;  gap: clamp(24px, 3vw, 36px);  } .f331 {display: flex;  flex-direction: column;  gap: 10px;  } .f332 {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;  } .f333 {font-family: Manrope;  font-size: 16px;  font-weight: 400;  line-height: 1.65;  color: #334155;  margin: 0px;  max-width: 78ch;  } .f334 {margin: 0px;  padding-left: 22px;  display: flex;  flex-direction: column;  gap: 8px;  } .f335 {font-family: Manrope;  font-size: 16px;  font-weight: 400;  line-height: 1.65;  color: #334155;  max-width: 78ch;  }.f335::marker {color: #2757F5;  } .f336 {margin-top: 32px;  padding-top: 28px;  border-top: 1px solid #F1F5F9;  } .f337 {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;  } .f338 {list-style: none;  margin: 0px;  padding: 0px;  display: flex;  flex-direction: column;  gap: 10px;  } .f339 {display: block;  }.f320:hover {color: #1D46D0;  } .f340 {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;  } .f341 {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;  } .f342 {font-family: Manrope;  font-size: clamp(17px, 1.5vw, 20px);  font-weight: 400;  line-height: 1.6;  color: #475569;  margin: 0px;  max-width: 62ch;  } .f343 {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;  }.f343:hover {background-color: #1D46D0;  transform: translateY(-1px);  } .f344 {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;  }.f344:hover {border-color: #2757F5;  color: #2757F5;  } .f345 {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;  } .f346 {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;  }.f346:hover {transform: translateY(-3px);  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.10);  border-color: #C7D2FE;  } .f347 {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;  }.f347:hover {transform: translateY(-3px);  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.10);  border-color: #C7D2FE;  } .f348 {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;  }.f348:hover {transform: translateY(-3px);  box-shadow: none;  border-color: #8FA8FF;  background-color: #1E293B;  } .f349 {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;  } .f350 {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;  } .f351 {max-width: 1240px;  margin: 0 auto;  padding-left: 24px;  padding-right: 24px;  box-sizing: border-box;  } .f352 {padding-top: clamp(56px, 8vw, 104px);  padding-bottom: clamp(40px, 5vw, 64px);  } .f353 {margin-bottom: clamp(28px, 3.5vw, 44px);  } .f354 {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;  } .f355 {display: flex;  flex-wrap: wrap;  gap: 14px;  } .f356 {padding-top: clamp(56px, 7vw, 96px);  padding-bottom: clamp(56px, 7vw, 96px);  } .f357 {background-color: #F8FAFC;  } .f358 {margin-bottom: clamp(32px, 4vw, 56px);  } .f359 {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;  } .f360 {font-family: Manrope;  font-size: clamp(17px, 1.5vw, 20px);  font-weight: 400;  line-height: 1.6;  color: #475569;  margin: 0px;  max-width: 62ch;  } .f361 {margin-top: 0px;  } .f362 {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;  } .f363 {font-family: Manrope;  font-size: 16px;  font-weight: 400;  line-height: 1.65;  color: #475569;  margin: 0px;  } .f364 {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;  } .f365 {font-family: Manrope;  font-size: clamp(17px, 1.5vw, 20px);  font-weight: 400;  line-height: 1.6;  color: #475569;  margin: 0px;  } .f366 {background-color: #0F172A;  padding-top: clamp(56px, 7vw, 104px);  padding-bottom: clamp(56px, 7vw, 104px);  } .f367 {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;  } .f368 {font-family: Manrope;  font-size: clamp(17px, 1.5vw, 20px);  font-weight: 400;  line-height: 1.6;  color: #A8B4C4;  margin: 0px;  max-width: 62ch;  } .f369 {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;  } .f370 {font-family: Manrope;  font-size: 16px;  font-weight: 400;  line-height: 1.65;  color: #A8B4C4;  margin: 0px;  } .f371 {margin-top: clamp(44px, 5vw, 72px);  margin-bottom: clamp(24px, 3vw, 36px);  padding-top: clamp(30px, 4vw, 48px);  border-top: 1px solid #2A3A52;  } .f372 {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;  } .f373 {font-family: Manrope;  font-size: 16px;  font-weight: 400;  line-height: 1.65;  color: #A8B4C4;  margin: 0px;  max-width: 68ch;  } .f374 {padding-top: clamp(56px, 7vw, 96px);  padding-bottom: clamp(56px, 7vw, 96px);  } .f375 {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;  } .f376 {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;  } .f377 {font-family: Manrope;  font-size: clamp(17px, 1.5vw, 20px);  font-weight: 400;  line-height: 1.6;  color: #E0E7FF;  margin: 0px;  max-width: 56ch;  }.f345:hover {background-color: #EEF2FF;  } .f378 {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;  } .f379 {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;  } .f380 {align-items: start;  gap: 48px;  } .f381 {font-family: Manrope;  font-size: 16px;  font-weight: 400;  line-height: 1.65;  color: #334155;  margin: 0 0 16px;  } .f382 {font-family: Manrope;  font-size: 16px;  font-weight: 400;  line-height: 1.65;  color: #475569;  margin: 0 0 20px;  } .f383 {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;  } .f384 {list-style: disc;  margin: 0px;  padding-left: 20px;  display: flex;  flex-direction: column;  gap: 12px;  } .f385 {font-family: Manrope;  font-size: 15px;  font-weight: 400;  line-height: 1.6;  color: #334155;  }.f385::marker {color: #2757F5;  } .f386 {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;  } .f387 {font-family: Manrope;  font-size: 18px;  font-weight: 600;  line-height: 1.35;  color: #1E293B;  margin: 0 0 18px;  max-width: 56ch;  } .f388 {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;  } .f389 {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;  } .f390 {height: 100vh;  overflow-y: scroll;  overflow-x: hidden;  scroll-snap-type: y proximity;  scroll-behavior: smooth;  overscroll-behavior: contain;  background-color: #FFFFFF;  } .f391 {position: fixed;  top: 0px;  left: 0px;  right: 0px;  height: 3px;  background-color: #F1F5F9;  z-index: 40;  } .f392 {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);  } .f393 {position: fixed;  right: clamp(20px, 4vw, 48px);  bottom: clamp(20px, 4vw, 48px);  display: flex;  gap: 12px;  z-index: 40;  }.f389:hover {border-color: #2757F5;  color: #2757F5;  background-color: #EEF2FF;  } .f394 {font-size: clamp(17px, 1.5vw, 20px);  line-height: 1;  } .f395 {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;  } .f396 {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;  } .f397 {font-family: Manrope;  font-size: clamp(17px, 1.5vw, 20px);  font-weight: 400;  line-height: 1.6;  color: #475569;  margin: 0px;  max-width: 62ch;  } .f398 {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;  } .f399 {font-family: Manrope;  font-size: 14px;  font-weight: 400;  line-height: 1.5;  color: #5D6B80;  } .f400 {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;  } .f401 {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;  } .f402 {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;  }.f402:hover {background-color: #1D46D0;  transform: translateY(-1px);  } .f403 {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;  }.f403:hover {border-color: #2757F5;  color: #2757F5;  } .f404 {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;  } .f405 {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;  }.f405:hover {transform: translateY(-3px);  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.10);  border-color: #C7D2FE;  } .f406 {max-width: 1240px;  margin: 0 auto;  padding-left: 24px;  padding-right: 24px;  box-sizing: border-box;  } .f407 {padding-top: clamp(40px, 5vw, 72px);  padding-bottom: clamp(32px, 4vw, 56px);  } .f408 {display: flex;  flex-wrap: wrap;  align-items: center;  gap: 8px;  margin-bottom: 32px;  }.f399:hover {color: #2757F5;  } .f409 {font-family: Manrope;  font-size: 14px;  font-weight: 400;  line-height: 1.5;  color: #E2E8F0;  } .f410 {font-family: Manrope;  font-size: 14px;  font-weight: 400;  line-height: 1.5;  color: #475569;  } .f411 {display: block;  width: 64px;  height: 6px;  border-radius: 999px;  margin-bottom: 20px;  } .f412 {display: flex;  flex-wrap: wrap;  align-items: center;  gap: 10px;  margin-top: 28px;  } .f413 {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;  } .f414 {font-family: Manrope;  font-size: 13px;  font-weight: 600;  line-height: 1.2;  color: #5D6B80;  text-transform: uppercase;  letter-spacing: 0.06em;  } .f415 {background-color: #0F172A;  padding-top: clamp(56px, 7vw, 104px);  padding-bottom: clamp(56px, 7vw, 104px);  } .f416 {row-gap: clamp(28px, 4vw, 48px);  } .f417 {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;  } .f418 {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;  } .f419 {font-family: Manrope;  font-size: clamp(17px, 1.5vw, 20px);  font-weight: 400;  line-height: 1.6;  color: #A8B4C4;  margin: 0px;  max-width: 46ch;  } .f420 {font-family: Manrope;  font-size: clamp(17px, 1.5vw, 20px);  font-weight: 400;  line-height: 1.6;  color: #A8B4C4;  margin: 0px;  max-width: 62ch;  } .f421 {padding-top: clamp(48px, 6vw, 80px);  padding-bottom: clamp(48px, 6vw, 80px);  } .f422 {margin-bottom: clamp(32px, 4vw, 56px);  } .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 14px;  max-width: 26ch;  } .f424 {font-family: Manrope;  font-size: clamp(17px, 1.5vw, 20px);  font-weight: 400;  line-height: 1.6;  color: #475569;  margin: 0px;  max-width: 62ch;  } .f425 {margin-top: 0px;  } .f426 {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;  } .f427 {font-family: Manrope;  font-size: 16px;  font-weight: 400;  line-height: 1.65;  color: #475569;  margin: 0px;  } .f428 {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;  } .f429 {font-family: Manrope;  font-size: 13px;  font-weight: 600;  line-height: 1.2;  text-transform: uppercase;  letter-spacing: 0.08em;  color: #5D6B80;  margin: 0px;  } .f430 {font-family: Manrope;  font-size: 16px;  font-weight: 400;  line-height: 1.65;  color: #475569;  margin: 0px;  } .f431 {padding-top: clamp(48px, 6vw, 80px);  padding-bottom: clamp(48px, 6vw, 80px);  } .f432 {list-style: none;  margin: 0px;  padding: 0px;  } .f433 {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;  } .f434 {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;  } .f435 {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;  } .f436 {font-family: Manrope;  font-size: 15px;  font-weight: 400;  line-height: 1.6;  color: #475569;  margin: 0px;  } .f437 {background-color: #F8FAFC;  padding-top: clamp(48px, 6vw, 80px);  padding-bottom: clamp(48px, 6vw, 80px);  } .f438 {display: flex;  flex-direction: column;  width: 100%;  max-width: 880px;  margin: 0 auto;  } .f439 {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;  } .f440 {display: flex;  flex-direction: column;  gap: 10px;  padding: 22px 26px;  border-radius: 16px;  border: 1px solid #E2E8F0;  background-color: #FFFFFF;  box-sizing: border-box;  } .f441 {border-color: #2757F5;  background-color: #EEF2FF;  } .f442 {display: flex;  flex-wrap: wrap;  align-items: baseline;  gap: 12px;  } .f443 {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;  } .f444 {font-family: Manrope;  font-size: 13px;  font-weight: 600;  line-height: 1.2;  text-transform: uppercase;  letter-spacing: 0.08em;  color: #5D6B80;  margin: 0px;  } .f445 {font-family: Manrope;  font-size: 16px;  font-weight: 400;  line-height: 1.65;  color: #475569;  margin: 0px;  max-width: 62ch;  } .f446 {padding-top: clamp(48px, 6vw, 80px);  padding-bottom: clamp(48px, 6vw, 80px);  } .f447 {margin-top: 0px;  } .f448 {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;  } .f449 {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;  } .f450 {font-family: Manrope;  font-size: 16px;  font-weight: 400;  line-height: 1.65;  color: #475569;  margin: 0px;  } .f451 {background-color: #F8FAFC;  padding-top: clamp(48px, 6vw, 80px);  padding-bottom: clamp(48px, 6vw, 80px);  } .f452 {row-gap: clamp(32px, 4vw, 48px);  } .f453 {display: flex;  flex-direction: column;  gap: 18px;  } .f454 {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;  } .f455 {display: flex;  flex-wrap: wrap;  gap: 10px;  list-style: none;  margin: 0px;  padding: 0px;  } .f456 {display: flex;  flex-wrap: wrap;  gap: 14px;  } .f457 {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;  } .f458 {display: flex;  flex-direction: column;  gap: 8px;  max-width: 52ch;  } .f459 {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;  } .f460 {font-family: Manrope;  font-size: 16px;  font-weight: 400;  line-height: 1.65;  color: #475569;  margin: 0px;  } .f461 {padding-top: clamp(48px, 6vw, 80px);  padding-bottom: clamp(48px, 6vw, 96px);  } .f462 {padding-bottom: clamp(56px, 7vw, 96px);  } .f463 {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;  } .f464 {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;  } .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;  } .f466 {display: flex;  flex-wrap: wrap;  gap: 14px;  margin-top: 8px;  }.f400:hover {background-color: #EEF2FF;  } .f401:hover {background-color: #1D46D0;  border-color: #1D46D0;  } .f467 {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;  }.f467:hover {background-color: #1D46D0;  transform: translateY(-1px);  } .f468 {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;  }.f468:hover {border-color: #FFFFFF;  background-color: #1D46D0;  color: #FFFFFF;  } .f469 {font-family: Manrope;  font-size: 14px;  font-weight: 400;  line-height: 1.5;  color: #64748B;  } .f470 {max-width: 1240px;  margin: 0 auto;  padding-left: 24px;  padding-right: 24px;  box-sizing: border-box;  } .f471 {padding-top: clamp(40px, 6vw, 72px);  padding-bottom: clamp(32px, 4vw, 56px);  } .f472 {display: flex;  align-items: center;  gap: 10px;  margin-bottom: 28px;  flex-wrap: wrap;  }.f469:hover {color: #2757F5;  } .f473 {font-family: Manrope;  font-size: 14px;  font-weight: 400;  line-height: 1.5;  color: #CBD5E1;  } .f474 {font-family: Manrope;  font-size: 14px;  font-weight: 400;  line-height: 1.5;  color: #334155;  } .f475 {display: flex;  align-items: center;  gap: 14px;  flex-wrap: wrap;  margin-bottom: 20px;  } .f476 {font-family: Manrope;  font-size: 15px;  font-weight: 500;  line-height: 1.6;  color: #475569;  } .f477 {font-family: Manrope;  font-size: 14px;  font-weight: 400;  line-height: 1.5;  color: #5D6B80;  } .f478 {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;  } .f479 {font-family: Manrope;  font-size: clamp(17px, 1.5vw, 20px);  font-weight: 400;  line-height: 1.6;  color: #475569;  margin: 0px;  max-width: 72ch;  } .f480 {padding-bottom: clamp(32px, 4vw, 56px);  } .f481 {margin: 0px;  gap: 20px;  } .f482 {display: flex;  flex-direction: column;  gap: 6px;  padding: 22px;  border-radius: 16px;  background-color: #F8FAFC;  } .f483 {font-family: Manrope;  font-size: 12px;  font-weight: 700;  line-height: 1.2;  letter-spacing: 0.1em;  text-transform: uppercase;  color: #5D6B80;  } .f484 {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;  } .f485 {background-color: #0F172A;  padding-top: clamp(48px, 6vw, 88px);  padding-bottom: clamp(48px, 6vw, 88px);  } .f486 {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;  } .f487 {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;  } .f488 {gap: 20px;  } .f489 {display: flex;  flex-direction: column;  gap: 10px;  padding: 28px;  border-radius: 18px;  border: 1px solid #2A3A52;  } .f490 {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;  } .f491 {font-family: Manrope;  font-size: 16px;  font-weight: 400;  line-height: 1.65;  color: #A8B4C4;  margin: 0px;  } .f492 {padding-top: clamp(48px, 6vw, 88px);  padding-bottom: clamp(48px, 6vw, 88px);  } .f493 {background-color: #F8FAFC;  padding-top: clamp(40px, 5vw, 64px);  padding-bottom: clamp(40px, 5vw, 64px);  } .f494 {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;  } .f495 {display: flex;  flex-wrap: wrap;  gap: 10px;  list-style: none;  margin: 0px;  padding: 0px;  } .f496 {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;  } .f497 {padding-top: clamp(48px, 6vw, 88px);  padding-bottom: clamp(48px, 6vw, 88px);  } .f498 {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;  } .f499 {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;  } .f500 {font-family: Manrope;  font-size: clamp(17px, 1.5vw, 20px);  font-weight: 400;  line-height: 1.6;  color: #E0E7FF;  margin: 0px;  max-width: 58ch;  } .f501 {display: flex;  gap: 14px;  flex-wrap: wrap;  margin-top: 8px;  } .f502 {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;  } .f503 {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;  } .f504 {font-family: Manrope;  font-size: clamp(17px, 1.5vw, 20px);  font-weight: 400;  line-height: 1.6;  color: #475569;  margin: 0px;  max-width: 62ch;  } .f505 {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;  } .f506 {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;  } .f507 {max-width: 1240px;  margin: 0 auto;  padding-left: 24px;  padding-right: 24px;  box-sizing: border-box;  } .f508 {padding-top: clamp(56px, 8vw, 104px);  padding-bottom: clamp(40px, 5vw, 64px);  } .f509 {margin-bottom: clamp(24px, 3vw, 36px);  } .f510 {display: flex;  align-items: center;  gap: 14px;  flex-wrap: wrap;  margin: 0px;  } .f511 {padding-top: clamp(56px, 7vw, 96px);  padding-bottom: clamp(56px, 7vw, 96px);  } .f512 {background-color: #F8FAFC;  } .f513 {margin-top: 0px;  } .f514 {display: flex;  align-items: center;  gap: 14px;  flex-wrap: wrap;  margin-bottom: clamp(28px, 3.5vw, 44px);  } .f515 {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;  } .f516 {font-family: Manrope;  font-size: clamp(17px, 1.5vw, 20px);  font-weight: 400;  line-height: 1.6;  color: #475569;  margin: 0px;  } .f517 {padding-top: clamp(56px, 7vw, 96px);  padding-bottom: clamp(56px, 7vw, 96px);  } .f518 {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;  } .f519 {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;  } .f520 {font-family: Manrope;  font-size: clamp(17px, 1.5vw, 20px);  font-weight: 400;  line-height: 1.6;  color: #E0E7FF;  margin: 0px;  max-width: 56ch;  }.f505:hover {background-color: #EEF2FF;  } .f521 {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;  } .f522 {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;  } .f523 {font-family: Manrope;  font-size: clamp(17px, 1.5vw, 20px);  font-weight: 400;  line-height: 1.6;  color: #475569;  margin: 0px;  max-width: 62ch;  } .f524 {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;  } .f525 {display: inline-block;  margin-bottom: 28px;  font-family: Manrope;  font-size: 14px;  font-weight: 400;  line-height: 1.5;  color: #5D6B80;  } .f526 {font-family: Manrope;  font-size: 16px;  font-weight: 600;  line-height: 1.65;  color: #2757F5;  margin-top: 8px;  } .f527 {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;  } .f528 {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;  } .f529 {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;  } .f530 {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;  }.f530:hover {transform: translateY(-3px);  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.10);  border-color: #C7D2FE;  } .f531 {max-width: 1240px;  margin: 0 auto;  padding-left: 24px;  padding-right: 24px;  box-sizing: border-box;  } .f532 {padding-top: clamp(40px, 5vw, 72px);  padding-bottom: clamp(8px, 2vw, 20px);  }.f525:hover {color: #2757F5;  } .f533 {position: absolute;  top: 0px;  left: 0px;  right: 0px;  height: 6px;  } .f534 {display: flex;  flex-wrap: wrap;  gap: 10px;  margin-top: 28px;  } .f535 {padding-top: clamp(48px, 6vw, 80px);  padding-bottom: clamp(48px, 6vw, 80px);  } .f536 {margin-bottom: clamp(32px, 4vw, 56px);  } .f537 {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;  } .f538 {font-family: Manrope;  font-size: clamp(17px, 1.5vw, 20px);  font-weight: 400;  line-height: 1.6;  color: #475569;  margin: 0px;  max-width: 62ch;  } .f539 {margin-top: 0px;  } .f540 {font-family: Manrope;  font-size: clamp(17px, 1.5vw, 20px);  font-weight: 400;  line-height: 1.6;  color: #475569;  margin: 0px;  } .f541 {display: flex;  align-items: flex-start;  justify-content: space-between;  gap: 12px;  } .f542 {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;  } .f543 {font-family: Manrope;  font-size: 16px;  font-weight: 400;  line-height: 1.65;  color: #475569;  margin: 0px;  } .f544 {display: flex;  flex-direction: column;  gap: 10px;  list-style-type: disc;  margin: 4px 0 0;  padding-left: 22px;  flex-grow: 1;  }.f545::marker {color: #2757F5;  } .f545 {font-family: Manrope;  font-size: 16px;  font-weight: 400;  line-height: 1.65;  color: #1E293B;  }.f526:hover {color: #1D46D0;  } .f546 {background-color: #0F172A;  padding-top: clamp(56px, 7vw, 104px);  padding-bottom: clamp(56px, 7vw, 104px);  } .f547 {margin-bottom: clamp(32px, 4vw, 56px);  } .f548 {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;  } .f549 {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;  } .f550 {font-family: Manrope;  font-size: clamp(17px, 1.5vw, 20px);  font-weight: 400;  line-height: 1.6;  color: #A8B4C4;  margin: 0px;  max-width: 54ch;  } .f551 {padding-top: clamp(56px, 7vw, 104px);  padding-bottom: clamp(56px, 7vw, 96px);  } .f552 {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;  } .f553 {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;  } .f554 {font-family: Manrope;  font-size: clamp(17px, 1.5vw, 20px);  font-weight: 400;  line-height: 1.6;  color: #E0E7FF;  margin: 0px;  max-width: 56ch;  } .f555 {display: flex;  flex-wrap: wrap;  gap: 14px;  margin-top: 8px;  }.f527:hover {background-color: #EEF2FF;  } .f528:hover {background-color: #1D46D0;  border-color: #1D46D0;  } .f556 {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;  } .f557 {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;  } .f558 {font-family: Manrope;  font-size: clamp(17px, 1.5vw, 20px);  font-weight: 400;  line-height: 1.6;  color: #475569;  margin: 0px;  max-width: 62ch;  } .f559 {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;  } .f560 {font-family: Manrope;  font-size: 16px;  font-weight: 600;  line-height: 1.65;  color: #8FA8FF;  } .f561 {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;  } .f562 {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;  } .f563 {max-width: 1240px;  margin: 0 auto;  padding-left: 24px;  padding-right: 24px;  box-sizing: border-box;  } .f564 {padding-top: clamp(56px, 8vw, 104px);  padding-bottom: clamp(8px, 2vw, 20px);  } .f565 {padding-top: clamp(48px, 6vw, 80px);  padding-bottom: clamp(48px, 6vw, 80px);  } .f566 {margin-bottom: clamp(32px, 4vw, 56px);  } .f567 {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;  } .f568 {font-family: Manrope;  font-size: clamp(17px, 1.5vw, 20px);  font-weight: 400;  line-height: 1.6;  color: #475569;  margin: 0px;  max-width: 62ch;  } .f569 {margin-top: 0px;  } .f570 {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;  } .f571 {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;  } .f572 {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;  } .f573 {background-color: #0F172A;  padding-top: clamp(56px, 7vw, 104px);  padding-bottom: clamp(56px, 7vw, 104px);  } .f574 {row-gap: clamp(32px, 5vw, 64px);  }.f560:hover {color: #FFFFFF;  } .f575 {display: flex;  flex-wrap: wrap;  gap: clamp(20px, 3vw, 40px);  margin: 0px;  } .f576 {flex: 1 1 140px;  display: flex;  flex-direction: column;  gap: 8px;  padding-top: 18px;  border-top: 2px solid #8FA8FF;  } .f577 {font-family: Manrope;  font-size: 12px;  font-weight: 700;  line-height: 1.2;  letter-spacing: 0.1em;  text-transform: uppercase;  color: #A8B4C4;  margin: 0px;  } .f578 {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;  } .f579 {padding-top: clamp(56px, 7vw, 104px);  padding-bottom: clamp(56px, 7vw, 96px);  } .f580 {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;  } .f581 {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;  } .f582 {font-family: Manrope;  font-size: clamp(17px, 1.5vw, 20px);  font-weight: 400;  line-height: 1.6;  color: #E0E7FF;  margin: 0px;  max-width: 56ch;  } .f583 {display: flex;  flex-wrap: wrap;  gap: 14px;  margin-top: 8px;  }.f561:hover {background-color: #EEF2FF;  } .f562: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;
  transform: none;
}

@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; }

/* ---------- Сетки без точек останова: сами подстраиваются под ширину ---------- */

.fw-grid { display: grid; gap: 20px; align-items: stretch; }
.fw-grid-2 { display: grid; gap: 24px; align-items: start; grid-template-columns: repeat(auto-fit, minmax(min(340px, 100%), 1fr)); }
.fw-grid-3 { display: grid; gap: 20px; align-items: stretch; grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr)); }
.fw-grid-4 { display: grid; gap: 20px; align-items: stretch; 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));
}

@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; }
  .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;
  }
}