@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/fonts/bricolage.woff2) format('woff2')}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/instrument.woff2) format('woff2')}
html{scroll-behavior:smooth}body{margin:0;background:#F3FAFA}@media (prefers-color-scheme:dark){body{background:#0A2229}}
.tp{min-height:100vh}.tp a{color:var(--teal)}.badge{display:block;height:56px;width:auto}.badge-a{display:inline-block;line-height:0;min-height:44px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:var(--surf);padding:8px 12px;z-index:9}
.dv-olabel b{color:#1a1a1a;font-size:14px}.tp{--bg:#F3FAFA;--surf:#E2F1F2;--rose:#FCE7EE;--tx:#10282E;--tx2:#3E585E;--hint:#4F676C;--acc:#B01B52;--onacc:#FFFFFF;--ind:#4343B5;--teal:#0A6B74;--ok:#17703F;--warn:#8A5200;--err:#B3261E;--roseTx:#8F1342;--indT:#E4E4F8;--fl2:#F2A3BE;--fl1:#FCE7EE;--pl:block;--pd:none;background:var(--bg);color:var(--tx);font-family:'Instrument Sans',system-ui,sans-serif;font-size:18px;line-height:1.5;container-type:inline-size;box-sizing:border-box}
.tp[data-theme=dark]{--bg:#0A2229;--surf:#12363E;--rose:#3A1B2B;--tx:#EAF5F6;--tx2:#B0C8CD;--hint:#93B0B6;--acc:#FF7BA5;--onacc:#3B0A1D;--ind:#B0B5FF;--teal:#63D3DA;--ok:#68D693;--warn:#F2B54F;--err:#FF8F86;--roseTx:#FFB3CB;--indT:#2B2F6E;--fl2:#8E3157;--fl1:#3A1B2B;--pl:none;--pd:block}
@media (prefers-color-scheme:dark){.tp:not([data-theme]){--bg:#0A2229;--surf:#12363E;--rose:#3A1B2B;--tx:#EAF5F6;--tx2:#B0C8CD;--hint:#93B0B6;--acc:#FF7BA5;--onacc:#3B0A1D;--ind:#B0B5FF;--teal:#63D3DA;--ok:#68D693;--warn:#F2B54F;--err:#FF8F86;--roseTx:#FFB3CB;--indT:#2B2F6E;--fl2:#8E3157;--fl1:#3A1B2B;--pl:none;--pd:block}}
.tp *{box-sizing:border-box}.tp a{color:var(--teal)}.tp a:hover{color:var(--acc)}
.pl{display:var(--pl)}.pd{display:var(--pd)}
.tp h1,.tp h2,.tp h3{font-family:'Bricolage Grotesque',system-ui,sans-serif;letter-spacing:-.02em;margin:0;line-height:1.05;text-wrap:balance}
.tp p{margin:0;text-wrap:pretty}
.sec{padding:96px 64px}.in{max-width:1200px;margin:0 auto}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.two{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.h1{font-size:76px;font-weight:800}.h2{font-size:48px;font-weight:700}
.ph{zoom:.9}.nav a{min-height:44px;display:inline-flex;align-items:center}
.wid{display:flex;gap:20px;flex-wrap:wrap}
@container (max-width:800px){.pro{grid-template-columns:1fr!important;padding:24px!important}.pro>div{min-width:0}.pro img{width:160px!important;height:160px!important}.nav-h{padding:12px 20px!important}.nav-h .lk{gap:8px!important}.hero .ph{zoom:.78}.sec{padding:48px 20px}.hero,.two{grid-template-columns:1fr;gap:32px}.h1{font-size:44px}.h2{font-size:32px}.ph{zoom:.8}.mid{order:2}.nav-l{display:none}.hero .ph{margin:0 auto}}