/* Self-hosted Inter and Plus Jakarta Sans, latin subset from @fontsource 5.3.0. SIL Open Font License 1.1; license texts in marketing/site/home/assets/fonts/. */
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/inter-latin-400-normal.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}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/inter-latin-500-normal.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}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/inter-latin-600-normal.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}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/inter-latin-700-normal.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}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/plus-jakarta-sans-latin-600-normal.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}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/plus-jakarta-sans-latin-700-normal.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}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/plus-jakarta-sans-latin-800-normal.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}
:root{--display:'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;--body:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:#FFFFFF;color:#0B2854;font-family:var(--body);-webkit-font-smoothing:antialiased}
img,video{max-width:100%}
a{color:#0768D7}a:hover{color:#0B2854}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #0768D7;outline-offset:3px;border-radius:6px}
.skip-link{position:absolute;left:-9999px;top:8px;background:#0B2854;color:#FFFFFF;padding:10px 16px;border-radius:8px;z-index:20}.skip-link:focus{left:16px}
.draft-banner{background:#0B2854;color:#FFFFFF;font-size:14px;text-align:center;padding:10px 16px}
.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:18px}
.tool-cat{background:#FFFFFF;border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:14px;border:1px solid #E1E8F0}
.tool-cat[hidden],.tool-chip[hidden]{display:none}
.tool-cat-title{margin:0;font-family:var(--display);font-size:18px;font-weight:800}
.tool-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.tool-chip{font-size:14px;font-weight:600;padding:7px 13px;border-radius:999px;background:#FFFFFF;border:1px solid #C9D4E2;color:#0B2854}
.signup-cta{align-self:center;display:inline-block;font-weight:700;font-size:18px;color:#0B2854;background:#FFFFFF;text-decoration:none;padding:16px 30px;border-radius:12px}.signup-cta:hover{color:#0B2854;background:#EAF2FD}
.signup-note{margin:0;font-size:14px;color:#C3CFDF;text-align:center}
.footer-credit{white-space:nowrap}
.menu-btn{display:none;font:inherit;font-weight:600;font-size:16px;color:#0B2854;background:#FFFFFF;border:2px solid #D5DEEA;border-radius:10px;padding:10px 16px;min-height:44px;cursor:pointer;margin-left:auto}
.s1{font-family: var(--body); color: #0B2854; background: #FFFFFF; min-width: 0}
.s2{position: sticky; top: 0; z-index: 5; background: rgba(255,255,255,.96); border-bottom: 1px solid #E6ECF3}
.s3{max-width: 1200px; margin: 0 auto; padding: 16px 24px; display: flex; flex-wrap: wrap; align-items: center; gap: 16px 32px}
.s4{display: block; line-height: 0}
.s5{width: 230px; height: auto; display: block}
.s6{display: flex; flex-wrap: wrap; gap: 8px 28px; flex: 1 1 320px; justify-content: flex-end; align-items: center; font-size: 16px}
.s7{color: #0B2854; text-decoration: none}
.s8{color: #0B2854; text-decoration: none; font-weight: 600}
.s9{background: #0768D7; color: #FFFFFF; text-decoration: none; font-weight: 600; padding: 12px 20px; border-radius: 10px; min-height: 44px; box-sizing: border-box; display: inline-flex; align-items: center}
.s10{max-width: 1200px; margin: 0 auto; padding: 64px 24px 56px; display: flex; flex-wrap: wrap; gap: 48px; align-items: center}
.s11{flex: 1 1 460px; min-width: 0; display: flex; flex-direction: column; gap: 22px}
.s12{margin: 0; align-self: flex-start; font-size: 14px; font-weight: 700; padding: 8px 14px; border-radius: 999px; background: #EAF2FD; color: #0757B5}
.s13{margin: 0; font-family: var(--display); font-size: 62px; line-height: 1.04; font-weight: 800; letter-spacing: -.015em}
.s14{margin: 0; font-family: var(--display); font-size: 30px; line-height: 1.2; font-weight: 700; color: #0768D7}
.s15{margin: 0; font-size: 19px; line-height: 1.55; color: #3D5170}
.s16{display: flex; flex-wrap: wrap; gap: 12px; align-items: center}
.s17{background: #0768D7; color: #FFFFFF; text-decoration: none; font-weight: 600; font-size: 17px; padding: 15px 26px; border-radius: 12px}
.s18{color: #0B2854; text-decoration: none; font-weight: 600; font-size: 17px; padding: 13px 20px; border-radius: 12px; border: 2px solid #D5DEEA; display: inline-flex; align-items: center; gap: 8px}
.s19{display: flex; flex-wrap: wrap; gap: 10px 22px; font-size: 15px; color: #3D5170}
.s20{display: inline-flex; gap: 8px; align-items: center}
.s21{flex: 1 1 480px; min-width: 0; background: linear-gradient(180deg, #EAF2FD, #F4F7FB); border-radius: 28px; padding: 24px; box-sizing: border-box}
.s22{background: #FFFFFF; border-radius: 18px; box-shadow: 0 18px 50px rgba(11,40,84,.14); display: flex; overflow: hidden}
.s23{flex: 0 0 150px; padding: 20px 14px; border-right: 1px solid #E6ECF3; display: flex; flex-direction: column; gap: 6px; font-size: 14px; color: #52627A}
.s24{width: 122px; height: auto; display: block; margin-bottom: 12px}
.s25{font-weight: 600; color: #0B2854; background: #EAF2FD; padding: 8px 10px; border-radius: 8px}
.s26{padding: 8px 10px}
.s27{flex: 1 1 auto; min-width: 0; padding: 20px; background: #F4F7FB; display: flex; flex-direction: column; gap: 12px}
.s28{font-size: 13px; color: #52627A}
.s29{font-family: var(--display); font-size: 21px; font-weight: 800}
.s30{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px}
.s31{background: #FFFFFF; border-radius: 12px; padding: 12px}
.s32{font-family: var(--display); font-size: 24px; font-weight: 800; color: #1B7F55}
.s33{font-size: 12px; color: #52627A}
.s34{font-family: var(--display); font-size: 24px; font-weight: 800; color: #0768D7}
.s35{background: #0B2854; color: #FFFFFF; border-radius: 14px; padding: 16px; display: flex; flex-direction: column; gap: 7px}
.s36{font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(156, 196, 245)}
.s37{font-family: var(--display); font-size: 18px; font-weight: 800; line-height: 1.25}
.s38{font-size: 13px; line-height: 1.45; color: rgb(217, 227, 240)}
.s39{font-size: 12px; color: rgb(195, 207, 223)}
.s40{align-self: flex-start; background: rgb(255, 255, 255); color: rgb(11, 40, 84); font-weight: 700; font-size: 13px; padding: 8px 14px; border-radius: 8px; margin-top: 4px}
.s41{font-size: 11px; color: #52627A}
.s42{border-top: 1px solid #E6ECF3; border-bottom: 1px solid #E6ECF3; padding: 26px 24px}
.s43{max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 12px 28px; align-items: center; justify-content: center}
.s44{font-size: 15px; font-weight: 600; color: #3D5170}
.s45{font-family: var(--display); font-weight: 700; font-size: 18px; color: #52627A}
.s46{font-weight: 700; font-size: 16px}
.s47{max-width: 1200px; margin: 0 auto; padding: 88px 24px; display: flex; flex-direction: column; gap: 32px}
.s48{display: flex; flex-direction: column; gap: 12px; max-width: 780px}
.s49{margin: 0; font-size: 15px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #0768D7}
.s50{margin: 0; font-family: var(--display); font-size: 46px; line-height: 1.1; font-weight: 800}
.s51{display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px}
.s52{border: 1px solid #E1E8F0; border-radius: 18px; padding: 24px; display: flex; flex-direction: column; gap: 10px}
.s53{align-self: flex-start; font-size: 13px; font-weight: 700; padding: 6px 12px; border-radius: 999px; background: #FCEFD8; color: #7A4B00}
.s54{font-size: 13px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #0768D7}
.s55{margin: 0; font-family: var(--display); font-size: 21px; font-weight: 800}
.s56{margin: 0; font-size: 16px; line-height: 1.5; color: #3D5170}
.s57{margin: 0; font-size: 18px; line-height: 1.55}
.s58{background: #F4F7FB; padding: 72px 24px}
.s59{max-width: 960px; margin: 0 auto; display: flex; flex-direction: column; gap: 18px; align-items: center; text-align: center}
.s60{margin: 0; font-family: var(--display); font-size: 36px; font-weight: 800}
.s61{width: 100%; aspect-ratio: 16 / 9; display: block; border-radius: 20px; background: #0B2854; box-shadow: 0 18px 50px rgba(11,40,84,.14)}
.s62{max-width: 1200px; margin: 0 auto; padding: 96px 24px 40px; display: flex; flex-direction: column; gap: 80px}
.s63{display: flex; flex-direction: column; gap: 12px; max-width: 800px; align-self: center; text-align: center}
.s64{margin: 0; font-family: var(--display); font-size: 48px; line-height: 1.1; font-weight: 800}
.s65{display: flex; flex-wrap: wrap; gap: 48px; align-items: center}
.s66{flex: 1 1 420px; min-width: 0; display: flex; flex-direction: column; gap: 14px}
.s67{margin: 0; font-size: 14px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #0768D7}
.s68{margin: 0; font-family: var(--display); font-size: 34px; line-height: 1.15; font-weight: 800}
.s69{margin: 0; font-size: 18px; line-height: 1.6; color: #3D5170}
.s70{margin: 0; padding-left: 20px; font-size: 17px; line-height: 1.9; color: #0B2854}
.s71{flex: 1 1 460px; min-width: 0; background: #F4F7FB; border-radius: 24px; padding: 24px; box-sizing: border-box}
.s72{background: #FFFFFF; border-radius: 16px; box-shadow: 0 12px 36px rgba(11,40,84,.10); padding: 20px; display: flex; flex-direction: column; gap: 10px}
.s73{display: flex; justify-content: space-between; align-items: center}
.s74{font-family: var(--display); font-weight: 800; font-size: 19px}
.s75{height: 8px; border-radius: 4px; background: #E6ECF3}
.s76{width: 17%; height: 8px; border-radius: 4px; background: #1B7F55}
.s77{border: 2px solid #0768D7; border-radius: 12px; padding: 12px 14px; display: flex; gap: 12px; align-items: center}
.s78{font-weight: 800; color: #0768D7}
.s79{flex: 1; min-width: 0}
.s80{font-weight: 700; font-size: 15px}
.s81{font-size: 12px; font-weight: 700; padding: 5px 10px; border-radius: 999px; background: #EAF2FD; color: #0757B5}
.s82{border: 1px solid #E1E8F0; border-radius: 12px; padding: 12px 14px; display: flex; gap: 12px; align-items: center}
.s83{font-weight: 800; color: #52627A}
.s84{font-weight: 600; font-size: 15px}
.s85{font-size: 12px; font-weight: 600; color: #52627A}
.s86{display: flex; flex-wrap: wrap-reverse; gap: 48px; align-items: center}
.s87{background: #FFFFFF; border-radius: 16px; box-shadow: 0 12px 36px rgba(11,40,84,.10); padding: 20px; display: flex; flex-direction: column; gap: 12px}
.s88{font-family: var(--display); font-weight: 800; font-size: 18px}
.s89{display: flex; flex-wrap: wrap; gap: 8px}
.s90{font-size: 13px; font-weight: 600; padding: 6px 12px; border-radius: 8px; border: 2px solid #0768D7; background: #EAF2FD}
.s91{font-size: 13px; padding: 6px 12px; border-radius: 8px; border: 2px solid #E1E8F0}
.s92{display: flex; gap: 12px; align-items: center; font-size: 15px}
.s93{width: 22px; height: 22px; border-radius: 6px; background: #1B7F55; display: grid; place-items: center}
.s94{width: 22px; height: 22px; border-radius: 6px; border: 2px solid #C9D4E2; box-sizing: border-box}
.s95{display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #E6ECF3; padding-top: 12px; font-size: 13px; color: #52627A}
.s96{background: #0768D7; color: #FFFFFF; font-weight: 600; padding: 8px 14px; border-radius: 8px}
.s97{margin: 0; padding-left: 20px; font-size: 17px; line-height: 1.9}
.s98{background: #FFFFFF; border-radius: 16px; box-shadow: 0 12px 36px rgba(11,40,84,.10); padding: 20px; display: flex; flex-direction: column; gap: 4px; font-size: 14px}
.s99{font-family: var(--display); font-weight: 800; font-size: 18px; margin-bottom: 8px}
.s100{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding: 8px 0; font-size: 12px; font-weight: 700; color: #52627A; border-bottom: 1px solid #E6ECF3}
.s101{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding: 10px 0; border-bottom: 1px solid #F0F3F7}
.s102{font-weight: 600}
.s103{color: #1B7F55; font-weight: 600}
.s104{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding: 10px 0; background: #FFF7EA; border-radius: 8px}
.s105{font-weight: 600; padding-left: 6px}
.s106{color: #7A4B00; font-weight: 700}
.s107{font-size: 11px; color: #52627A; margin-top: 8px}
.s108{display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px}
.s109{border: 1px solid #E1E8F0; border-radius: 18px; padding: 26px; display: flex; flex-direction: column; gap: 10px}
.s110{margin: 0; font-family: var(--display); font-size: 20px; font-weight: 800}
.s111{margin: 0; font-size: 16px; line-height: 1.55; color: #3D5170}
.s112{background: #F4F7FB; padding: 96px 24px}
.s113{max-width: 1200px; margin: 0 auto; display: flex; flex-direction: column; gap: 28px}
.s114{display: flex; flex-wrap: wrap; gap: 24px; align-items: flex-end; justify-content: space-between}
.s115{flex: 1 1 520px; min-width: 0; display: flex; flex-direction: column; gap: 12px}
.s116{flex: 0 1 360px; min-width: 0; display: flex; flex-direction: column; gap: 6px}
.s117{font-size: 14px; font-weight: 600}
.s118{font: inherit; font-size: 17px; padding: 12px 14px; min-height: 48px; box-sizing: border-box; border: 2px solid #C9D4E2; border-radius: 10px; background: #FFFFFF}
.s119{margin: 0; padding: 20px; border-radius: 14px; background: #FFFFFF; font-size: 17px}
.s120{margin: 0; font-size: 15px; color: #3D5170}
.s121{background: #0B2854; color: #FFFFFF; padding: 88px 24px; margin-top: 56px}
.s122{max-width: 1200px; margin: 0 auto; display: flex; flex-direction: column; gap: 40px}
.s123{display: flex; flex-direction: column; gap: 12px; max-width: 760px}
.s124{margin: 0; font-size: 15px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #9CC4F5}
.s125{display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 28px}
.s126{display: flex; flex-direction: column; gap: 10px}
.s127{width: 44px; height: 44px; border-radius: 50%; background: #FFFFFF; color: #0B2854; display: grid; place-items: center; font-weight: 800; font-size: 18px}
.s128{margin: 0; font-family: var(--display); font-size: 22px; font-weight: 800}
.s129{margin: 0; font-size: 17px; line-height: 1.55; color: #D9E3F0}
.s130{margin: 0; padding: 16px 20px; border-radius: 12px; background: rgba(255,255,255,.08); font-size: 16px; line-height: 1.5; color: #E8EEF6}
.s131{max-width: 1200px; margin: 0 auto; padding: 96px 24px; display: flex; flex-direction: column; gap: 32px}
.s132{display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px}
.s133{background: #F4F7FB; border-radius: 20px; padding: 28px; display: flex; flex-direction: column; gap: 12px}
.s134{max-width: 1000px; margin: 0 auto; display: flex; flex-direction: column; gap: 28px}
.s135{margin: 0; font-family: var(--display); font-size: 42px; line-height: 1.1; font-weight: 800; text-align: center}
.s136{overflow-x: auto; background: #FFFFFF; border-radius: 20px; border: 1px solid #E1E8F0}
.s137{width: 100%; min-width: 640px; border-collapse: collapse; font-size: 16px}
.s138{text-align: left}
.s139{padding: 18px 20px; border-bottom: 1px solid #E1E8F0}
.s140{padding: 18px 20px; border-bottom: 1px solid #E1E8F0; color: #52627A}
.s141{padding: 18px 20px; border-bottom: 1px solid #E1E8F0; background: #EAF2FD; color: #0757B5}
.s142{text-align: left; padding: 16px 20px; border-bottom: 1px solid #F0F3F7; font-weight: 600}
.s143{padding: 16px 20px; border-bottom: 1px solid #F0F3F7; color: #52627A}
.s144{padding: 16px 20px; border-bottom: 1px solid #F0F3F7; background: #F5F9FE; font-weight: 600}
.s145{text-align: left; padding: 16px 20px; font-weight: 600}
.s146{padding: 16px 20px; color: #52627A}
.s147{padding: 16px 20px; background: #F5F9FE; font-weight: 600}
.s148{margin: 0; font-size: 15px; line-height: 1.55; color: #3D5170; text-align: center}
.s149{max-width: 1200px; margin: 0 auto; padding: 104px 24px; display: flex; flex-direction: column; gap: 56px}
.s150{display: flex; flex-wrap: wrap; gap: 32px 64px}
.s151{flex: 1 1 380px; min-width: 0; display: flex; flex-direction: column; gap: 14px}
.s152{margin: 0; font-family: var(--display); font-size: 48px; line-height: 1.08; font-weight: 800}
.s153{flex: 1 1 520px; min-width: 0; display: flex; flex-direction: column; gap: 16px}
.s154{margin: 0; font-size: 20px; line-height: 1.6; color: #0B2854}
.s155{margin: 0; font-size: 18px; line-height: 1.65; color: #3D5170}
.s156{margin: 0; font-size: 18px; line-height: 1.65; color: #0B2854; font-weight: 600}
.s157{display: flex; flex-wrap: wrap; gap: 24px 32px; align-items: center; background: #F4F7FB; border-radius: 24px; padding: 28px}
.s158{width: 140px; height: 140px; border-radius: 50%; object-fit: cover; display: block; flex: none}
.s159{flex: 1 1 360px; min-width: 0; display: flex; flex-direction: column; gap: 6px}
.s160{font-family: var(--display); font-size: 24px; font-weight: 800}
.s161{font-size: 16px; font-weight: 600; color: #0768D7}
.s162{font-size: 16px; line-height: 1.55; color: #3D5170}
.s163{flex: none; color: #0B2854; text-decoration: none; font-weight: 700; font-size: 16px; padding: 13px 20px; border-radius: 12px; border: 2px solid #C9D4E2; background: #FFFFFF}
.s164{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(420px, 100%), 1fr)); gap: 48px 64px; border-top: 1px solid #E1E8F0; padding-top: 48px}
.s165{display: flex; flex-direction: column; gap: 14px}
.s166{margin: 0; font-family: var(--display); font-size: 24px; line-height: 1.2; font-weight: 800}
.s167{margin: 0; font-size: 17px; line-height: 1.7; color: #3D5170}
.s168{background: #0B2854; color: #FFFFFF; border-radius: 28px; padding: 48px 40px; display: flex; flex-wrap: wrap; gap: 24px 40px; align-items: center; justify-content: space-between}
.s169{margin: 0; flex: 1 1 520px; font-family: var(--display); font-size: 34px; line-height: 1.2; font-weight: 800}
.s170{background: #FFFFFF; color: #0B2854; text-decoration: none; font-weight: 700; font-size: 17px; padding: 15px 26px; border-radius: 12px}
.s171{max-width: 1200px; margin: 0 auto; padding: 96px 24px; display: flex; flex-wrap: wrap; gap: 48px; align-items: center}
.s172{flex: 1 1 400px; min-width: 0; border: 2px solid #0768D7; border-radius: 24px; padding: 34px; display: flex; flex-direction: column; gap: 16px; box-shadow: 0 18px 50px rgba(7,104,215,.12)}
.s173{font-family: var(--display); font-weight: 800; font-size: 20px}
.s174{display: flex; align-items: baseline; gap: 8px}
.s175{font-family: var(--display); font-size: 56px; font-weight: 800}
.s176{font-size: 18px; color: #3D5170}
.s177{margin: 0; font-size: 16px; font-weight: 600; color: #1B7F55}
.s178{margin: 0; padding-left: 20px; font-size: 17px; line-height: 1.85}
.s179{align-self: stretch; text-align: center; background: #0768D7; color: #FFFFFF; text-decoration: none; font-weight: 600; font-size: 17px; padding: 15px 24px; border-radius: 12px}
.s180{background: #F4F7FB; padding: 88px 24px}
.s181{max-width: 860px; margin: 0 auto; display: flex; flex-direction: column; gap: 14px}
.s182{margin: 0 0 10px; font-family: var(--display); font-size: 42px; font-weight: 800}
.s183{background: #FFFFFF; border-radius: 14px; padding: 18px 22px}
.s184{font-weight: 600; font-size: 18px; cursor: pointer}
.s185{margin: 10px 0 0; font-size: 16px; line-height: 1.55; color: #3D5170}
.s186{background: #0B2854; color: #FFFFFF; padding: 96px 24px}
.s187{max-width: 760px; margin: 0 auto; display: flex; flex-direction: column; gap: 18px; align-items: center; text-align: center}
.s188{margin: 0; font-size: 19px; color: #D9E3F0}
.s189{padding: 48px 24px 32px}
.s190{display: flex; flex-wrap: wrap; gap: 32px 64px; justify-content: space-between}
.s191{display: flex; flex-direction: column; gap: 12px; max-width: 320px}
.s192{width: 220px; height: auto; display: block}
.s193{font-size: 14px; line-height: 1.5; color: #52627A}
.s194{display: flex; flex-wrap: wrap; gap: 24px 64px; font-size: 15px}
.s195{font-weight: 700}
.s196{border-top: 1px solid #E1E8F0; padding-top: 18px; font-size: 13px; color: #52627A}
@media (max-width: 900px){.has-js .menu-btn{display:inline-flex}#site-nav{flex-basis:100%;flex-direction:column;align-items:stretch;gap:4px}.has-js #site-nav{display:none}.has-js #site-nav.open{display:flex}#site-nav a{padding:12px 4px}}
@media (max-width: 600px){h1{font-size:44px !important}h2{font-size:34px !important}.mock-side{display:none !important}}
@media (max-width: 360px){#pricing div{flex-wrap:wrap}}
[role=region][tabindex]:focus-visible{outline:3px solid #0051CD;outline-offset:3px}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
/* Cookie banner and the footer "Cookie settings" button, appended to styles.css and home.css by build.py. */
.cookie-banner{position:fixed;z-index:50;left:max(16px,env(safe-area-inset-left,0px));right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));max-width:600px;margin-inline:auto;display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:12px 14px 12px 18px;background:#FFFFFF;color:#0B2854;border:1px solid #D5DEEA;border-radius:14px;box-shadow:0 8px 28px rgba(11,40,84,.14);font-size:14px;line-height:1.5}
.cookie-banner[hidden],.cookie-settings[hidden]{display:none}
.cookie-banner p{flex:1 1 280px;margin:0;color:#152A45}
.cookie-banner a{color:#0051CD;text-decoration:underline;text-underline-offset:3px}
.cookie-actions{display:flex;flex-wrap:wrap;gap:8px}
.cookie-actions button{min-height:44px;min-width:96px;padding:8px 16px;border-radius:10px;font:inherit;font-weight:600;cursor:pointer;border:1.5px solid #6B7F99;background:#FFFFFF;color:#0B2854}
/* Decline and Accept look the same, so neither choice is pushed. */
.cookie-actions button:hover{border-color:#0B2854;background:#F3F6FB}
.cookie-actions button:focus-visible,.cookie-settings:focus-visible{outline:3px solid #0051CD;outline-offset:3px}
.cookie-settings{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:left}
/* The homepage footer underlines its links in the link blue; the other pages' footer links are plain. */
nav[aria-label="Footer"] .cookie-settings{color:#0768D7;text-decoration:underline}nav[aria-label="Footer"] .cookie-settings:hover{color:#0B2854}