:root{color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#F5F4EF}
img,svg{max-width:100%}
a{color:#2447D6;text-decoration:none}
a:hover{text-decoration:underline}
.btn:hover,.btnghost:hover,.card:hover,.inscard:hover,.role:hover,.brand:hover{text-decoration:none}
.btn:hover{background:#132C9E}
.card:hover,.inscard:hover,.role:hover{border-color:#9AA6C4}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8FA6FF;outline-offset:2px}
[hidden]{display:none !important}
.list li::marker{color:#2447D6}
.listlt li::marker{color:#8FA6FF}
.skip{position:absolute;left:-999px;top:0;background:#fff;color:#14171F;padding:12px 16px;z-index:10}
.skip:focus{left:12px;top:12px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.page{width: 100%; font-family: 'IBM Plex Sans', 'Helvetica Neue', sans-serif; color: #14171F; background: #F5F4EF;}
.util{background: #06122A; color: #C9D2E3; font-size: 13px;}
.wrap{max-width: 1280px; margin: 0 auto; padding: 0 40px; box-sizing: border-box;}
.utilrow{display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 10px 0;}
.utillinks{display: flex; gap: 28px; align-items: center;}
.ulink{color: #C9D2E3;}
.ulinkstrong{color: #FFFFFF; font-weight: 600;}
.header{background: #0A1A33; color: #FFFFFF; border-bottom: 1px solid #1E3050;}
.headrow{height: 84px; display: flex; align-items: center; justify-content: space-between; gap: 32px;}
.brand{display: flex; align-items: center; gap: 12px; color: #FFFFFF;}
.brandname{font-family: 'Bricolage Grotesque', Georgia, serif; font-size: 26px; font-weight: 700; letter-spacing: -0.5px;}
.nav{display: flex; gap: 32px; font-size: 15px; font-weight: 500;}
.navlink{color: #FFFFFF; padding: 8px 0; border-bottom: 2px solid transparent;}
.navon{border-bottom: 2px solid #8FA6FF;}
.btn{display: inline-block; background: #2447D6; color: #FFFFFF; padding: 15px 26px; border-radius: 6px; font-weight: 600; font-size: 16px; border: none; font-family: inherit; cursor: pointer; text-align: center;}
.btnghost{display: inline-block; background: transparent; color: #FFFFFF; padding: 14px 26px; border-radius: 6px; font-weight: 600; font-size: 16px; border: 1px solid #5C6F92; text-align: center;}
.headcta{}
.menubtn{display: none; width: 44px; height: 44px; align-items: center; justify-content: center; background: transparent; border: 1px solid #5C6F92; border-radius: 6px; color: #FFFFFF; cursor: pointer; padding: 0;}
.mnav{background: #0A1A33; border-bottom: 1px solid #1E3050;}
.mnavlist{display: flex; flex-direction: column; padding: 4px 20px 20px;}
.mnavlink{color: #FFFFFF; padding: 14px 0; font-size: 17px; border-bottom: 1px solid #1E3050;}
.phero{background: #0A1A33; color: #FFFFFF;}
.pherobody{padding: 80px 0 88px; display: flex; flex-direction: column; gap: 20px; max-width: 820px;}
.crumb{font-size: 14px; color: #9FB3D9; display: flex; gap: 8px;}
.crumblink{color: #9FB3D9; text-decoration: underline;}
.h1{font-family: 'Bricolage Grotesque', Georgia, serif; margin: 0; font-size: 60px; line-height: 1.05; font-weight: 700; letter-spacing: -1.2px;}
.lead{margin: 0; font-size: 19px; line-height: 1.6; color: #C9D2E3; max-width: 680px;}
.sec{padding: 96px 0;}
.secwhite{background: #FFFFFF; border-top: 1px solid #E2E0D8; border-bottom: 1px solid #E2E0D8;}
.secdark{background: #0A1A33; color: #FFFFFF;}
.sechead{display: flex; flex-direction: column; gap: 14px; max-width: 720px; margin-bottom: 48px;}
.kicker{font-size: 15px; font-weight: 600; color: #2447D6;}
.kickerlt{font-size: 15px; font-weight: 600; color: #9FB3D9;}
.h2{font-family: 'Bricolage Grotesque', Georgia, serif; margin: 0; font-size: 44px; line-height: 1.1; font-weight: 700; letter-spacing: -1px;}
.h3{font-family: 'Bricolage Grotesque', Georgia, serif; margin: 0; font-size: 22px; line-height: 1.25; font-weight: 700;}
.p{margin: 0; font-size: 16px; line-height: 1.6; color: #4A5263;}
.plt{margin: 0; font-size: 16px; line-height: 1.6; color: #C9D2E3;}
.grid2{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px;}
.grid3{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px;}
.grid4{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px;}
.card{background: #FFFFFF; border: 1px solid #E2E0D8; border-radius: 12px; padding: 28px; display: flex; flex-direction: column; gap: 14px; box-sizing: border-box; color: #14171F;}
.list{margin: 0; padding: 0 0 0 18px; display: flex; flex-direction: column; gap: 8px; font-size: 15px; line-height: 1.5; color: #2E3444;}
.listlt{margin: 0; padding: 0 0 0 18px; display: flex; flex-direction: column; gap: 8px; font-size: 15px; line-height: 1.5; color: #E3E8F2;}
.svcrow{display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 48px; padding: 40px 0; border-top: 1px solid #D8D5CA;}
.svctitle{display: flex; gap: 16px; align-items: flex-start;}
.svcbody{display: flex; flex-direction: column; gap: 18px;}
.cta{background: #0A1A33; color: #FFFFFF;}
.ctarow{display: flex; justify-content: space-between; align-items: center; gap: 32px; padding: 64px 0;}
.ctatext{display: flex; flex-direction: column; gap: 10px; max-width: 640px;}
.ctah{font-family: 'Bricolage Grotesque', Georgia, serif; margin: 0; font-size: 34px; line-height: 1.15; font-weight: 700;}
.foot{background: #06122A; color: #C9D2E3;}
.footgrid{display: grid; grid-template-columns: 1.4fr repeat(4, minmax(0, 1fr)); gap: 40px; padding: 72px 0 48px;}
.footcol{display: flex; flex-direction: column; gap: 12px; font-size: 15px; line-height: 1.5;}
.footbrand{display: flex; flex-direction: column; gap: 16px;}
.foothead{color: #FFFFFF; font-weight: 600;}
.flink{color: #C9D2E3;}
.flinkstrong{color: #FFFFFF; font-weight: 600;}
.footbase{display: flex; justify-content: space-between; gap: 24px; padding: 24px 0 40px; border-top: 1px solid #1E3050; font-size: 13px;}
.footlegal{display: flex; gap: 24px;}
.hherogrid{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 64px; align-items: center; padding: 96px 0 88px;}
.hherotext{display: flex; flex-direction: column; gap: 26px;}
.hh1{font-family: 'Bricolage Grotesque', Georgia, serif; margin: 0; font-size: 66px; line-height: 1.02; font-weight: 700; letter-spacing: -1.5px;}
.btnrow{display: flex; gap: 16px; flex-wrap: wrap;}
.heroart{background: #0F2344; border: 1px solid #1E3050; border-radius: 16px; padding: 28px; display: flex; flex-direction: column; gap: 22px;}
.chipgrid{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px;}
.chip{border: 1px solid #1E3050; border-radius: 10px; padding: 14px 16px; font-size: 15px; color: #E3E8F2;}
.platrow{display: flex; align-items: center; justify-content: space-between; gap: 32px; flex-wrap: wrap; padding: 32px 0;}
.platlbl{font-size: 14px; color: #4A5263; font-weight: 500; max-width: 220px;}
.platlist{font-family: 'Bricolage Grotesque', Georgia, serif; display: flex; gap: 44px; flex-wrap: wrap; font-size: 21px; font-weight: 700; color: #3A4152;}
.statband{background: #2447D6; color: #FFFFFF;}
.statgrid{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; padding: 56px 0;}
.stat{display: flex; flex-direction: column; gap: 6px;}
.statnum{font-family: 'Bricolage Grotesque', Georgia, serif; font-size: 48px; font-weight: 700;}
.statlbl{font-size: 16px;}
.tabwrap{display: grid; grid-template-columns: 320px minmax(0, 1fr); gap: 40px;}
.tablist{display: flex; flex-direction: column; gap: 6px;}
.tab{text-align: left; font-family: inherit; font-size: 17px; font-weight: 600; padding: 16px 20px; border-radius: 8px; border: 1px solid #E2E0D8; background: #FFFFFF; color: #14171F; cursor: pointer; min-height: 52px;}
.tabon{background: #0A1A33; color: #FFFFFF; border: 1px solid #0A1A33;}
.panel{background: #0A1A33; color: #FFFFFF; border-radius: 16px; padding: 44px; display: flex; flex-direction: column; gap: 24px;}
.panelh{font-family: 'Bricolage Grotesque', Georgia, serif; margin: 0; font-size: 34px; line-height: 1.1; font-weight: 700;}
.points{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px;}
.point{border-top: 2px solid #8FA6FF; padding-top: 14px; font-size: 16px; line-height: 1.5; color: #E3E8F2;}
.steps{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; border-top: 1px solid #C9C6BA;}
.step{display: flex; flex-direction: column; gap: 12px; padding-top: 28px;}
.stepn{font-family: 'Bricolage Grotesque', Georgia, serif; font-size: 48px; font-weight: 700; color: #2447D6; line-height: 1;}
.inscard{background: #FFFFFF; border: 1px solid #E2E0D8; border-radius: 12px; overflow: hidden; display: flex; flex-direction: column; color: #14171F;}
.insthumb{height: 160px; display: flex; align-items: flex-end; padding: 20px; box-sizing: border-box;}
.t1{background: #1C3A6E;}
.t2{background: #2F5D50;}
.t3{background: #6B3E26;}
.tag{background: #FFFFFF; color: #14171F; font-size: 13px; font-weight: 600; padding: 6px 10px; border-radius: 4px;}
.insbody{padding: 24px; display: flex; flex-direction: column; gap: 10px;}
.meta{font-size: 13px; color: #5A6273;}
.darkcard{border: 1px solid #2B4470; border-radius: 12px; padding: 28px; display: flex; flex-direction: column; gap: 12px;}
.fit{font-size: 14px; color: #9FB3D9;}
.salesbar{display: flex; justify-content: space-between; align-items: center; gap: 24px; background: #0F2344; border: 1px solid #1E3050; border-radius: 12px; padding: 28px 32px; margin-top: 32px;}
.salestext{font-size: 18px; font-weight: 500;}
.quote{font-family: 'Bricolage Grotesque', Georgia, serif; margin: 0; font-size: 32px; line-height: 1.3; font-weight: 500; text-align: center; max-width: 900px;}
.quotewrap{display: flex; flex-direction: column; gap: 20px; align-items: center; text-align: center;}
.contactgrid{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 64px;}
.contactinfo{display: flex; flex-direction: column; gap: 22px;}
.inforow{display: flex; flex-direction: column; gap: 4px; font-size: 16px; line-height: 1.5;}
.infolabel{font-size: 13px; color: #5A6273; font-weight: 600;}
.formgrid{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; background: #F5F4EF; border: 1px solid #E2E0D8; border-radius: 16px; padding: 40px;}
.formwhite{background: #FFFFFF;}
.field{display: flex; flex-direction: column; gap: 8px;}
.full{grid-column: 1 / -1;}
.label{font-size: 14px; font-weight: 600;}
.input{height: 48px; border: 1px solid #B9B6AA; border-radius: 6px; padding: 0 14px; font-family: inherit; font-size: 16px; background: #FFFFFF; width: 100%; box-sizing: border-box; color: #14171F;}
.textarea{min-height: 140px; border: 1px solid #B9B6AA; border-radius: 6px; padding: 12px 14px; font-family: inherit; font-size: 16px; background: #FFFFFF; width: 100%; box-sizing: border-box; color: #14171F;}
.btnfull{grid-column: 1 / -1; height: 54px;}
.note{font-size: 13px; color: #5A6273; grid-column: 1 / -1; margin: 0;}
.mapbox{min-height: 300px; border-radius: 12px; background: #DCE3EF; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 32px; text-align: center; box-sizing: border-box;}
.roles{display: flex; flex-direction: column; gap: 12px;}
.role{display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 20px 24px; background: #FFFFFF; border: 1px solid #E2E0D8; border-radius: 8px; color: #14171F;}
.rolename{font-size: 18px; font-weight: 600;}
.rolemeta{font-size: 14px; color: #4A5263;}
.roleact{font-size: 15px; font-weight: 600; color: #2447D6;}
.avatar{width: 64px; height: 64px; border-radius: 50%; background: #DCE3EF;}
.split{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 64px; align-items: start;}
.stack{display: flex; flex-direction: column; gap: 18px;}
.big{margin: 0; font-size: 19px; line-height: 1.65; color: #2E3444;}
@media (max-width: 860px){.wrap{padding: 0 20px;}.util{display: none;}.headrow{height: 64px;}.brandname{font-size: 22px;}.nav{display: none;}.headcta{display: none;}.menubtn{display: flex;}.pherobody{padding: 44px 0 52px; gap: 16px;}.h1{font-size: 38px; letter-spacing: -0.8px;}.lead{font-size: 17px;}.sec{padding: 56px 0;}.sechead{margin-bottom: 28px;}.h2{font-size: 30px; letter-spacing: -0.5px;}.grid2{grid-template-columns: minmax(0, 1fr);}.grid3{grid-template-columns: minmax(0, 1fr);}.grid4{grid-template-columns: minmax(0, 1fr);}.svcrow{grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 28px 0;}.ctarow{flex-direction: column; align-items: flex-start; padding: 48px 0;}.ctah{font-size: 26px;}.footgrid{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; padding: 48px 0 32px;}.footbrand{grid-column: 1 / -1;}.footbase{flex-direction: column;}.footlegal{flex-wrap: wrap; gap: 16px;}.hherogrid{grid-template-columns: minmax(0, 1fr); gap: 36px; padding: 44px 0 52px;}.hh1{font-size: 40px; letter-spacing: -0.8px;}.platlist{gap: 16px 24px; font-size: 17px;}.statgrid{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; padding: 40px 0;}.statnum{font-size: 34px;}.tabwrap{grid-template-columns: minmax(0, 1fr); gap: 16px;}.tablist{flex-direction: row; overflow-x: auto; gap: 8px; padding-bottom: 4px;}.tab{white-space: nowrap; font-size: 15px; flex-shrink: 0;}.panel{padding: 28px; gap: 18px;}.panelh{font-size: 26px;}.points{grid-template-columns: minmax(0, 1fr);}.steps{grid-template-columns: minmax(0, 1fr); gap: 8px;}.salesbar{flex-direction: column; align-items: flex-start; padding: 24px;}.quote{font-size: 24px;}.contactgrid{grid-template-columns: minmax(0, 1fr); gap: 40px;}.formgrid{grid-template-columns: minmax(0, 1fr); padding: 24px;}.role{flex-direction: column; align-items: flex-start; gap: 8px;}.split{grid-template-columns: minmax(0, 1fr); gap: 32px;}}