/* metricfabric.io — shared stylesheet
   Generated from the design sources. Base rules first, then layout utilities. */

html { scroll-behavior: smooth; }
body { margin: 0; font-family: 'Instrument Sans', system-ui, sans-serif; }
body.home { background: #F6F5F1; color: #131417; -webkit-font-smoothing: antialiased; }
a { color: #2F4FE0; }
a:hover { color: #1B2F9E; }
body.home a { text-decoration: none; }
doc-page:not(:defined) { visibility: hidden; }

/* Layout utilities */
.u1 { margin: 0 0 8px; font-size: 14pt; font-weight: 600; letter-spacing: -0.01em; }
.u2 { padding: 9px 10px; border: 1px solid #D6D3CA; }
.u3 { color: #45443E; }
.u4 { font-weight: 600; }
.u5 { margin: 0 0 22px; }
.u6 { break-inside: avoid; }
.u7 { margin: 0 0 10px; }
.u8 { padding: 9px 10px; border: 1px solid #D6D3CA; vertical-align: top; }
.u9 { text-align: right; color: #1E7A5A; }
.u10 { color: #6C6B64; }
.u11 { font-weight: 500; }
.u12 { padding: 9px 10px; border: 1px solid #D6D3CA; background: #F6F5F1; font-weight: 600; }
.u13 { font-size: 17px; font-weight: 600; }
.u14 { text-align: right; font-family: 'IBM Plex Mono', monospace; }
.u15 { margin: 0; font-size: 15px; line-height: 1.55; color: #45443E; }
.u16 { color: #45443E; padding: 7px 12px; border-radius: 4px; }
.u17 { font-size: 16px; font-weight: 600; }
.u18 { text-align: left; padding: 9px 10px; border: 1px solid #D6D3CA; font-family: 'IBM Plex Mono', monospace; font-weight: 500; font-size: 8.5pt; letter-spacing: 0.04em; text-transform: uppercase; color: #55544E; }
.u19 { margin-bottom: 6px; }
.u20 { text-align: right; }
.u21 { display: flex; justify-content: space-between; gap: 20px; padding: 14px 18px; border-bottom: 1px solid #E2E0D9; font-size: 15px; }
.u22 { font-family: 'IBM Plex Mono', monospace; font-size: 12px; color: #9A9891; }
.u23 { display: flex; flex-direction: column; gap: 10px; }
.u24 { text-align: right; color: #9A9891; }
.u25 { font-family: 'IBM Plex Mono', monospace; font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: #2F4FE0; }
.u26 { margin: 0; font-size: clamp(28px, 3.4vw, 34px); letter-spacing: -0.02em; font-weight: 600; }
.u27 { border: 1px solid #D6D3CA; padding: 24px; display: flex; flex-direction: column; gap: 10px; }
.u28 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 20px; }
.u29 { font-size: 15px; line-height: 1.55; color: #45443E; }
.u30 { border: 1px solid #D6D3CA; background: #FFFFFF; }
.u31 { display: grid; grid-template-columns: minmax(0, 1.6fr) repeat(4, minmax(0, 1fr)); gap: 12px; padding: 13px 20px; border-bottom: 1px solid #EFEDE7; font-size: 15px; }
.u32 { font-family: 'IBM Plex Mono', monospace; font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: #9A9891; }
.u33 { font-family: 'IBM Plex Mono', monospace; font-size: 9.5pt; }
.u34 { margin: 0; font-size: clamp(32px, 4vw, 46px); line-height: 1.05; letter-spacing: -0.025em; font-weight: 600; }
.u35 { margin: 0; font-size: 18px; line-height: 1.6; color: #45443E; }
.u36 { font-family: 'IBM Plex Mono', monospace; font-size: 12.5px; color: #6C6B64; }
.u37 { display: flex; flex-direction: column; gap: 12px; }
.u38 { font-family: 'IBM Plex Mono', monospace; font-size: 13px; }
.u39 { font-family: 'IBM Plex Mono', monospace; font-size: 11px; color: #1E7A5A; }
.u40 { color: #1E7A5A; width: 46px; flex: none; }
.u41 { color: #45443E; overflow-wrap: anywhere; }
.u42 { display: flex; justify-content: space-between; gap: 20px; padding: 14px 18px; border-bottom: 1px solid #EFEDE7; font-size: 15px; }
.u43 { margin: 0 0 6px; }
.u44 { color: #9A9891; }
.u45 { display: grid; grid-template-columns: minmax(0, 1.6fr) 62px 68px 80px; font-family: 'IBM Plex Mono', monospace; font-size: 12.5px; padding: 11px 16px; border-bottom: 1px solid #EFEDE7; }
.u46 { text-align: right; color: #45443E; }
.u47 { text-align: right; color: #D98A0B; }
.u48 { font-size: 26px; font-weight: 600; letter-spacing: -0.02em; }
.u49 { font-size: 14px; color: #6C6B64; margin-top: 4px; }
.u50 { display: flex; align-items: baseline; justify-content: space-between; gap: 40px; flex-wrap: wrap; }
.u51 { margin: 0; font-size: 16px; color: #6C6B64; max-width: 46ch; }
.u52 { border-top: 1px solid #E2E0D9; background: #FFFFFF; }
.u53 { margin: 0; font-size: 14.5px; line-height: 1.55; color: #45443E; }
.u54 { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.9fr) minmax(0, 0.8fr); gap: 16px; padding: 15px 20px; border-bottom: 1px solid #EFEDE7; font-size: 15px; }
.u55 { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 13px 16px; border-bottom: 1px solid #EFEDE7; }
.u56 { border: 1px solid #D6D3CA; background: #FFFFFF; padding: 24px; display: flex; flex-direction: column; gap: 10px; }
.u57 { display: flex; gap: 16px; padding: 12px 18px; border-bottom: 1px solid #EFEDE7; }
.u58 { font-family: 'IBM Plex Mono', monospace; font-size: 12.5px; overflow-wrap: anywhere; }
.u59 { margin: 0 0 26px; }
.u60 { padding: 9px 10px; border: 1px solid #D6D3CA; font-family: 'IBM Plex Mono', monospace; font-size: 8.5pt; vertical-align: top; }
.u61 { padding: 24px 32px; border-right: 1px solid #E2E0D9; }
.u62 { border: 1px solid #D6D3CA; background: #FFFFFF; padding: 24px; display: flex; flex-direction: column; gap: 12px; }
.u63 { font-family: 'IBM Plex Mono', monospace; font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: #2F4FE0; }
.u64 { font-family: 'IBM Plex Mono', monospace; font-size: 12px; color: #9A9891; margin-top: auto; padding-top: 8px; }
.u65 { border: 1px solid #D6D3CA; padding: 22px; display: flex; flex-direction: column; gap: 9px; }
.u66 { display: flex; flex-direction: column; gap: 20px; }
.u67 { display: flex; justify-content: space-between; gap: 20px; padding: 14px 18px; font-size: 15px; }
.u68 { display: flex; flex-direction: column; gap: 16px; max-width: 62ch; }
.u69 { border: 1px solid #D6D3CA; background: #FFFFFF; padding: 26px; display: flex; flex-direction: column; gap: 10px; }
.u70 { font-size: 19px; font-weight: 600; letter-spacing: -0.01em; }
.u71 { margin: 0; font-size: 15px; line-height: 1.6; color: #45443E; }
.u72 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr); gap: 16px; padding: 14px 20px; border-bottom: 1px solid #EFEDE7; font-size: 15px; }
.u73 { border: 1px solid #D6D3CA; background: #FFFFFF; display: flex; flex-direction: column; }
.u74 { padding: 14px 18px; border-bottom: 1px solid #E2E0D9; font-family: 'IBM Plex Mono', monospace; font-size: 13px; font-weight: 500; }
.u75 { padding: 16px 18px; font-family: 'IBM Plex Mono', monospace; font-size: 12.5px; line-height: 1.9; color: #45443E; }
.u76 { font-size: 18px; font-weight: 600; letter-spacing: -0.01em; }
.u77 { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1.2fr) minmax(0, 2fr); gap: 16px; padding: 16px 20px; border-bottom: 1px solid #EFEDE7; font-size: 15px; line-height: 1.5; }
.u78 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 0.7fr) minmax(0, 2fr); gap: 16px; padding: 15px 20px; border-bottom: 1px solid #EFEDE7; font-size: 15px; }
.u79 { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; padding-bottom: 10px; margin-bottom: 26px; border-bottom: 1px solid #D6D3CA; font-family: 'IBM Plex Mono', monospace; font-size: 8.5pt; letter-spacing: 0.06em; text-transform: uppercase; color: #6C6B64; }
.u80 { font-family: 'IBM Plex Mono', monospace; font-size: 9pt; letter-spacing: 0.1em; text-transform: uppercase; color: #2F4FE0; margin-bottom: 10px; }
.u81 { margin: 0 0 10px; font-size: 26pt; line-height: 1.08; letter-spacing: -0.02em; font-weight: 600; }
.u82 { width: 100%; border-collapse: collapse; font-size: 9.5pt; margin: 0 0 12px; }
.u83 { background: #F6F5F1; }
.u84 { display: flex; flex-direction: column; min-height: 100vh; }
.u85 { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; padding: 16px 32px; background: rgba(246,245,241,0.94); backdrop-filter: blur(8px); border-bottom: 1px solid #E2E0D9; }
.u86 { display: flex; align-items: center; gap: 10px; color: #131417; }
.u87 { display: grid; grid-template-columns: 6px 6px 6px; gap: 3px; align-items: end; }
.u88 { height: 10px; background: #2F4FE0; }
.u89 { height: 16px; background: #2F4FE0; }
.u90 { height: 22px; background: #131417; }
.u91 { font-size: 17px; font-weight: 600; letter-spacing: -0.01em; }
.u92 { display: flex; gap: 4px; flex-wrap: wrap; font-size: 15px; }
.u93 { display: flex; align-items: center; gap: 16px; }
.u94 { font-size: 15px; color: #45443E; }
.u95 { font-size: 15px; font-weight: 500; background: #131417; color: #F6F5F1; padding: 10px 18px; border-radius: 4px; }
.u96 { flex: 1; }
.u97 { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.u98 { font-size: 16px; font-weight: 500; background: #2F4FE0; color: #FFFFFF; padding: 14px 24px; border-radius: 4px; }
.u99 { font-size: 16px; font-weight: 500; color: #131417; padding: 14px 20px; border: 1px solid #C9C6BC; border-radius: 4px; }
.u100 { border: 1px solid #D6D3CA; background: #FFFFFF; min-width: 0; }
.u101 { font-family: 'IBM Plex Mono', monospace; font-size: 11.5px; letter-spacing: 0.08em; text-transform: uppercase; color: #D98A0B; }
.u102 { max-width: 1240px; margin: 0 auto; padding: 72px 32px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); gap: 48px; }
.u103 { margin: 0; font-size: 26px; letter-spacing: -0.02em; font-weight: 600; }
.u104 { max-width: 1240px; margin: 0 auto; padding: 64px 32px; display: flex; flex-direction: column; gap: 44px; }
.u105 { max-width: 1240px; margin: 0 auto; padding: 64px 32px; display: flex; flex-direction: column; gap: 36px; }
.u106 { border: 1px solid #D6D3CA; background: #FBFAF7; padding: 22px; display: flex; flex-direction: column; gap: 8px; }
.u107 { margin: 0; font-size: 14.5px; line-height: 1.6; color: #45443E; }
.u108 { display: flex; flex-direction: column; gap: 14px; }
.u109 { margin: 0; font-size: 22px; letter-spacing: -0.02em; font-weight: 600; }
.u110 { margin: 0; font-size: 15px; color: #6C6B64; }
.u111 { border-top: 1px solid #E2E0D9; background: #EFEDE7; }
.u112 { font-size: 16px; font-weight: 600; color: #131417; }
.u113 { font-weight: 500; text-align: right; }
.u114 { border-top: 1px solid #E2E0D9; }
.u115 { max-width: 1240px; margin: 0 auto; padding: 68px 32px; display: flex; flex-direction: column; gap: 28px; }
.u116 { display: flex; flex-direction: column; gap: 14px; max-width: 70ch; }
.u117 { margin: 0; font-size: 17px; line-height: 1.6; color: #45443E; }
.u118 { display: flex; gap: 10px; align-items: baseline; }
.u119 { font-family: 'IBM Plex Mono', monospace; font-size: 12px; color: #2F4FE0; flex: none; }
.u120 { margin: 0 0 18px; }
.u121 { margin: 0 0 8px; }
.u122 { margin-bottom: 0; }
.u123 { margin: 0 0 12px; }
.u124 { margin: 0; }
.u125 { font-family: 'Instrument Sans', system-ui, sans-serif; color: #1C1D20; font-size: 11pt; line-height: 1.6; }
.u126 { margin: 0 0 26px; font-size: 11pt; color: #55544E; }
.u127 { width: 100%; border-collapse: collapse; font-size: 9.5pt; margin: 0 0 22px; }
.u128 { padding: 9px 10px; border: 1px solid #D6D3CA; width: 30%; background: #F6F5F1; font-weight: 600; }
.u129 { font-weight: 600; margin-bottom: 22px; }
.u130 { border-bottom: 1px solid #9A9891; height: 26px; }
.u131 { color: #6C6B64; margin-top: 4px; }
.u132 { max-width: 1240px; margin: 0 auto; padding: 80px 32px 64px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: 56px; align-items: start; }
.u133 { display: flex; flex-direction: column; gap: 26px; }
.u134 { margin: 0; font-size: clamp(38px, 5vw, 60px); line-height: 1.02; letter-spacing: -0.03em; font-weight: 600; text-wrap: pretty; }
.u135 { margin: 0; font-size: 19px; line-height: 1.55; color: #45443E; max-width: 54ch; text-wrap: pretty; }
.u136 { font-family: 'IBM Plex Mono', monospace; font-size: 13px; color: #6C6B64; }
.u137 { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; border-bottom: 1px solid #E2E0D9; font-family: 'IBM Plex Mono', monospace; font-size: 12px; color: #6C6B64; }
.u138 { color: #D98A0B; }
.u139 { display: grid; grid-template-columns: minmax(0, 1.6fr) 62px 68px 80px; font-family: 'IBM Plex Mono', monospace; font-size: 11.5px; color: #9A9891; padding: 10px 16px; border-bottom: 1px solid #EFEDE7; }
.u140 { padding: 14px 16px; background: #FBFAF7; font-size: 13px; line-height: 1.5; color: #45443E; }
.u141 { border-top: 1px solid #E2E0D9; border-bottom: 1px solid #E2E0D9; background: #FFFFFF; }
.u142 { max-width: 1240px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); }
.u143 { padding: 24px 32px; }
.u144 { max-width: 1240px; margin: 0 auto; padding: 72px 32px; display: flex; flex-direction: column; gap: 34px; }
.u145 { max-width: 1240px; margin: 0 auto; padding: 72px 32px; display: flex; flex-direction: column; gap: 32px; }
.u146 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr)); gap: 20px; }
.u147 { font-family: 'IBM Plex Mono', monospace; font-size: 11.5px; letter-spacing: 0.08em; text-transform: uppercase; color: #2F4FE0; }
.u148 { border-left: 3px solid #2F4FE0; background: #F6F5F1; padding: 16px 20px; font-size: 15px; line-height: 1.6; color: #45443E; max-width: 92ch; }
.u149 { background: #131417; color: #F6F5F1; }
.u150 { font-family: 'IBM Plex Mono', monospace; font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: #8E9BF0; }
.u151 { margin: 0; font-size: clamp(28px, 3.4vw, 34px); letter-spacing: -0.02em; font-weight: 600; line-height: 1.1; }
.u152 { margin: 0; font-size: 17px; line-height: 1.6; color: #C7C5BD; max-width: 48ch; }
.u153 { font-size: 16px; font-weight: 500; color: #8E9BF0; }
.u154 { border: 1px solid #2C2E34; background: #1A1C21; font-family: 'IBM Plex Mono', monospace; font-size: 13px; line-height: 1.6; min-width: 0; }
.u155 { padding: 12px 16px; border-bottom: 1px solid #2C2E34; color: #6E7076; }
.u156 { padding: 16px; color: #F6F5F1; border-bottom: 1px solid #2C2E34; }
.u157 { padding: 16px; color: #8E9BF0; border-bottom: 1px solid #2C2E34; }
.u158 { padding: 16px; color: #C7C5BD; }
.u159 { display: flex; flex-direction: column; gap: 16px; }
.u160 { margin: 0; font-size: 16px; line-height: 1.6; color: #45443E; }
.u161 { display: flex; gap: 20px; font-size: 15px; flex-wrap: wrap; }
.u162 { display: flex; flex-direction: column; border: 1px solid #D6D3CA; background: #FFFFFF; }
.u163 { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.9fr) minmax(0, 0.8fr); gap: 16px; padding: 12px 20px; border-bottom: 1px solid #E2E0D9; font-family: 'IBM Plex Mono', monospace; font-size: 11.5px; letter-spacing: 0.05em; text-transform: uppercase; color: #9A9891; }
.u164 { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.9fr) minmax(0, 0.8fr); gap: 16px; padding: 15px 20px; font-size: 15px; }
.u165 { margin: 0; font-size: 15px; color: #6C6B64; max-width: 70ch; }
.u166 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 32px; }
.u167 { border: 1px solid #D6D3CA; background: #FFFFFF; padding: 12px 14px; font-family: 'IBM Plex Mono', monospace; font-size: 13px; overflow-wrap: anywhere; }
.u168 { border: 1px solid #2C2E34; background: #131417; color: #C7C5BD; font-family: 'IBM Plex Mono', monospace; font-size: 12.5px; line-height: 1.7; padding: 16px; overflow-x: auto; }
.u169 { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 13px 16px; }
.u170 { border-left: 3px solid #D98A0B; background: #FCF6EA; padding: 14px 16px; font-size: 14px; line-height: 1.55; color: #4A3A14; }
.u171 { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; flex-wrap: wrap; }
.u172 { display: flex; flex-direction: column; gap: 14px; max-width: 52ch; }
.u173 { display: flex; align-items: center; gap: 14px; }
.u174 { display: flex; padding: 3px; background: #E2E0D9; border-radius: 5px; }
.u175 { font-size: 14px; font-weight: 500; padding: 9px 16px; border-radius: 4px; background: {{ monthlyBg }}; color: {{ monthlyFg }}; }
.u176 { font-size: 14px; font-weight: 500; padding: 9px 16px; border-radius: 4px; background: {{ annualBg }}; color: {{ annualFg }}; }
.u177 { font-family: 'IBM Plex Mono', monospace; font-size: 12px; color: #1E7A5A; border: 1px solid #B9D8CB; background: #EDF6F1; padding: 4px 9px; border-radius: 3px; }
.u178 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 20px; align-items: stretch; }
.u179 { border: 1px solid {{ plan.border }}; background: #FFFFFF; padding: 26px; display: flex; flex-direction: column; gap: 14px; box-shadow: {{ plan.shadow }}; }
.u180 { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 22px; }
.u181 { font-size: 15px; font-weight: 600; }
.u182 { font-family: 'IBM Plex Mono', monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: #2F4FE0; }
.u183 { display: flex; flex-direction: column; gap: 4px; }
.u184 { display: flex; align-items: baseline; gap: 6px; }
.u185 { font-size: 38px; font-weight: 600; letter-spacing: -0.03em; }
.u186 { font-size: 15px; color: #6C6B64; }
.u187 { font-size: 13px; color: #6C6B64; min-height: 18px; }
.u188 { display: flex; flex-direction: column; gap: 7px; font-size: 14px; color: #45443E; }
.u189 { display: flex; gap: 9px; align-items: baseline; }
.u190 { font-family: 'IBM Plex Mono', monospace; font-size: 12px; color: #1E7A5A; flex: none; }
.u191 { margin-top: auto; font-size: 15px; font-weight: 500; text-align: center; background: {{ plan.btnBg }}; border: 1px solid {{ plan.btnBorder }}; color: {{ plan.btnFg }}; padding: 11px; border-radius: 4px; }
.u192 { display: grid; grid-template-columns: minmax(0, 1.6fr) repeat(4, minmax(0, 1fr)); gap: 12px; padding: 12px 20px; border-bottom: 1px solid #E2E0D9; font-family: 'IBM Plex Mono', monospace; font-size: 11.5px; letter-spacing: 0.05em; text-transform: uppercase; color: #9A9891; }
.u193 { display: grid; grid-template-columns: minmax(0, 1.6fr) repeat(4, minmax(0, 1fr)); gap: 12px; padding: 13px 20px; font-size: 15px; }
.u194 { max-width: 1240px; margin: 0 auto; padding: 64px 32px; display: flex; flex-direction: column; gap: 40px; }
.u195 { margin: 0; font-size: 24px; letter-spacing: -0.02em; font-weight: 600; }
.u196 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr); gap: 16px; padding: 12px 20px; border-bottom: 1px solid #E2E0D9; font-family: 'IBM Plex Mono', monospace; font-size: 11.5px; letter-spacing: 0.05em; text-transform: uppercase; color: #9A9891; }
.u197 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr); gap: 16px; padding: 14px 20px; font-size: 15px; }
.u198 { margin: 0; font-size: 15px; line-height: 1.6; color: #45443E; max-width: 74ch; }
.u199 { display: flex; flex-direction: column; gap: 14px; max-width: 60ch; }
.u200 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: 20px; }
.u201 { border: 1px solid #2C2E34; background: #131417; color: #C7C5BD; font-family: 'IBM Plex Mono', monospace; font-size: 12.5px; line-height: 1.75; padding: 20px; overflow-x: auto; }
.u202 { margin: 0; font-size: 15px; color: #6C6B64; max-width: 72ch; }
.u203 { border: 1px solid #D6D3CA; background: #FFFFFF; font-family: 'IBM Plex Mono', monospace; font-size: 13px; }
.u204 { display: flex; gap: 16px; padding: 12px 18px; }
.u205 { max-width: 1240px; margin: 0 auto; padding: 48px 32px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: 36px; font-size: 15px; color: #45443E; }
.u206 { font-size: 14px; color: #6C6B64; max-width: 32ch; }
.u207 { max-width: 1240px; margin: 0 auto; padding: 72px 32px 56px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: 56px; align-items: start; }
.u208 { display: flex; flex-direction: column; gap: 24px; }
.u209 { margin: 0; font-size: clamp(36px, 4.6vw, 54px); line-height: 1.04; letter-spacing: -0.03em; font-weight: 600; text-wrap: pretty; }
.u210 { margin: 0; font-size: 19px; line-height: 1.55; color: #45443E; max-width: 56ch; text-wrap: pretty; }
.u211 { display: flex; gap: 18px; flex-wrap: wrap; font-size: 15px; }
.u212 { padding: 14px 18px; border-bottom: 1px solid #E2E0D9; font-family: 'IBM Plex Mono', monospace; font-size: 12px; letter-spacing: 0.06em; text-transform: uppercase; color: #6C6B64; }
.u213 { max-width: 1240px; margin: 0 auto; padding: 68px 32px; display: flex; flex-direction: column; gap: 30px; }
.u214 { border: 1px solid #D6D3CA; background: #FBFAF7; padding: 22px; display: flex; flex-direction: column; gap: 10px; }
.u215 { margin: 0; font-size: 15px; line-height: 1.6; color: #45443E; max-width: 92ch; }
.u216 { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1.2fr) minmax(0, 2fr); gap: 16px; padding: 12px 20px; border-bottom: 1px solid #E2E0D9; font-family: 'IBM Plex Mono', monospace; font-size: 11.5px; letter-spacing: 0.05em; text-transform: uppercase; color: #9A9891; }
.u217 { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1.2fr) minmax(0, 2fr); gap: 16px; padding: 16px 20px; font-size: 15px; line-height: 1.5; }
.u218 { border-left: 3px solid #2F4FE0; background: #FFFFFF; border-top: 1px solid #D6D3CA; border-right: 1px solid #D6D3CA; border-bottom: 1px solid #D6D3CA; padding: 20px 22px; display: flex; flex-direction: column; gap: 10px; max-width: 96ch; }
.u219 { border: 1px solid #D6D3CA; background: #FBFAF7; padding: 24px; display: flex; flex-direction: column; gap: 10px; max-width: 96ch; }
.u220 { display: flex; flex-direction: column; gap: 9px; font-size: 15px; line-height: 1.55; color: #45443E; }
.u221 { max-width: 1240px; margin: 0 auto; padding: 68px 32px; display: flex; flex-direction: column; gap: 24px; }
.u222 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 0.7fr) minmax(0, 2fr); gap: 16px; padding: 12px 20px; border-bottom: 1px solid #E2E0D9; font-family: 'IBM Plex Mono', monospace; font-size: 11.5px; letter-spacing: 0.05em; text-transform: uppercase; color: #9A9891; }
.u223 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 0.7fr) minmax(0, 2fr); gap: 16px; padding: 15px 20px; font-size: 15px; }
.u224 { max-width: 1240px; margin: 0 auto; padding: 68px 32px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 40px; }
.u225 { margin: 0; font-size: 17px; line-height: 1.6; color: #45443E; max-width: 54ch; }
.u226 { margin: 0; font-size: 15px; line-height: 1.6; color: #6C6B64; max-width: 54ch; }
.u227 { border: 1px solid #D6D3CA; }
.u228 { max-width: 1240px; margin: 0 auto; padding: 44px 32px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: 36px; font-size: 15px; color: #45443E; }
.u229 { font-size: 14px; color: #6C6B64; max-width: 34ch; }
.u230 { font-family: 'Instrument Sans', system-ui, sans-serif; color: #1C1D20; font-size: 11pt; line-height: 1.62; }
.u231 { margin: 0 0 28px; font-size: 11pt; color: #55544E; }
.u232 { border: 1px solid #C9C6BC; background: #F6F5F1; padding: 16px 18px; margin: 0 0 14px; break-inside: avoid; }
.u233 { margin: 0; padding-left: 20px; }
.u234 { margin: 0 0 22px; padding-left: 20px; }
.u235 { padding: 9px 10px; border: 1px solid #D6D3CA; width: 46%; }
.u236 { break-before: page; }
.u237 { width: 100%; border-collapse: collapse; font-size: 9.5pt; margin: 0 0 14px; }
.u238 { margin: 0 0 12px; font-size: 10pt; }
.u239 { margin: 0 0 22px; font-size: 10pt; }
.u240 { border-top: 1px solid #D6D3CA; padding-top: 18px; margin-top: 8px; break-inside: avoid; }
.u241 { font-family: 'IBM Plex Mono', monospace; font-size: 8.5pt; letter-spacing: 0.06em; text-transform: uppercase; color: #6C6B64; margin-bottom: 14px; }
.u242 { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; font-size: 10pt; }
.u243 { font-weight: 400; color: #6C6B64; }

/* Hover states */
.hv1:hover { background: #EFEDE7; }