.c0{font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;font-size: 17px;line-height: 1.65;color: #1C2733;background: #FFFFFF;overflow-x: hidden}
.c1{position: sticky;top: 0;z-index: 50;background: #FFFFFF;border-bottom: 1px solid #D8E1E9;box-shadow: 0 1px 3px rgba(14,42,71,0.06)}
.c2{max-width: 1120px;margin: 0 auto;padding: 10px 24px;display: flex;align-items: center;justify-content: space-between;gap: 16px;flex-wrap: wrap}
.c3{display: flex;align-items: center;justify-content: center;width: 86px;height: 64px;overflow: hidden;text-decoration: none;flex: 0 0 auto}
.c4{width: 94px;height: 94px;object-fit: contain;display: block}
.c5{display: flex;align-items: center;gap: 16px;flex-wrap: wrap}
.c6{font-size: 15px;color: #1C2733;text-decoration: none;padding: 12px 0;display: inline-block;min-height: 44px;box-sizing: border-box}
.c7{display: flex;align-items: center;gap: 8px;padding-left: 18px;border-left: 1px solid #D8E1E9;font-size: 14px}
.c8{font-weight: 600;color: #0E2A47}
.c9{color: #5A6875;text-decoration: none}
.c10{display: flex;align-items: center;gap: 14px}
.c11{display: flex;align-items: center;gap: 8px;font-size: 14px}
.c12{position: relative}
.c13{display: flex;align-items: center;gap: 8px;min-height: 44px;padding: 0 14px;border: 1px solid #D8E1E9;border-radius: 6px;font-size: 15px;color: #0E2A47;cursor: pointer;list-style: none}
.c14{color: #0B6E64}
.c15{position: absolute;top: calc(100% + 8px);right: 0;min-width: 220px;display: flex;flex-direction: column;padding: 8px 0;background: #FFFFFF;border: 1px solid #D8E1E9;border-radius: 16px;box-shadow: 0 6px 18px rgba(14,42,71,0.10)}
.c16{display: flex;align-items: center;min-height: 44px;padding: 0 18px;font-size: 16px;color: #1C2733;text-decoration: none}
.c17{position: relative;padding: 104px 24px 112px;background: #0E2A47;overflow: hidden}
.c18{position: absolute;inset: 0}
.c19{position: absolute;inset: 0;pointer-events: none;background: linear-gradient(102deg, rgba(14,42,71,0.94) 0%, rgba(14,42,71,0.84) 46%, rgba(14,42,71,0.35) 78%, rgba(14,42,71,0.12) 100%)}
.c20{position: relative;pointer-events: none;max-width: 1120px;margin: 0 auto}
.c21{max-width: 700px}
.c22{margin: 0 0 20px;display: inline-flex;align-items: center;gap: 10px;padding: 8px 16px;border-radius: 999px;background: rgba(240,180,41,0.16);border: 1px solid rgba(240,180,41,0.45);font-size: 14px;font-weight: 600;letter-spacing: 0.06em;text-transform: uppercase;color: #F0B429}
.c23{margin: 0 0 24px;font-size: clamp(36px, 5vw, 60px);font-weight: 600;line-height: 1.12;letter-spacing: -0.025em;color: #FFFFFF;text-wrap: pretty}
.c24{color: #F0B429}
.c25{margin: 0 0 18px;font-size: 19px;line-height: 1.6;color: #E4ECF3;max-width: 62ch;text-wrap: pretty}
.c26{margin: 0 0 34px;font-size: 15px;color: #A9BED2}
.c27{display: flex;flex-wrap: wrap;gap: 14px;align-items: center;pointer-events: auto}
.c28{display: inline-flex;align-items: center;min-height: 52px;padding: 0 30px;border-radius: 999px;background: #0B6E64;color: #FFFFFF;font-size: 17px;font-weight: 600;text-decoration: none}
.c29{display: inline-flex;align-items: center;min-height: 52px;padding: 0 30px;border-radius: 999px;border: 1px solid rgba(255,255,255,0.55);color: #FFFFFF;font-size: 17px;font-weight: 600;text-decoration: none;background: transparent}
.c30{margin: 18px 0 0;font-size: 15px;color: #A9BED2}
.c31{padding: 96px 24px;background: #EEF3F7;border-top: 1px solid #D8E1E9;border-bottom: 1px solid #D8E1E9}
.c32{max-width: 1120px;margin: 0 auto}
.c33{margin: 0 0 16px;font-size: clamp(28px, 3.2vw, 40px);font-weight: 600;line-height: 1.15;letter-spacing: -0.02em;color: #0E2A47;max-width: 26ch;text-wrap: pretty}
.c34{margin: 0 0 48px;font-size: 18px;color: #5A6875;max-width: 66ch}
.c35{display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 24px}
.c36{background: #FFFFFF;border: 1px solid #D8E1E9;border-top: 4px solid #C98A2B;border-radius: 16px;padding: 28px}
.c37{margin: 0 0 12px;font-size: 20px;font-weight: 600;line-height: 1.25;letter-spacing: -0.01em;color: #0E2A47}
.c38{margin: 0;color: #1C2733;max-width: 42ch}
.c39{background: #FFFFFF;border: 1px solid #D8E1E9;border-top: 4px solid #C7563F;border-radius: 16px;padding: 28px}
.c40{background: #FFFFFF;border: 1px solid #D8E1E9;border-top: 4px solid #2B5F8E;border-radius: 16px;padding: 28px}
.c41{padding: 96px 24px;background: #FFFFFF}
.c42{margin: 0 0 16px;font-size: clamp(28px, 3.2vw, 40px);font-weight: 600;line-height: 1.15;letter-spacing: -0.02em;color: #0E2A47}
.c43{margin: 0 0 40px;font-size: 18px;color: #5A6875;max-width: 66ch}
.c44{display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: 0;border: 1px solid #0F8A7E;border-radius: 16px;background: #F4FAF9;overflow: hidden;margin-bottom: 56px}
.c45{position: relative;min-height: 260px;background: #E3EFEC}
.c46{padding: 36px 34px}
.c47{margin: 0 0 14px;font-size: 13px;font-weight: 600;letter-spacing: 0.09em;text-transform: uppercase;color: #0B6E64}
.c48{margin: 0;font-size: 19px;line-height: 1.6;color: #1C2733;text-wrap: pretty}
.c49{display: grid;grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));gap: 28px;margin-bottom: 64px}
.c50{border: 1px solid #D8E1E9;border-top: 5px solid #C98A2B;border-radius: 16px;padding: 32px;background: #FFFFFF}
.c51{display: flex;align-items: center;gap: 14px;margin-bottom: 18px}
.c52{font-size: 34px;font-weight: 600;line-height: 1;letter-spacing: -0.03em;color: #C98A2B}
.c53{margin: 0 0 6px;font-size: 22px;font-weight: 600;letter-spacing: -0.01em;color: #0E2A47}
.c54{margin: 0 0 16px;font-size: 14px;font-weight: 600;letter-spacing: 0.04em;text-transform: uppercase;color: #A8721F}
.c55{margin: 0 0 14px;color: #1C2733}
.c56{margin: 0;padding-left: 20px;color: #1C2733}
.c57{margin-bottom: 6px}
.c58{border: 1px solid #D8E1E9;border-top: 5px solid #0F8A7E;border-radius: 16px;padding: 32px;background: #FFFFFF}
.c59{font-size: 34px;font-weight: 600;line-height: 1;letter-spacing: -0.03em;color: #0F8A7E}
.c60{margin: 0 0 16px;font-size: 14px;font-weight: 600;letter-spacing: 0.04em;text-transform: uppercase;color: #0B6E64}
.c61{border: 1px solid #D8E1E9;border-top: 5px solid #2B5F8E;border-radius: 16px;padding: 32px;background: #FFFFFF}
.c62{font-size: 34px;font-weight: 600;line-height: 1;letter-spacing: -0.03em;color: #2B5F8E}
.c63{margin: 0 0 16px;font-size: 14px;font-weight: 600;letter-spacing: 0.04em;text-transform: uppercase;color: #2B5F8E}
.c64{margin: 0 0 28px;font-size: 22px;font-weight: 600;letter-spacing: -0.01em;color: #0E2A47}
.c65{display: flex;flex-wrap: wrap;gap: 0;margin-bottom: 8px}
.c66{flex: 1 1 160px;min-width: 150px;padding-right: 16px;box-sizing: border-box}
.c67{position: relative;height: 16px;margin-bottom: 14px}
.c68{position: absolute;top: 7px;left: 0;right: 0;height: 1px;background: #D8E1E9}
.c69{position: absolute;top: 2px;left: 0;width: 12px;height: 12px;border-radius: 50%;background: #0F8A7E}
.c70{margin: 0 0 4px;font-size: 13px;font-weight: 600;letter-spacing: 0.07em;text-transform: uppercase;color: #0F8A7E}
.c71{margin: 0;font-size: 16px;color: #1C2733}
.c72{position: absolute;top: 0;left: 0;width: 16px;height: 16px;border-radius: 50%;background: #0E2A47}
.c73{margin: 0 0 4px;font-size: 13px;font-weight: 600;letter-spacing: 0.07em;text-transform: uppercase;color: #0E2A47}
.c74{margin: 0;font-size: 16px;font-weight: 600;color: #0E2A47}
.c75{flex: 1 1 160px;min-width: 150px;box-sizing: border-box}
.c76{position: absolute;top: 7px;left: 0;width: 12px;height: 1px;background: #D8E1E9}
.c77{padding: 96px 24px;background: #FBF6EE;border-top: 1px solid #E8DFD2;border-bottom: 1px solid #E8DFD2}
.c78{margin: 0 0 12px;font-size: 18px;color: #1C2733;max-width: 68ch;text-wrap: pretty}
.c79{margin: 0 0 44px;font-size: 16px;color: #5A6875;max-width: 68ch;text-wrap: pretty}
.c80{display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 24px;margin-bottom: 32px}
.c81{background: #FFFFFF;border: 1px solid #E8DFD2;border-radius: 16px;overflow: hidden;display: flex;flex-direction: column}
.c82{position: relative;width: 100%;aspect-ratio: 16 / 10;background: #EFE7DA}
.c83{height: 5px;background: #2E7D5B}
.c84{padding: 26px 28px 30px}
.c85{margin: 0 0 10px;font-size: 21px;font-weight: 600;line-height: 1.25;letter-spacing: -0.01em;color: #2E7D5B}
.c86{margin: 0 0 18px;font-size: 16px;color: #5A6875}
.c87{margin: 0;padding: 0;list-style: none;font-size: 16px;color: #1C2733}
.c88{margin-bottom: 10px;text-wrap: pretty}
.c89{display: block;font-size: 12px;font-weight: 600;letter-spacing: 0.07em;color: #2E7D5B;margin-bottom: 2px}
.c90{height: 5px;background: #C98A2B}
.c91{margin: 0 0 10px;font-size: 21px;font-weight: 600;line-height: 1.25;letter-spacing: -0.01em;color: #C98A2B}
.c92{display: block;font-size: 12px;font-weight: 600;letter-spacing: 0.07em;color: #C98A2B;margin-bottom: 2px}
.c93{height: 5px;background: #2B5F8E}
.c94{margin: 0 0 10px;font-size: 21px;font-weight: 600;line-height: 1.25;letter-spacing: -0.01em;color: #2B5F8E}
.c95{display: block;font-size: 12px;font-weight: 600;letter-spacing: 0.07em;color: #2B5F8E;margin-bottom: 2px}
.c96{height: 5px;background: #C7563F}
.c97{margin: 0 0 10px;font-size: 21px;font-weight: 600;line-height: 1.25;letter-spacing: -0.01em;color: #C7563F}
.c98{display: block;font-size: 12px;font-weight: 600;letter-spacing: 0.07em;color: #C7563F;margin-bottom: 2px}
.c99{height: 5px;background: #7A4E8C}
.c100{margin: 0 0 10px;font-size: 21px;font-weight: 600;line-height: 1.25;letter-spacing: -0.01em;color: #7A4E8C}
.c101{display: block;font-size: 12px;font-weight: 600;letter-spacing: 0.07em;color: #7A4E8C;margin-bottom: 2px}
.c102{height: 5px;background: #0F8A7E}
.c103{margin: 0 0 10px;font-size: 21px;font-weight: 600;line-height: 1.25;letter-spacing: -0.01em;color: #0F8A7E}
.c104{display: block;font-size: 12px;font-weight: 600;letter-spacing: 0.07em;color: #0F8A7E;margin-bottom: 2px}
.c105{display: flex;flex-direction: column;gap: 12px;margin-bottom: 20px}
.c106{background: #FFFFFF;border: 1px solid #D8E1E9;border-radius: 16px;padding: 18px 22px;font-size: 16px;color: #1C2733}
.c107{color: #2B5F8E}
.c108{margin: 0 0 16px;font-size: 16px;color: #5A6875;max-width: 68ch;text-wrap: pretty}
.c109{margin: 0;font-size: 16px;color: #5A6875;max-width: 68ch;text-wrap: pretty}
.c110{padding: 96px 24px;background: #0E2A47;color: #FFFFFF}
.c111{margin: 0 0 14px;font-size: 13px;font-weight: 600;letter-spacing: 0.09em;text-transform: uppercase;color: #4FBFA8}
.c112{margin: 0 0 20px;font-size: clamp(28px, 3.2vw, 40px);font-weight: 600;line-height: 1.15;letter-spacing: -0.02em;color: #FFFFFF;max-width: 20ch;text-wrap: pretty}
.c113{margin: 0 0 48px;font-size: 18px;line-height: 1.6;color: #D8E1E9;max-width: 66ch;text-wrap: pretty}
.c114{display: grid;grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));gap: 20px;margin-bottom: 20px}
.c115{background: rgba(255,255,255,0.045);border: 1px solid rgba(255,255,255,0.14);border-radius: 20px;padding: 30px 30px 32px}
.c116{display: flex;align-items: baseline;gap: 12px;margin-bottom: 20px;padding-bottom: 16px;border-bottom: 1px solid rgba(255,255,255,0.14)}
.c117{font-size: 13px;font-weight: 600;color: #4FBFA8}
.c118{margin: 0;font-size: 14px;font-weight: 600;letter-spacing: 0.09em;text-transform: uppercase;color: #FFFFFF}
.c119{display: flex;flex-wrap: wrap;gap: 10px}
.c120{border: 1px solid rgba(255,255,255,0.18);border-radius: 999px;padding: 9px 16px;font-size: 15px;color: #EEF3F7;background: rgba(255,255,255,0.06)}
.c121{background: rgba(255,255,255,0.045);border: 1px solid rgba(255,255,255,0.14);border-radius: 20px;padding: 30px 30px 32px;margin-bottom: 44px}
.c122{flex: 1 1 90px;min-width: 90px;text-align: center;padding: 16px 8px;border-radius: 14px;background: rgba(79,191,168,0.070);border: 1px solid rgba(79,191,168,0.22);font-size: 18px;font-weight: 600;color: #FFFFFF}
.c123{flex: 1 1 90px;min-width: 90px;text-align: center;padding: 16px 8px;border-radius: 14px;background: rgba(79,191,168,0.105);border: 1px solid rgba(79,191,168,0.28);font-size: 18px;font-weight: 600;color: #FFFFFF}
.c124{flex: 1 1 90px;min-width: 90px;text-align: center;padding: 16px 8px;border-radius: 14px;background: rgba(79,191,168,0.140);border: 1px solid rgba(79,191,168,0.34);font-size: 18px;font-weight: 600;color: #FFFFFF}
.c125{flex: 1 1 90px;min-width: 90px;text-align: center;padding: 16px 8px;border-radius: 14px;background: rgba(79,191,168,0.175);border: 1px solid rgba(79,191,168,0.40);font-size: 18px;font-weight: 600;color: #FFFFFF}
.c126{flex: 1 1 90px;min-width: 90px;text-align: center;padding: 16px 8px;border-radius: 14px;background: rgba(79,191,168,0.210);border: 1px solid rgba(79,191,168,0.46);font-size: 18px;font-weight: 600;color: #FFFFFF}
.c127{flex: 1 1 90px;min-width: 90px;text-align: center;padding: 16px 8px;border-radius: 14px;background: rgba(79,191,168,0.245);border: 1px solid rgba(79,191,168,0.52);font-size: 18px;font-weight: 600;color: #FFFFFF}
.c128{display: flex;justify-content: space-between;gap: 16px;margin-top: 12px;font-size: 13px;color: #9FB3C4}
.c129{display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 32px;padding-top: 36px;border-top: 1px solid rgba(255,255,255,0.16)}
.c130{margin: 0;font-size: 17px;line-height: 1.6;color: #FFFFFF;text-wrap: pretty}
.c131{margin: 0;font-size: 16px;line-height: 1.6;color: #D8E1E9;text-wrap: pretty}
.c132{margin: 0 0 44px;font-size: 18px;color: #5A6875;max-width: 66ch}
.c133{display: grid;grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));gap: 24px}
.c134{border: 1px solid #D8E1E9;border-radius: 16px;overflow: hidden}
.c135{margin: 0;padding: 20px 26px;background: #EEF3F7;border-bottom: 1px solid #D8E1E9;font-size: 20px;font-weight: 600;letter-spacing: -0.01em;color: #0E2A47}
.c136{margin: 0;padding: 8px 26px 24px}
.c137{margin-top: 18px;font-size: 13px;font-weight: 600;letter-spacing: 0.07em;text-transform: uppercase;color: #5A6875}
.c138{margin: 6px 0 0;color: #1C2733}
.c139{margin: 24px 0 0;font-size: 16px;color: #5A6875;max-width: 68ch;text-wrap: pretty}
.c140{padding: 96px 24px;background: #14375C;color: #FFFFFF}
.c141{margin: 0 0 14px;font-size: 13px;font-weight: 600;letter-spacing: 0.09em;text-transform: uppercase;color: #F0B429}
.c142{margin: 0 0 20px;font-size: clamp(28px, 3.2vw, 40px);font-weight: 600;line-height: 1.15;letter-spacing: -0.02em;color: #FFFFFF;max-width: 24ch;text-wrap: pretty}
.c143{margin: 0 0 44px;font-size: 18px;line-height: 1.6;color: #D8E1E9;max-width: 66ch;text-wrap: pretty}
.c144{display: grid;grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));gap: 16px;margin-bottom: 36px}
.c145{position: relative;aspect-ratio: 4 / 3;border-radius: 16px;overflow: hidden;background: #1B4470}
.c146{display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 20px;margin-bottom: 32px}
.c147{border: 1px solid #2B5F8E;border-radius: 16px;padding: 24px}
.c148{margin: 0 0 8px;font-size: 18px;font-weight: 600;color: #FFFFFF}
.c149{margin: 0;font-size: 16px;color: #D8E1E9}
.c150{margin: 0 0 32px;font-size: 16px;color: #D8E1E9;max-width: 68ch;text-wrap: pretty}
.c151{max-width: 1120px;margin: 0 auto;display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 48px;align-items: start}
.c152{margin: 0 0 16px;font-size: clamp(26px, 2.8vw, 34px);font-weight: 600;line-height: 1.15;letter-spacing: -0.02em;color: #0E2A47;max-width: 16ch;text-wrap: pretty}
.c153{margin: 0;font-size: 17px;line-height: 1.6;color: #5A6875;max-width: 40ch;text-wrap: pretty}
.c154{margin: 0;padding: 0;list-style: none;display: flex;flex-direction: column}
.c155{display: grid;grid-template-columns: 44px 1fr;gap: 16px;padding: 22px 0;border-top: 1px solid #D8E1E9}
.c156{font-size: 13px;font-weight: 600;color: #9FB3C4;padding-top: 3px}
.c157{margin: 0 0 6px;font-size: 18px;font-weight: 600;line-height: 1.3;letter-spacing: -0.01em;color: #0E2A47;text-wrap: pretty}
.c158{margin: 0;font-size: 16px;line-height: 1.55;color: #5A6875;max-width: 52ch;text-wrap: pretty}
.c159{display: grid;grid-template-columns: 44px 1fr;gap: 16px;padding: 22px 0;border-top: 1px solid #D8E1E9;border-bottom: 1px solid #D8E1E9}
.c160{max-width: 820px;margin: 0 auto}
.c161{margin: 0 0 40px;font-size: 18px;color: #5A6875;max-width: 66ch;text-wrap: pretty}
.c162{display: flex;flex-direction: column;gap: 28px}
.c163{position: absolute;left: -9999px;width: 1px;height: 1px;overflow: hidden}
.c164{border: 1px solid #D8E1E9;border-radius: 16px;padding: 24px;margin: 0}
.c165{padding: 0 8px;font-size: 14px;font-weight: 600;letter-spacing: 0.06em;text-transform: uppercase;color: #0E2A47}
.c166{display: flex;flex-wrap: wrap;gap: 12px}
.c167{display: flex;align-items: center;gap: 10px;min-height: 44px;padding: 0 18px;border: 1px solid #D8E1E9;border-radius: 6px;cursor: pointer;background: #FFFFFF}
.c168{width: 18px;height: 18px;accent-color: #0F8A7E}
.c169{display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 18px}
.c170{display: flex;flex-direction: column;gap: 6px}
.c171{font-size: 15px;color: #1C2733}
.c172{min-height: 44px;padding: 0 12px;font-size: 16px;font-family: inherit;color: #1C2733;border: 1px solid #D8E1E9;border-radius: 6px;background: #FFFFFF}
.c173{border: 1px solid #D8E1E9;border-radius: 16px;padding: 24px;margin: 0;background: #FFFFFF}
.c174{margin: 0 0 20px;font-size: 15px;line-height: 1.55;color: #5A6875;max-width: 60ch;text-wrap: pretty}
.c175{display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 28px;align-items: start}
.c176{border: 1px solid #D8E1E9;border-radius: 14px;padding: 16px;background: #FFFFFF;max-width: 360px}
.c177{display: flex;align-items: center;justify-content: space-between;gap: 8px;margin-bottom: 14px}
.c178{width: 36px;height: 36px;display: flex;align-items: center;justify-content: center;border: 1px solid #D8E1E9;border-radius: 10px;background: #FFFFFF;font-family: inherit;font-size: 16px;color: #0E2A47;cursor: pointer}
.c179{font-size: 16px;font-weight: 600;letter-spacing: -0.01em;color: #0E2A47}
.c180{display: grid;grid-template-columns: repeat(7, 1fr);gap: 2px;margin-bottom: 6px}
.c181{text-align: center;font-size: 12px;font-weight: 600;letter-spacing: 0.04em;color: #9FB3C4}
.c182{display: grid;grid-template-columns: repeat(7, 1fr);gap: 2px}
.c183{display: flex;flex-direction: column;gap: 14px}
.c184{margin: 0 0 4px;font-size: 13px;font-weight: 600;letter-spacing: 0.07em;text-transform: uppercase;color: #0B6E64}
.c185{margin: 0;font-size: 18px;line-height: 1.45;color: #0E2A47;text-wrap: pretty}
.c186{align-self: start;min-height: 40px;padding: 0 16px;font-family: inherit;font-size: 15px;color: #5A6875;background: #FFFFFF;border: 1px solid #D8E1E9;border-radius: 8px;cursor: pointer}
.c187{margin: 0;font-size: 15px;line-height: 1.55;color: #5A6875;max-width: 40ch;text-wrap: pretty}
.c188{display: flex;flex-direction: column;gap: 6px;margin-top: 18px}
.c189{padding: 12px;font-size: 16px;font-family: inherit;line-height: 1.5;color: #1C2733;border: 1px solid #D8E1E9;border-radius: 6px;background: #FFFFFF;resize: vertical}
.c190{display: flex;align-items: flex-start;gap: 12px;font-size: 16px;color: #1C2733;cursor: pointer}
.c191{width: 20px;height: 20px;margin-top: 4px;accent-color: #0F8A7E;flex: none}
.c192{min-height: 52px;padding: 0 34px;border: none;border-radius: 999px;background: #0B6E64;color: #FFFFFF;font-size: 17px;font-weight: 600;font-family: inherit;cursor: pointer}
.c193{margin: 14px 0 0;font-size: 15px;color: #5A6875}
.c194{margin: 0 0 40px;font-size: clamp(28px, 3.2vw, 40px);font-weight: 600;line-height: 1.15;letter-spacing: -0.02em;color: #0E2A47}
.c195{display: flex;flex-direction: column;gap: 12px}
.c196{background: #FFFFFF;border: 1px solid #D8E1E9;border-radius: 16px}
.c197{display: flex;justify-content: space-between;align-items: center;gap: 16px;padding: 18px 22px;min-height: 44px;box-sizing: border-box;font-size: 17px;font-weight: 600;color: #0E2A47;cursor: pointer;list-style: none}
.c198{color: #0F8A7E;font-size: 20px;flex: none}
.c199{padding: 0 22px 20px;color: #1C2733}
.c200{padding: 88px 24px;background: #0E2A47;color: #FFFFFF}
.c201{max-width: 720px;margin: 0 auto;text-align: center}
.c202{margin: 0 0 18px;font-size: clamp(26px, 3vw, 38px);font-weight: 600;line-height: 1.15;letter-spacing: -0.02em;color: #FFFFFF;text-wrap: pretty}
.c203{margin: 0 0 32px;font-size: 18px;color: #D8E1E9;text-wrap: pretty}
.c204{display: inline-flex;align-items: center;min-height: 52px;padding: 0 32px;border-radius: 999px;background: #0B6E64;color: #FFFFFF;font-size: 17px;font-weight: 600;text-decoration: none}
.c205{padding: 56px 24px;background: #FFFFFF;border-top: 1px solid #D8E1E9}
.c206{max-width: 1120px;margin: 0 auto;display: flex;flex-wrap: wrap;gap: 32px;justify-content: space-between}
.c207{display: flex;align-items: center;justify-content: flex-start;width: 108px;height: 80px;overflow: hidden;margin: 0 0 10px}
.c208{width: 118px;height: 118px;object-fit: contain;display: block;margin-left: -5px}
.c209{margin: 0;font-size: 16px;color: #5A6875}
.c210{display: flex;flex-wrap: wrap;gap: 32px}
.c211{display: flex;flex-direction: column;gap: 8px;font-size: 16px}
.c212{max-width: 1120px;margin: 36px auto 0;font-size: 14px;color: #5A6875}
.h0:hover{background: #0F8A7E}
.h1:hover{background: rgba(255,255,255,0.1)}
.h2:hover{background: #EEF3F7}
.h3:hover{border-color: #0B6E64;color: #0B6E64}

/* ------------------------------------------------------------------ *
 * Culture to Connect — socle et adaptation aux ecrans
 *
 * Ce fichier est concatene APRES les classes generees a partir des
 * styles d'origine. A specificite egale, c'est donc lui qui l'emporte,
 * ce qui permet de corriger la mise en page sans recourir a !important.
 * ------------------------------------------------------------------ */

/* --- socle --------------------------------------------------------- */

body {
  margin: 0;
  background: #fff;
  -webkit-font-smoothing: antialiased;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

a { color: #2b5f8e; }
a:hover { color: #0e2a47; }

*:focus-visible {
  outline: 2px solid #0b6e64;
  outline-offset: 2px;
  border-radius: 2px;
}

summary::-webkit-details-marker { display: none; }
summary { list-style: none; }

img, svg, video { max-width: 100%; }

/* Les champs heritent rarement de la largeur voulue sur petit ecran. */
input, select, textarea, button {
  font-family: inherit;
  max-width: 100%;
  box-sizing: border-box;
}

/* L'en-tete est collant : les ancres doivent s'arreter en dessous. */
[id] { scroll-margin-top: 96px; }

html { scroll-behavior: smooth; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}

/* --- emplacements d'image ------------------------------------------ */

.slot-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* --- navigation ----------------------------------------------------- */

/* Le moteur d'origine basculait entre les deux navigations en JavaScript,
   en mesurant la largeur de la fenetre. La bascule est desormais faite
   par le navigateur, donc sans reflux ni scintillement au chargement. */
.nav-narrow { display: none; }

@media (max-width: 899px) {
  .nav-wide { display: none; }
  .nav-narrow { display: block; }
}

.nav-narrow details > nav a:hover,
.nav-narrow details > nav a:focus-visible { background: #eef3f7; }

/* --- selecteur de periode ------------------------------------------ */

.cal-jour {
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: inherit;
  font-size: 15px;
  border-radius: 10px;
  border: 1px solid transparent;
  background: transparent;
  color: #1c2733;
  cursor: pointer;
  padding: 0;
}

.cal-jour:hover:not(.est-inactif):not(.est-borne) { background: #eef3f7; }
.cal-jour.est-borne { background: #0b6e64; color: #fff; font-weight: 600; }
.cal-jour.est-plage { background: #dcefeb; }
.cal-jour.est-inactif { color: #c3cfda; cursor: default; }

/* --- adaptation aux ecrans ------------------------------------------ */

/* Tablette et petit portable */
@media (max-width: 899px) {
  .r-hero { padding: 72px 20px 80px; }
  .r-sect { padding: 68px 20px; }
  .r-main { padding: 48px 20px 64px; }
  [id] { scroll-margin-top: 84px; }
}

/* Grand telephone et petite tablette en portrait */
@media (max-width: 700px) {
  .r-hero { padding: 56px 16px 60px; }
  .r-sect { padding: 52px 16px; }
  .r-main { padding: 36px 16px 48px; }
  .r-box { padding: 22px 18px; }

  /* Une piste `minmax(300px, 1fr)` reste large de 300 px meme si le
     conteneur est plus etroit : c'est la cause classique du defilement
     horizontal sur telephone. On repasse a une seule colonne. */
  .r-grid { grid-template-columns: 1fr; }

  .r-title { line-height: 1.2; }
}

/* Telephone */
@media (max-width: 420px) {
  .r-hero { padding: 44px 14px 48px; }
  .r-sect { padding: 44px 14px; }
  .r-main { padding: 28px 14px 40px; }
  .r-box { padding: 18px 14px; }
  .r-cal { gap: 1px; }
  .cal-jour { min-height: 36px; font-size: 14px; }
}

/* --- garde-fou contre le debordement horizontal --------------------- */

html, body { overflow-x: hidden; }

/* --- impression ----------------------------------------------------- */

@media print {
  .nav-wide, .nav-narrow, form { display: none; }
  body { color: #000; }
}

/* Un fieldset refuse par defaut de descendre sous la largeur de son
   contenu (min-inline-size: min-content), ce qui provoque un debordement
   sur les ecrans etroits. */
fieldset { min-inline-size: 0; }

/* Un <select> prend par defaut la largeur de sa plus longue option et
   refuse de retrecir, ce qui pousse toute la colonne sur les tres petits
   ecrans (320 px). Les etiquettes sont des conteneurs flex : sans
   min-width nul, elles propagent cette largeur minimale vers le haut. */
form label { min-width: 0; }
select { width: 100%; min-width: 0; }

/* Message affiche quand l'envoi du formulaire a echoue cote serveur. */
.form-erreur {
  margin: 0;
  padding: 16px 18px;
  border: 1px solid #c7523f;
  border-left-width: 4px;
  border-radius: 8px;
  background: #fdf3f1;
  color: #8a2f20;
  font-size: 16px;
  line-height: 1.55;
}


/* ------------------------------------------------------------------ *
 * Pages legales (mentions, confidentialite) — FR / EN / ES
 *
 * Ces pages sont regenerees a partir de texte structure, elles n'ont
 * donc aucun style en ligne : tout est ici.
 * ------------------------------------------------------------------ */

.lg-page {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  color: #1c2733;
  background: #fff;
}

.r-wrap { max-width: 1120px; margin: 0 auto; }

/* --- en-tete --------------------------------------------------------- */

.lg-head {
  background: #fff;
  border-bottom: 1px solid #d8e1e9;
  box-shadow: 0 1px 3px rgba(14, 42, 71, 0.06);
}

.lg-head-in {
  padding: 10px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.lg-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 86px;
  height: 64px;
  overflow: hidden;
  text-decoration: none;
  flex: 0 0 auto;
}

.lg-logo img { width: 94px; height: 94px; object-fit: contain; display: block; }

.lg-back {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 4px;
  font-size: 16px;
  color: #2b5f8e;
  text-decoration: none;
}

.lg-back:hover { color: #0b6e64; text-decoration: underline; }

/* --- corps ----------------------------------------------------------- */

.lg-main { padding: 64px 24px 88px; }

.lg-h1 {
  margin: 0 0 12px;
  font-size: clamp(30px, 3.4vw, 42px);
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: #0e2a47;
  text-wrap: pretty;
}

.lg-date { margin: 0 0 40px; font-size: 16px; color: #5a6875; }

.lg-summary,
.lg-toc {
  background: #eef3f7;
  border: 1px solid #d8e1e9;
  border-radius: 8px;
  padding: 28px 32px;
}

.lg-summary { margin: 0 0 48px; }
.lg-toc { margin: 0 0 56px; }

.lg-toc-t {
  margin: 0 0 16px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #0e2a47;
}

.lg-toc-l {
  margin: 0;
  padding-left: 20px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 8px 32px;
  font-size: 16px;
  color: #1c2733;
}

.lg-toc-l a { color: #2b5f8e; }

.lg-sec { margin: 0 0 56px; }
.lg-sec:last-child { margin-bottom: 0; }

.lg-h2 {
  margin: 0 0 20px;
  padding-top: 28px;
  border-top: 1px solid #d8e1e9;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #0e2a47;
  text-wrap: pretty;
}

.lg-p {
  margin: 0 0 16px;
  font-size: 17px;
  line-height: 1.65;
  max-width: 68ch;
  text-wrap: pretty;
}

.lg-p:last-child { margin-bottom: 0; }

.lg-summary .lg-p { margin: 0; color: #1c2733; }

.lg-list {
  margin: 0 0 20px;
  padding-left: 20px;
  font-size: 17px;
  line-height: 1.65;
  max-width: 68ch;
}

.lg-list li { margin-bottom: 8px; }
.lg-list li:last-child { margin-bottom: 0; }

.lg-page strong { font-weight: 600; color: #0e2a47; }

/* Tableaux a deux colonnes (finalites, durees de conservation) */
.lg-rows { display: flex; flex-direction: column; gap: 12px; margin-bottom: 20px; }

.lg-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 8px 32px;
  border: 1px solid #d8e1e9;
  border-radius: 8px;
  padding: 20px 24px;
}

.lg-row p { margin: 0; font-size: 17px; line-height: 1.55; text-wrap: pretty; }
.lg-row-k { font-weight: 600; color: #0e2a47; }
.lg-row-v { color: #1c2733; }

/* --- pied de page ---------------------------------------------------- */

.lg-foot { padding: 56px 24px; background: #fff; border-top: 1px solid #d8e1e9; }

.lg-foot-in { display: flex; flex-wrap: wrap; gap: 32px; justify-content: space-between; }

.lg-foot-logo {
  width: 118px;
  height: 118px;
  object-fit: contain;
  display: block;
  margin: -19px 0 -9px -5px;
}

.lg-city { margin: 0; font-size: 16px; color: #5a6875; }

.lg-foot-nav { display: flex; flex-direction: column; gap: 8px; font-size: 16px; }
.lg-foot-nav a { color: #2b5f8e; }
.lg-current { font-weight: 600; color: #0e2a47; }

.lg-copy { margin: 36px auto 0; font-size: 14px; color: #5a6875; }

/* --- adaptation aux ecrans ------------------------------------------- */

@media (max-width: 700px) {
  .lg-main { padding: 36px 16px 48px; }
  .lg-summary, .lg-toc { padding: 22px 18px; }
  .lg-toc-l { grid-template-columns: 1fr; }
  .lg-row { grid-template-columns: 1fr; padding: 16px 18px; }
  .lg-sec { margin-bottom: 40px; }
  .lg-h2 { font-size: 21px; }
  .lg-head-in { padding: 8px 16px; }
  .lg-foot { padding: 40px 16px; }
}

/* --- pages de confirmation et page 404 ------------------------------- */

.merci { max-width: 640px; text-align: center; padding-top: 88px; padding-bottom: 120px; }
.merci-marque {
  margin: 0 auto 24px;
  width: 64px; height: 64px;
  display: flex; align-items: center; justify-content: center;
  border-radius: 50%;
  background: #dcefeb; color: #0b6e64;
  font-size: 30px; line-height: 1;
}
.merci .lg-h1 { margin-bottom: 20px; }
.merci-p { max-width: none; margin: 0 auto 16px; color: #5a6875; }
.merci-retour { margin: 36px 0 0; display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; }
.merci-bouton {
  display: inline-flex; align-items: center;
  min-height: 52px; padding: 0 30px;
  border-radius: 999px;
  background: #0b6e64; color: #fff;
  font-size: 17px; font-weight: 600; text-decoration: none;
}
.merci-bouton:hover { background: #0f8a7e; color: #fff; }
.merci-lien {
  display: inline-flex; align-items: center;
  min-height: 52px; padding: 0 22px;
  border-radius: 999px; border: 1px solid #d8e1e9;
  color: #2b5f8e; font-size: 17px; text-decoration: none;
}
.merci-lien:hover { border-color: #0b6e64; }

@media (max-width: 700px) {
  .merci { padding-top: 56px; padding-bottom: 72px; }
}


/* ------------------------------------------------------------------ *
 * Culture to Connect — bandeau de suggestion linguistique
 *
 * Insere par site.js en tete de page quand la langue du navigateur ne
 * correspond pas a celle de la page affichee. Il propose, il ne
 * redirige pas : la personne reste maitre de ce qu'elle lit.
 * ------------------------------------------------------------------ */

.lang-suggest {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 16px;
  padding: 10px 24px;
  background: #eef3f7;
  border-bottom: 1px solid #d8e1e9;
  color: #1c2733;
  font-size: 15px;
  line-height: 1.45;
}

/* Pousse la croix a droite quelle que soit la longueur du texte. */
.lang-suggest-txt {
  flex: 1 1 auto;
}

.lang-suggest-go {
  color: #2b5f8e;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.lang-suggest-go:hover {
  color: #0e2a47;
}

.lang-suggest-x {
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #5a6875;
  font-family: inherit;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}

.lang-suggest-x:hover {
  background: #d8e1e9;
  color: #0e2a47;
}

@media (max-width: 640px) {
  .lang-suggest {
    padding: 10px 16px;
    font-size: 14px;
  }
}