@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/fonts/archivo-latin-wdth-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:Archivo;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/fonts/archivo-latin-ext-wdth-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{--navy:#23427E;--navy-d:#162C57;--cyan:#1E9BE0;--cyan-d:#0F7FC0;--pe:#16191E;--steel:#5A6472;--ink2:#36404D;--zinc:#D6DCE4;--paper:#F2F4F7;--w:80rem;--pad:clamp(1.15rem,4vw,3rem);--hd:5rem}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:6rem}
body{margin:0;font-family:Archivo,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:1.125rem;line-height:1.66;color:var(--pe);background:#fff}
img,svg{display:block;max-width:100%;height:auto}
a{color:var(--navy);text-underline-offset:.18em}
a:hover{color:var(--cyan-d)}
:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
h1,h2,h3{margin:0;font-stretch:75%;font-weight:700;line-height:1.04;letter-spacing:-.01em;text-wrap:balance}
h1{font-size:clamp(2.3rem,5vw,4rem)}
h2{font-size:clamp(1.85rem,3.4vw,2.9rem)}
p{margin:0 0 1em}
.wrap{max-width:var(--w);margin-inline:auto;padding-inline:var(--pad)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;z-index:50;background:var(--pe);color:#fff;padding:.7rem 1rem}
.skip:focus{left:0}
.lead{font-size:clamp(1.2rem,1.7vw,1.45rem);line-height:1.5;max-width:36em;color:var(--ink2)}
.kicker{font-weight:600;color:var(--cyan-d);margin:0 0 .7rem}

.btn{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.75rem 1.4rem;background:var(--cyan);color:#fff;font:inherit;font-weight:600;text-decoration:none;border:2px solid var(--cyan);border-radius:2px;line-height:1.2;cursor:pointer}
.btn:hover{background:var(--navy);border-color:var(--navy);color:#fff}
.btn-ghost{background:transparent;border-color:rgba(255,255,255,.75)}
.btn-ghost:hover{background:#fff;border-color:#fff;color:var(--navy)}
.btn-s{min-height:2.5rem;padding:.45rem 1rem;font-size:.95rem}
.btn-w{background:#fff;color:var(--navy);border-color:#fff}
.btn-w:hover{background:var(--pe);border-color:var(--pe);color:#fff}
.link{display:inline-block;font-weight:650;text-decoration:none;border-bottom:2px solid var(--cyan);padding-bottom:.1rem}
.link:hover{color:var(--cyan-d)}
.link-w{color:#fff}
.link-w:hover{color:#9FD3F5}
.rich + p{margin-top:1.3rem}

.ann{background:var(--pe);color:#fff;font-size:.9rem}
.ann-in{padding-block:.5rem;text-align:center}
.ann a{color:#fff;text-decoration:none}
.ann a:hover{text-decoration:underline}

.hd{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid var(--zinc)}
.hd-in{display:flex;align-items:center;gap:2rem;min-height:var(--hd)}
.hd-logo{display:block;flex:none}
.hd-logo img{width:10.5rem}
.hd-logo-w{display:none}
.hd-menu{display:flex;align-items:center;gap:2rem;margin-left:auto}
.hd-nav ul{display:flex;gap:clamp(1rem,1.8vw,1.9rem);list-style:none;margin:0;padding:0}
.hd-nav a{color:inherit;text-decoration:none;font-weight:520;padding:.35rem 0;border-bottom:2px solid transparent}
.hd-nav a:hover,.hd-nav a[aria-current]{border-bottom-color:var(--cyan)}
.hd-r{display:flex;align-items:center;gap:1.2rem}
.lang{display:flex;gap:.75rem;font-size:.9rem}
.lang a{color:var(--steel);text-decoration:none;font-weight:650}
.lang a[aria-current],.lang a:hover{color:var(--navy)}
.hd-burger{display:none}
.is-home .hd{position:fixed;inset:0 0 auto;background:transparent;border-bottom-color:transparent;color:#fff;transition:background .25s}
.is-home .hd .hd-logo-c{display:none}
.is-home .hd .hd-logo-w{display:block}
.is-home .hd .lang a{color:rgba(255,255,255,.72)}
.is-home .hd .lang a[aria-current],.is-home .hd .lang a:hover{color:#fff}
.is-home .hd.is-solid{background:var(--navy-d)}
.is-home .ann + .hd{top:auto}
@media (max-width:66rem){
  .hd,.is-home .hd{position:sticky}
  .is-home .hd,.is-home .hd.is-solid{background:var(--navy-d);color:#fff;border-bottom-color:transparent}
  .hd-menu{color:var(--pe)}
  .is-home .hd .lang a{color:var(--steel)}
  .is-home .hd .lang a[aria-current]{color:var(--navy)}
  .hd-in{min-height:4.25rem}
  .hd-logo img{width:8.75rem}
  .hd-burger{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;width:2.75rem;height:2.75rem;background:none;border:0;padding:0;color:inherit;cursor:pointer}
  .hd-burger-i,.hd-burger-i::before,.hd-burger-i::after{display:block;width:1.5rem;height:2px;background:currentColor;position:relative;transition:transform .2s}
  .hd-burger-i::before,.hd-burger-i::after{content:"";position:absolute;left:0}
  .hd-burger-i::before{top:-7px}
  .hd-burger-i::after{top:7px}
  .hd-burger[aria-expanded=true] .hd-burger-i{background:transparent}
  .hd-burger[aria-expanded=true] .hd-burger-i::before{transform:translateY(7px) rotate(45deg)}
  .hd-burger[aria-expanded=true] .hd-burger-i::after{transform:translateY(-7px) rotate(-45deg)}
  .hd-menu{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--zinc);flex-direction:column;align-items:stretch;gap:0;padding:.5rem var(--pad) 1.4rem;box-shadow:0 18px 30px rgba(20,30,50,.12)}
  .hd-menu.is-open{display:flex}
  .hd-nav ul{flex-direction:column;gap:0}
  .hd-nav a{display:block;padding:.85rem 0;border-bottom:1px solid var(--zinc);font-size:1.12rem}
  .hd-nav a[aria-current]{border-bottom-color:var(--zinc);color:var(--cyan-d)}
  .hd-r{justify-content:space-between;padding-top:1.1rem}
  .lang{font-size:1rem;gap:1.1rem}
}

.bc{padding-top:1.2rem;font-size:.9rem}
.bc ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.2rem .5rem;color:var(--steel)}
.bc li+li::before{content:"/";margin-right:.5rem;color:var(--zinc)}
.bc a{color:var(--steel);text-decoration:none}
.bc a:hover{color:var(--navy);text-decoration:underline}

.hero{position:relative;color:#fff;background:var(--pe);min-height:min(100svh,58rem);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}
.hero-img,.hero-img img{position:absolute;inset:0;width:100%;height:100%}
.hero-img img{object-fit:cover;object-position:60% 50%}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,22,40,.92) 0%,rgba(14,22,40,.72) 42%,rgba(14,22,40,.12) 78%),linear-gradient(0deg,rgba(14,22,40,.85) 0%,transparent 40%)}
.hero-in{position:relative;z-index:1;padding-top:9rem;padding-bottom:3.5rem}
.hero-k{font-weight:600;color:#9FD3F5;margin-bottom:1.1rem}
.hero h1{font-size:clamp(2.6rem,6.2vw,5.4rem);max-width:12.5em;margin-bottom:1.5rem}
.hero .lead{color:#DCE6F2}
.hero-a{display:flex;flex-wrap:wrap;gap:.8rem;margin:2.2rem 0 0}
.hero-band{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.18);background:rgba(10,16,30,.55);backdrop-filter:blur(6px)}
.facts{display:grid;grid-template-columns:repeat(4,1fr);margin:0}
.facts>div{padding:1.2rem 1rem 1.35rem 0}
.facts>div+div{padding-left:1.4rem;border-left:1px solid rgba(255,255,255,.18)}
.facts dt{font-size:.88rem;color:#A9B8CB}
.facts dd{margin:.2rem 0 0;font-stretch:75%;font-weight:700;font-size:clamp(1.2rem,2.2vw,1.8rem);line-height:1.1}
@media (max-width:66rem){.hero-in{padding-top:6rem}}
@media (max-width:52rem){
  .hero::after{background:linear-gradient(0deg,rgba(14,22,40,.95) 0%,rgba(14,22,40,.78) 55%,rgba(14,22,40,.35) 100%)}
  .facts{grid-template-columns:1fr 1fr}
  .facts>div:nth-child(odd){padding-left:0;border-left:0}
  .facts>div:nth-child(n+3){border-top:1px solid rgba(255,255,255,.18)}
}

.sec{padding-block:clamp(4rem,8vw,7rem) 0}
.sec-tight{padding-block:clamp(2rem,4vw,3.5rem) 0}
.sec-h{display:grid;gap:1rem;margin-bottom:2.6rem;max-width:52rem}
.sec-h p{margin:0;color:var(--ink2);max-width:42em;font-size:clamp(1.15rem,1.5vw,1.3rem);line-height:1.55}

.apps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1.35fr 1fr;grid-auto-rows:minmax(13rem,auto);gap:1rem}
.apps-1,.apps-2{grid-template-columns:1fr 1fr}
.app a{position:relative;display:block;height:100%;min-height:13rem;overflow:hidden;color:#fff;text-decoration:none;background:var(--pe);border-radius:2px}
.app img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.app a:hover img{transform:scale(1.04)}
.app a::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,16,30,.88) 0%,rgba(10,16,30,.15) 65%)}
.app-t{position:absolute;inset:auto 0 0;z-index:1;padding:1.3rem 1.4rem}
.app-t strong{display:block;font-stretch:75%;font-weight:700;font-size:clamp(1.35rem,2.2vw,1.85rem);line-height:1.08}
.app-t span{display:block;margin-top:.35rem;color:#D3DDE9;max-width:28em;font-size:.98rem;line-height:1.45}
.apps-4 .app-xl,.apps-3 .app-xl{grid-row:span 3}
.apps-3 .app-xl{grid-row:span 2}
@media (max-width:52rem){.apps,.apps-1,.apps-2{grid-template-columns:1fr}.app-xl{grid-row:auto!important}.app a{min-height:15rem}.app-xl a{min-height:22rem}}


.fam{padding-top:1.8rem;border-top:2px solid var(--pe);margin-top:2.4rem}
.sec-h + .fam{margin-top:0}
.fam-n{font-size:clamp(1.25rem,2vw,1.6rem);margin-bottom:1.3rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem 1rem}
.fam-n a{color:inherit;text-decoration:none}
.fam-n a:hover{color:var(--cyan-d)}
.fam-n span{font-stretch:100%;font-weight:400;font-size:1rem;color:var(--steel);letter-spacing:0}
.cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:1.6rem}
.cards a{display:block;color:inherit;text-decoration:none}
.cards img,.cards-ph{width:100%;aspect-ratio:3/2;object-fit:cover;background:#E7EAEE;border-radius:2px;display:block}
.cards strong{display:block;margin-top:.9rem;font-stretch:75%;font-weight:700;font-size:1.4rem;color:var(--navy);line-height:1.1}
.cards span{display:block;margin-top:.35rem;color:var(--ink2);font-size:.98rem;line-height:1.45}
.cards a:hover strong{color:var(--cyan-d)}

.cmp{margin-top:clamp(4rem,8vw,7rem);background:var(--navy-d);color:#fff}
.cmp-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:2rem 4rem;align-items:center;padding-block:clamp(3rem,6vw,5rem)}
.cmp h2{margin-bottom:1rem}
.cmp p{color:#C6D2E2;max-width:30em;margin:0}
.bars{width:100%;border-collapse:collapse}
.bars caption{caption-side:bottom;text-align:left;font-size:.88rem;color:#9AAAC0;padding-top:1rem}
.bars th{text-align:left;font-weight:500;padding:.7rem 1rem .7rem 0;width:36%;color:#C6D2E2}
.bars td{padding:.7rem 0;white-space:nowrap}
.bar{display:inline-block;vertical-align:middle;height:1.3rem;width:calc(var(--w) * .58);min-width:.55rem;background:#5D6E88}
.bars b{font-stretch:75%;font-size:1.25rem;margin-left:.8rem;vertical-align:middle}
.is-us .bar{background:var(--cyan)}
.is-us th{color:#fff;font-weight:700}
@media (max-width:52rem){.cmp-in{grid-template-columns:1fr}}
@media (max-width:30rem){.bars th{display:block;width:auto;padding-bottom:0}.bars td{display:block;padding-top:.3rem}}

.ref{position:relative;color:#fff;min-height:40rem;display:flex;align-items:center;background:var(--pe);margin-top:0}
.ref-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ref::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 30%,rgba(14,22,40,.6) 100%)}
.ref-in{position:relative;z-index:1;width:100%;display:flex;justify-content:flex-end;padding-block:4rem}
.ref-box{background:rgba(14,22,40,.9);padding:clamp(1.6rem,3vw,2.6rem);max-width:31rem;backdrop-filter:blur(4px)}
.ref-box h2{margin-bottom:1.4rem}
.ref-list{list-style:none;margin:0 0 1.4rem;padding:0}
.ref-list li{border-top:1px solid rgba(255,255,255,.16)}
.ref-list a{display:block;padding:.75rem 0;color:#fff;text-decoration:none}
.ref-list a:hover strong{text-decoration:underline}
.ref-list strong{display:block;font-weight:650}
.ref-list span{color:#B8C5D6;font-size:.95rem}
@media (max-width:52rem){.ref{min-height:0;display:block}.ref-img{position:relative;height:16rem}.ref::after{display:none}.ref-in{padding:0}.ref-box{max-width:none;width:100%;backdrop-filter:none;background:var(--navy-d);padding-inline:var(--pad)}}

.duo{display:grid;grid-template-columns:1fr 1fr;gap:3rem clamp(2rem,5vw,5rem)}
.duo-img{width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--paper);border-radius:2px;margin-bottom:1.6rem}
.duo-docs{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;aspect-ratio:16/10;margin-bottom:1.6rem;background:var(--paper);padding:1.2rem;border-radius:2px}
.duo-docs img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(20,30,50,.18))}
.duo-c h2{margin-bottom:1rem}
@media (max-width:52rem){.duo{grid-template-columns:1fr}}

.conv{margin-top:clamp(4rem,8vw,7rem);background:var(--paper);border-top:1px solid var(--zinc)}
.conv-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem 4rem;align-items:center;padding-block:clamp(3rem,6vw,4.5rem)}
.conv-img img{border-radius:2px;box-shadow:0 10px 30px rgba(20,30,50,.18)}
.conv h2{margin-bottom:1rem}
@media (max-width:52rem){.conv-in{grid-template-columns:1fr}}

.ph{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem clamp(2rem,4vw,4rem);padding-block:clamp(1.6rem,4vw,3.4rem) clamp(1.5rem,3vw,2.5rem)}
.ph-media{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
.ph h1{margin-bottom:1.1rem;max-width:16em}
.ph-img{margin:0}
.ph-img img{width:100%;border-radius:2px;background:var(--paper)}
.ph-a{margin-top:1.6rem}
@media (max-width:52rem){.ph-media{grid-template-columns:1fr}}
.spec{margin:1.6rem 0 0;border-top:2px solid var(--pe);max-width:36rem}
.spec>div{display:grid;grid-template-columns:minmax(8rem,40%) 1fr;gap:1rem;padding:.55rem 0;border-bottom:1px solid var(--zinc)}
.spec dt{color:var(--steel)}
.spec dd{margin:0;font-weight:600}
.ph-404{padding-block:6rem}

.txt{padding-block:clamp(2.6rem,5vw,4.5rem)}
.txt + .txt.tone-white,.ph + .txt{padding-top:clamp(1rem,2vw,2rem)}
.tone-paper{background:var(--paper);border-block:1px solid var(--zinc)}
.tone-navy{background:var(--navy-d);color:#fff}
.tone-navy .rich{color:#D6DFEB}
.tone-navy a{color:#9FD3F5}
.txt-in{display:grid;gap:1.4rem clamp(2rem,4vw,4rem)}
.txt-side .txt-in{grid-template-columns:minmax(0,17rem) minmax(0,1fr) ;border-top:1px solid var(--zinc);padding-top:clamp(1.6rem,3vw,2.4rem)}
.tone-paper.txt-side .txt-in,.tone-navy.txt-side .txt-in{border-top:0;padding-top:0}
.txt-side h2,.blk h2{font-size:clamp(1.35rem,2.1vw,1.7rem)}
.txt-side .txt-m{grid-column:2}
.txt-image_right .txt-in,.txt-image_left .txt-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
.txt-image_right h2,.txt-image_left h2{grid-column:1}
.txt-image_right .txt-b,.txt-image_left .txt-b{grid-column:1}
.txt-image_right .txt-m{grid-column:2;grid-row:1/span 2}
.txt-image_left .txt-m{grid-column:1;grid-row:1/span 2}
.txt-image_left h2,.txt-image_left .txt-b{grid-column:2}
.txt-wide .txt-in{max-width:56rem}
.txt-m{margin:0}
.txt-m img{width:100%;border-radius:2px}
.txt-m figcaption,.gal figcaption{font-size:.9rem;color:var(--steel);margin-top:.5rem}
@media (max-width:52rem){.txt-in,.txt-side .txt-in,.txt-image_right .txt-in,.txt-image_left .txt-in{grid-template-columns:1fr}.txt-in>*{grid-column:1!important;grid-row:auto!important}}

.rich{max-width:44em;color:var(--ink2)}
.rich>:last-child{margin-bottom:0}
.rich h2,.rich h3{font-size:1.4rem;margin:1.6em 0 .5em;color:var(--pe)}
.rich h4{margin:1.4em 0 .4em;font-size:1.08rem}
.rich ul,.rich ol{padding-left:1.2rem;margin:0 0 1em}
.rich li{margin:.3em 0}
.rich li::marker{color:var(--cyan)}
.rich blockquote{margin:1.4em 0;padding-left:1.2rem;border-left:3px solid var(--cyan);font-size:1.12rem}
.rich table{width:100%;border-collapse:collapse;margin:1.2em 0;font-size:.95rem;font-variant-numeric:tabular-nums;display:block;overflow-x:auto}
.rich th,.rich td{text-align:left;vertical-align:top;padding:.55rem .9rem;border-bottom:1px solid var(--zinc)}
.rich th{font-weight:650;color:var(--pe)}
.rich thead th{background:var(--navy);color:#fff;font-weight:600;font-size:.88rem;line-height:1.3;vertical-align:bottom}
.rich tbody tr:nth-child(even){background:var(--paper)}
.rich tbody th{width:38%}
.tbl-wrap{position:relative;margin:1.4em 0;border:1px solid var(--zinc);border-radius:3px;overflow:hidden}
.tbl-wrap table{display:table;margin:0}
.tbl-wrap>.tbl-x{overflow-x:auto}
.tbl-wrap tbody tr:last-child>*{border-bottom:0}
.tbl-wrap.is-collapsed tbody tr:nth-child(n+7){display:none}
.tbl-wrap.is-collapsed .tbl-x::after{content:"";position:absolute;left:0;right:0;bottom:3rem;height:3.5rem;background:linear-gradient(rgba(255,255,255,0),#fff);pointer-events:none}
.tbl-more{display:block;width:100%;border:0;border-top:1px solid var(--zinc);background:#fff;padding:.8rem 1rem;font:inherit;font-size:.95rem;font-weight:650;color:var(--navy);cursor:pointer;text-align:center}
.tbl-more:hover{color:var(--cyan-d);background:var(--paper)}
.tbl-more::after{content:"";display:inline-block;width:.45rem;height:.45rem;margin-left:.6rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-.15rem) rotate(45deg)}
.tbl-wrap:not(.is-collapsed) .tbl-more::after{transform:translateY(.1rem) rotate(-135deg)}
.rich img{border-radius:2px;margin:1.2em 0}

.blk{display:grid;grid-template-columns:minmax(0,17rem) minmax(0,1fr);gap:1rem clamp(2rem,4vw,4rem);padding-block:clamp(2rem,3.5vw,2.8rem);border-top:1px solid var(--zinc);margin-top:clamp(1rem,2vw,1.5rem)}
.blk-h p{color:var(--ink2);margin-top:.8rem}
.blk-b{min-width:0}
@media (max-width:52rem){.blk{grid-template-columns:1fr}}
.tbl{width:100%;border-collapse:collapse;border-top:2px solid var(--pe);max-width:48rem}
.tbl th,.tbl td{text-align:left;vertical-align:top;padding:.7rem 1rem .7rem 0;border-bottom:1px solid var(--zinc)}
.tbl th{font-weight:600;width:40%}
.faq details{border-bottom:1px solid var(--zinc);max-width:46em}
.faq details:first-child{border-top:2px solid var(--pe)}
.faq summary{cursor:pointer;font-weight:650;padding:.9rem 2rem .9rem 0;list-style:none;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:.3rem;top:1.25rem;width:.6rem;height:.6rem;border-right:2px solid var(--cyan);border-bottom:2px solid var(--cyan);transform:rotate(45deg);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(-135deg);top:1.5rem}
.faq details p{margin:0 0 1.1rem;color:var(--ink2)}
.docs{list-style:none;margin:0 0 1.5rem;padding:0;border-top:2px solid var(--pe);max-width:48rem}
.docs a{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.2rem 1.5rem;align-items:baseline;padding:.85rem 0;border-bottom:1px solid var(--zinc);text-decoration:none}
.docs-t{font-weight:600}
.docs a:hover .docs-t{text-decoration:underline}
.docs-m{color:var(--steel);font-size:.9rem;white-space:nowrap}
.docs-g{font-size:1.15rem;margin:1.6rem 0 .6rem}
.docs-g:first-child{margin-top:0}
.rel-h{font-size:clamp(1.4rem,2.2vw,1.8rem);margin-bottom:1.4rem}
.rel{border-top:1px solid var(--zinc);margin-top:clamp(2rem,4vw,3rem)}
.tlist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:0 2rem}
.tlist li{border-bottom:1px solid var(--zinc)}
.tlist a{display:block;padding:.9rem 1.6rem .9rem 0;text-decoration:none;position:relative}
.tlist a::after{content:"";position:absolute;right:.2rem;top:50%;width:.5rem;height:.5rem;border-top:2px solid var(--cyan);border-right:2px solid var(--cyan);transform:translateY(-50%) rotate(45deg)}
.tlist strong{display:block;font-weight:650;color:var(--navy)}
.tlist span{display:block;font-size:.9rem;color:var(--steel);margin-top:.15rem}
.tlist a:hover strong{color:var(--cyan-d)}
.src{font-size:.92rem;color:var(--steel);margin-top:1.5rem}

.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1rem}
.gal figure{margin:0}
.gal img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#fff;border:1px solid var(--zinc);border-radius:2px}

.prj{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(22rem,1fr));gap:2rem}
.prj a{display:block;color:inherit;text-decoration:none}
.prj img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:2px;background:var(--paper)}
.prj-t{display:block;margin-top:1rem}
.prj-m{display:block;font-size:.9rem;color:var(--steel)}
.prj strong{display:block;font-stretch:75%;font-size:1.55rem;line-height:1.1;color:var(--navy);margin:.2rem 0 .4rem}
.prj a:hover strong{color:var(--cyan-d)}
.prj-t>span:last-child{color:var(--ink2)}
@media (max-width:30rem){.prj{grid-template-columns:1fr}}

.ev-g{font-size:1.3rem;margin:2.4rem 0 1.2rem}
.ev-g:first-of-type{margin-top:0}
.ev{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1.6rem}
.ev a{display:block;color:inherit;text-decoration:none}
.ev img{width:100%;aspect-ratio:16/11;object-fit:cover;object-position:top;border-radius:2px;box-shadow:0 6px 18px rgba(20,30,50,.14)}
.ev-d{display:block;margin-top:.9rem;font-size:.9rem;color:var(--steel)}
.ev strong{display:block;font-weight:650;line-height:1.35;margin-top:.2rem}
.ev a:hover strong{color:var(--cyan-d)}

.form{display:grid;grid-template-columns:1fr 1fr;gap:.2rem 1.4rem;max-width:48rem}
.fld{margin:0 0 1rem;display:flex;flex-direction:column;gap:.35rem}
.fld-w{grid-column:1/-1}
.fld label{font-weight:600;font-size:.97rem}
.opt{font-weight:400;color:var(--steel)}
.fld input[type=text],.fld input[type=email],.fld input[type=tel],.fld textarea{font:inherit;padding:.7rem .85rem;border:1px solid #AEB7C3;border-radius:2px;background:#fff;color:var(--pe);width:100%}
.fld input:focus,.fld textarea:focus{border-color:var(--cyan);outline:2px solid var(--cyan);outline-offset:0}
.fld [aria-invalid=true]{border-color:#B42318}
.fld-h{font-size:.9rem;color:var(--steel)}
.fld-e{font-size:.9rem;color:#B42318}
.fld-c{flex-direction:row;align-items:flex-start;gap:.7rem}
.fld-c input{width:1.2rem;height:1.2rem;margin-top:.2rem;flex:none;accent-color:var(--cyan)}
.fld-c label{font-weight:400}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ok{padding:1rem 1.2rem;background:#E8F5EC;border-left:4px solid #1F8A4C;max-width:48rem}
.err{padding:.8rem 1.1rem;background:#FDECEA;border-left:4px solid #B42318;max-width:48rem}
@media (max-width:40rem){.form{grid-template-columns:1fr}}

.cta{background:var(--cyan);color:#fff;margin-top:clamp(4rem,8vw,7rem)}
.cta-in-page + .cta{display:none}
:is(.conv,.cmp,.ref,.tone-paper,.tone-navy) + .cta{margin-top:0}
.cta-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem 3rem;padding-block:clamp(2.4rem,5vw,3.6rem)}
.cta h2{font-size:clamp(1.7rem,3vw,2.5rem);margin-bottom:.5rem}
.cta p{margin:0;max-width:34em;color:#EAF6FD}

.ft{background:var(--pe);color:#AEB8C5;font-size:.95rem}
.ft a{color:#fff}
.ft-in{display:grid;grid-template-columns:1.4fr repeat(var(--cols,2),1fr) auto;gap:2rem 3rem;padding-block:3.2rem 2.2rem}
.ft-logo{width:9rem;margin-bottom:1rem}
.ft-a p{max-width:24em;margin:0}
.ft strong{color:#fff;font-weight:600}
address{font-style:normal}
.ft-l ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.ft-l a{text-decoration:none}
.ft-l a:hover{text-decoration:underline}
.ft-b{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;padding-block:1.2rem 1.8rem;border-top:1px solid #2A3039;font-size:.86rem;color:#8995A4}
.ft-legal{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem}
.ft-legal a{color:#AEB8C5}
@media (max-width:62rem){.ft-in{grid-template-columns:1fr 1fr}}
@media (max-width:34rem){.ft-in{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
@media print{.hd,.cta,.ft,.ann{display:none}}
.zoom{display:block;position:relative;cursor:zoom-in;color:inherit}
.zoom::after{content:"";position:absolute;right:.6rem;bottom:.6rem;width:2rem;height:2rem;border-radius:50%;background:rgba(22,25,30,.62) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6'/%3E%3Cpath d='M20 20l-4.3-4.3M11 8.5v5M8.5 11h5'/%3E%3C/svg%3E") center/1.1rem no-repeat;opacity:0;transition:opacity .2s}
.zoom:hover::after,.zoom:focus-visible::after{opacity:1}
.duo-docs .zoom{height:100%}
.duo-docs .zoom::after{display:none}
.pswp__caption{position:absolute;left:0;right:0;bottom:0;padding:.9rem 1.2rem 1.1rem;color:#E9EEF4;font:400 .95rem/1.45 var(--font,inherit);text-align:center;background:linear-gradient(transparent,rgba(0,0,0,.55))}
.sec-h h2::before,.txt h2::before,.cmp-t h2::before,.conv h2::before,.duo-c h2::before,.blk h2::before{content:"";display:block;width:2.6rem;height:3px;background:var(--cyan);margin-bottom:1.1rem}
.rich p,.rich li{color:var(--ink2)}
.rich strong{color:var(--pe);font-weight:650;background:linear-gradient(transparent 64%,rgba(30,155,224,.2) 0)}
.tone-navy .rich strong{color:#fff;background:none}
.txt-side h2{font-size:clamp(1.5rem,2.4vw,2rem)}
.cards span,.app-t span{font-size:1rem}
.lang a{display:inline-flex;align-items:center;gap:.4rem}
.flag{width:1.35rem;height:.9rem;border-radius:2px;box-shadow:0 0 0 1px rgba(22,25,30,.18);flex:none}
.lang a:not([aria-current]) .flag{opacity:.75}