body{margin:0;background:#F5F3EE}
*{box-sizing:border-box}
a{color:#0F2A47}a:hover{color:#7D5F1C}
::selection{background:#C4A052;color:#0F2A47}
:focus-visible{outline:2px solid #C4A052;outline-offset:3px}
button{font:inherit}

@keyframes rise{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}
@keyframes draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes kb{from{transform:scale(1.04)}to{transform:scale(1.14) translate(-2%,-1.5%)}}
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes drain{from{stroke-dashoffset:0}to{stroke-dashoffset:553}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes fadein{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

.h-line{display:block;opacity:0;animation:rise 1s cubic-bezier(.2,.7,.1,1) forwards}
.d1{animation-delay:.15s}.d2{animation-delay:.32s}.d3{animation-delay:.49s}.d4{animation-delay:.75s}.d5{animation-delay:.95s}
.rule-draw{transform-origin:left;transform:scaleX(0);animation:draw 1.3s .9s cubic-bezier(.7,0,.2,1) forwards}
.kb{animation:kb 26s ease-in-out infinite alternate}
.marq{animation:marquee 46s linear infinite}
.ring{animation:drain 28s linear infinite}
.blink{animation:pulse 1.6s ease-in-out infinite}
.swap{animation:fadein .6s cubic-bezier(.2,.7,.1,1) both}
@supports (animation-timeline: view()){
.rv{animation:rise linear both;animation-timeline:view();animation-range:entry 0% cover 22%}
}

.navlink{color:#DCE4EC;text-decoration:none;position:relative;padding:10px 0;background:none;border:0;cursor:pointer;font:500 15px 'Archivo',sans-serif;letter-spacing:.01em;display:inline-flex;align-items:center;gap:6px}
.navlink::after{content:'';position:absolute;left:0;bottom:4px;height:2px;width:100%;background:#C4A052;transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.7,.1,1)}
.navlink:hover{color:#fff}.navlink:hover::after,.navlink.is-on::after{transform:scaleX(1)}
.navlink.is-on{color:#fff}

.btn{display:inline-flex;align-items:center;gap:14px;min-height:52px;padding:0 28px;text-decoration:none;font:600 15px 'Archivo',sans-serif;letter-spacing:.02em;cursor:pointer;border:0;transition:background .3s,color .3s,border-color .3s}
.btn .arr{transition:transform .35s cubic-bezier(.2,.7,.1,1)}
.btn:hover .arr{transform:translateX(5px)}
@media (max-width:700px){.stats{grid-template-columns:1fr 1fr!important}.stats>div:nth-child(2){grid-column:1/-1;order:-1}}.btn-red{background:#C4A052;color:#0F2A47}.btn-red:hover{background:#AE8B3E;color:#0F2A47}
.btn-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35)}.btn-ghost:hover{background:rgba(255,255,255,.08);color:#fff;border-color:#fff}
.btn-ink{background:#0F2A47;color:#fff}.btn-ink:hover{background:#1F4470;color:#fff}
.tlink{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font:600 14px 'Archivo',sans-serif;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:4px}

.desk{display:flex}.mob{display:none}
@media (max-width:980px){.desk{display:none}.mob{display:inline-flex}}

.svcbtn{display:grid;grid-template-columns:64px minmax(0,1fr) 28px;align-items:start;gap:0;width:100%;text-align:left;padding:28px 28px 26px;border:0;border-top:1px solid #D6D2C8;background:transparent;color:#0F2A47;cursor:pointer;transition:background .4s,color .4s}
.svcbtn:hover{background:#E8E5DE}
.svcbtn.is-on{background:#0F2A47;color:#fff}
.svcbtn .sn{font:500 13px 'IBM Plex Mono',monospace;color:#7D5F1C;padding-top:8px}
.svcbtn.is-on .sn{color:#D8BB72}
.svcbtn .ssub{color:#55657A;transition:color .4s}
.svcbtn.is-on .ssub{color:#A3B3C6}
.svcbtn .sbar{display:block;height:2px;width:72px;background:#C4A052;margin-top:18px;transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.2,.7,.1,1)}
.svcbtn.is-on .sbar{transform:scaleX(1)}
.svcbtn .sarr{opacity:.35;padding-top:8px;transition:transform .4s,opacity .4s}
.svcbtn.is-on .sarr{opacity:1;transform:translateX(4px);color:#D8BB72}

.outline{color:transparent;-webkit-text-stroke:1px rgba(15,42,71,.14)}

.aud{position:relative;padding:44px 32px 40px;border-top:1px solid rgba(255,255,255,.14);transition:background .45s}
.aud:hover{background:rgba(255,255,255,.035)}
.aud .abar{position:absolute;left:0;top:-1px;height:2px;width:100%;background:#C4A052;transform:scaleX(0);transform-origin:left;transition:transform .7s cubic-bezier(.2,.7,.1,1)}
.aud:hover .abar{transform:scaleX(1)}

.track{position:relative}
.track .rail{position:absolute;left:0;right:0;top:7px;height:2px;background:#D6D2C8}
.track .fill{position:absolute;left:0;top:7px;height:2px;background:#C4A052;width:8.33%;transition:width .8s cubic-bezier(.2,.7,.1,1)}
.track.s1 .fill{width:25%}.track.s2 .fill{width:41.67%}.track.s3 .fill{width:58.33%}.track.s4 .fill{width:75%}.track.s5 .fill{width:91.67%}
.stg{display:flex;flex-direction:column;align-items:center;gap:18px;background:none;border:0;cursor:pointer;padding:0 6px;color:#66768B;text-align:center;min-height:44px}
.stg .dot{width:16px;height:16px;border-radius:50%;border:2px solid #B7B2A7;background:#F5F3EE;transition:all .4s}
.stg.is-done .dot{background:#C4A052;border-color:#C4A052}
.stg.is-on .dot{background:#0F2A47;border-color:#C4A052;box-shadow:0 0 0 7px rgba(196,160,82,.18)}
.stg .stt{font:600 16px 'Archivo',sans-serif;transition:color .3s}
.stg:hover .stt,.stg.is-on .stt{color:#0F2A47}
.stg .stn{font:500 12px 'IBM Plex Mono',monospace;letter-spacing:.08em}
.stg.is-on .stn{color:#7D5F1C}

.eng{position:relative;padding:44px 36px 40px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.02);transition:transform .5s cubic-bezier(.2,.7,.1,1),border-color .5s,background .5s}
.eng:hover{transform:translateY(-6px);border-color:#C4A052;background:rgba(196,160,82,.05)}

.pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr));grid-auto-rows:330px;gap:16px}
@media (min-width:1000px){.feat{grid-column:span 2;grid-row:span 2}}
.pcard{position:relative;overflow:hidden;display:block;text-decoration:none;color:#fff;background:#0F2A47}
.pcard:hover{color:#fff}
.pcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08);opacity:.55;transition:transform 1.4s cubic-bezier(.2,.7,.1,1),filter .9s,opacity .9s}
.pcard:hover img{transform:scale(1.07);filter:grayscale(0);opacity:.9}
.pcard .pscrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,32,54,0) 25%,rgba(10,32,54,.94) 100%)}
.pcard .pbar{display:block;width:40px;height:3px;background:#C4A052;transition:width .6s cubic-bezier(.2,.7,.1,1)}
.pcard:hover .pbar{width:140px}
.pcard .pmore{max-height:0;opacity:0;overflow:hidden;transition:max-height .6s,opacity .5s}
.pcard:hover .pmore,.pcard:focus .pmore{max-height:220px;opacity:1}

.chip{min-height:44px;padding:0 20px;border:1px solid #CBC6BB;border-radius:999px;background:transparent;color:#0F2A47;cursor:pointer;font:500 14px 'Archivo',sans-serif;display:inline-flex;align-items:center;gap:10px;transition:all .3s}
.chip:hover{border-color:#0F2A47}
.chip.is-on{background:#0F2A47;color:#fff;border-color:#0F2A47}
.chip .cc{font:500 12px 'IBM Plex Mono',monospace;opacity:.6}

.irow{position:relative;display:grid;grid-template-columns:64px minmax(0,1.8fr) minmax(0,1fr) minmax(0,.7fr) minmax(0,.6fr);align-items:center;gap:16px;padding:22px 8px;border-top:1px solid #D6D2C8;transition:background .35s,padding .35s}
.irow:hover{background:#E8E5DE;padding-left:22px}
.irow::before{content:'';position:absolute;left:0;top:-1px;height:2px;width:100%;background:#C4A052;transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.2,.7,.1,1)}
.irow:hover::before{transform:scaleX(1)}
@media (max-width:760px){.irow{grid-template-columns:44px minmax(0,1fr) auto}.irow .hs{display:none}}

.cli{display:flex;align-items:baseline;gap:14px;font:400 clamp(22px,1.8vw,26px)/1.2 'Instrument Serif',Georgia,serif;letter-spacing:-0.005em;color:#0F2A47;transition:color .35s}.cli::before{content:'';flex:none;width:6px;height:6px;background:#C4A052;transform:translateY(-0.28em) rotate(45deg)}
p{text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.cli:hover{color:#7D5F1C}@media (min-width:900px){.cliwall{grid-template-columns:repeat(5,minmax(0,1fr))!important;column-gap:24px!important}}@media (min-width:1200px){.cli{white-space:nowrap}}

.ins{position:relative;display:flex;flex-direction:column;gap:20px;padding:36px 32px 32px;background:#fff;border:1px solid #E1DDD4;text-decoration:none;color:#0F2A47;min-height:360px;transition:transform .5s cubic-bezier(.2,.7,.1,1),box-shadow .5s}
.ins:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(15,42,71,.35);color:#0F2A47}
.ins .ibar{display:block;height:3px;width:32px;background:#C4A052;transition:width .6s cubic-bezier(.2,.7,.1,1)}
.ins:hover .ibar{width:100%}

.fld{width:100%;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.28);color:#fff;padding:12px 0 14px;font:400 17px 'Archivo',sans-serif;outline:none;transition:border-color .3s;border-radius:0}
.fld:focus{border-bottom-color:#C4A052}
.fld::placeholder{color:#8494A8}
.fld option{color:#0F2A47}
.flab{display:flex;flex-direction:column;gap:4px;font:500 11px 'IBM Plex Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:#A3B3C6}

.flink{color:#A3B3C6;text-decoration:none;font:400 15px 'Archivo',sans-serif;transition:color .3s}
.flink:hover{color:#D8BB72}
.mlink{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:#fff;padding:20px 0;border-top:1px solid rgba(255,255,255,.14);transition:color .3s}
.mlink:hover{color:#D8BB72}

.still,.still *{animation:none!important}
.still .h-line,.still .rv{opacity:1!important;transform:none!important}
.still .rule-draw{transform:none!important}
@media (prefers-reduced-motion:reduce){
*{animation:none!important;transition:none!important}
.h-line,.rv{opacity:1!important;transform:none!important}
.rule-draw{transform:none!important}
}

[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:96px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}