@font-face{font-family:"Source Serif 4";src:url(/fonts/source-serif-4.woff2) format("woff2");font-weight:200 900;font-display:swap}
@font-face{font-family:"Public Sans";src:url(/fonts/public-sans.woff2) format("woff2");font-weight:100 900;font-display:swap}
*{box-sizing:border-box;margin:0}
:root{--ink:#0f2224;--paper:#f2f4f1;--p2:#e3e8e4;--acc:#c29444;--br:#5c4213;--ln:#0f222430;--serif:"Source Serif 4",Georgia,"Times New Roman",serif}
[hidden]{display:none!important}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font:17px/1.6 "Public Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--paper);color:var(--ink);overflow-x:hidden}
img{max-width:100%;display:block}a{color:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.12;letter-spacing:-.01em}
h1{font-size:clamp(2.4rem,7vw,4.6rem)}h2{font-size:clamp(1.7rem,4vw,2.6rem);margin-bottom:1rem;max-width:20em}h3{font-size:1.3rem;margin-bottom:.35rem}
p+p{margin-top:.8rem}
.k{font-size:.85rem;font-weight:600;color:var(--br);line-height:1.4}
.w{max-width:1180px;margin:auto;padding:0 20px}
section{padding:68px 0;border-top:1px solid var(--ln)}
.lead{font-size:1.2rem;max-width:34em;margin:1.2rem 0 1.6rem}
.note{margin-top:24px;max-width:42em;font-size:.95rem}
.dk{background:var(--ink);color:#efe9d8;border-color:transparent}.dk .k{color:var(--acc)}
.b{display:inline-block;background:var(--acc);color:var(--ink);padding:15px 24px;font:600 .8rem/1.2 "Public Sans",sans-serif;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border:1px solid var(--acc);cursor:pointer;transition:background .2s,color .2s}
.b:hover{background:var(--ink);color:var(--acc)}.dk .b:hover{background:var(--paper);color:var(--ink)}
.b.o{background:0;color:inherit;border-color:currentColor}.b.o:hover{background:var(--ink);color:var(--paper)}
.ct{display:flex;gap:12px;flex-wrap:wrap}
:focus-visible{outline:3px solid var(--acc);outline-offset:3px}
.sk{position:absolute;left:-999px}.sk:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:20}
header{position:sticky;top:0;z-index:9;background:var(--paper);border-bottom:1px solid var(--ln)}
header .w{display:flex;align-items:center;gap:22px;height:76px}
.lg img{height:54px;width:auto}
nav{margin-left:auto;display:flex;gap:20px}nav a{font-size:.9rem;text-decoration:none;padding:14px 0;border-bottom:2px solid transparent}
nav a:hover,nav a[aria-current]{border-color:var(--acc)}
.hb{padding:12px 16px}
.tg{display:none;background:0;border:1px solid var(--ln);min-height:44px;padding:0 14px;font:inherit;font-size:.9rem;cursor:pointer;color:inherit}
@media(max-width:1100px){.tg{display:block}.hb{margin-left:auto;padding:13px 12px;font-size:.75rem}nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--paper);flex-direction:column;padding:8px 20px 16px;border-bottom:1px solid var(--ln);gap:0;margin:0}nav a{min-height:48px;display:flex;align-items:center;border-bottom:1px solid var(--ln)}.nv nav{display:flex}}
.hero{border:0;padding-top:56px}
.hg{display:grid;gap:48px;align-items:center}.hg:has(.ph.ok){grid-template-columns:1.2fr .8fr}
.rail{list-style:none;padding:0;counter-reset:r;display:grid;grid-template-columns:repeat(6,1fr);border-top:2px solid var(--ink);margin-top:48px}
.rail li{counter-increment:r;padding:12px 8px 0 0;font-weight:600}.rail li:before{content:counter(r) " ";color:var(--br);font-weight:400}
.fx{display:grid;grid-template-columns:1fr 1fr;gap:64px}
.doc{background:#fff;border:1px solid var(--ink);margin-top:24px}.doc .tab{background:var(--ink);color:#efe9d8;padding:9px 16px;font-size:.82rem;font-weight:600;margin:0}
.doc .r{display:grid;grid-template-columns:8.5em 1fr;gap:16px;padding:10px 16px;border-bottom:1px solid var(--ln);align-items:baseline}
.doc dt{font-size:.85rem;font-weight:600;color:var(--br)}.doc dd{margin:0}.doc .dn{margin:0;padding:10px 16px;font-size:.85rem;background:var(--p2)}
.stg{list-style:none;padding:0}.stg li{display:grid;grid-template-columns:48px 1fr;padding:16px 0;border-top:1px solid var(--ln)}
.stg b{font:500 1.7rem/1 var(--serif);color:var(--br)}.stg p{font-size:.95rem}.stg .k{display:block;margin-top:4px}
.rt>div,.pg>div,.qv>div{display:grid;gap:32px;padding:22px 0;border-top:1px solid var(--ln)}
.rt>div,.pg>div{grid-template-columns:1fr 2fr}.qv>div{grid-template-columns:1fr 2fr;padding:30px 0}
.qv h2{margin:0}.qv .k{margin-top:8px;display:block}
.dk .rt>div,.dk .qv>div{border-color:#efe9d83a}
.ls{list-style:none;padding:0;columns:2;column-gap:32px}.ls li{padding:7px 0;border-bottom:1px solid var(--ln);break-inside:avoid;font-size:.95rem}.dk .ls li{border-color:#efe9d83a}
.c2{display:grid;grid-template-columns:1fr 1fr;gap:56px}
.flow{display:grid;grid-template-columns:repeat(3,1fr)}.flow>div{padding:0 28px}.flow>div:first-child{padding-left:0}.flow>div+div{border-left:1px solid var(--ln)}.flow .ls{columns:1}
.dl{border-left:3px solid var(--acc);padding:4px 0 4px 16px;margin-top:36px;max-width:42em}
.og{display:grid;grid-template-columns:1fr 2fr;gap:32px;padding:26px 0;border-top:1px solid var(--ln)}.og .sp2{display:grid;gap:32px}.og .sp2:has(.ph.ok){grid-template-columns:1fr 1fr}
.roles{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}
.role{display:block;position:relative;border:1px solid var(--ink);padding:20px;cursor:pointer;background:#fff}.role input{position:absolute;opacity:0}
.role b{display:block;font:500 1.35rem var(--serif)}.role:has(input:checked){background:var(--ink);color:#efe9d8}.role:has(input:focus-visible){outline:3px solid var(--acc);outline-offset:3px}
.stp{display:grid;grid-template-columns:220px 1fr;gap:24px;padding:28px 0;border:0;border-top:1px solid var(--ln);min-inline-size:0}
.sh{font-size:1.2rem;margin:0}.fg{display:grid;grid-template-columns:1fr 1fr;gap:16px}
label{display:grid;gap:6px;font-size:.9rem}.full{grid-column:1/-1}
input:not([type=radio]),select,textarea{font:inherit;padding:12px;min-height:46px;border:1px solid var(--ink);background:#fff;border-radius:0;width:100%;color:var(--ink)}
details{border:1px solid var(--ln);padding:14px}summary{cursor:pointer;font-weight:600;min-height:24px}details[open] summary{margin-bottom:14px}
.cs{font-size:.85rem;max-width:40em}.act{display:flex;gap:12px;align-items:center;padding-top:20px;flex-wrap:wrap}.prog{font-size:.85rem;color:var(--br);margin-right:auto}
.msg{color:#8a1f11;font-weight:600;margin-top:12px}
.js .rv{opacity:0;transform:translateY(10px);transition:opacity .6s,transform .6s}.js .rv.in{opacity:1;transform:none}
footer{padding:56px 0 32px}footer .fc{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px}footer p+p{margin-top:.3rem}footer .fn a{display:block;padding:4px 0}
.pr h2{font-size:1.4rem;margin:2rem 0 .4rem}.pr{max-width:44em}
@media(max-width:899px){.fx,.c2,.og,.flow,.footer .fc,footer .fc{grid-template-columns:1fr}.flow>div{padding:20px 0;border-left:0!important;border-top:1px solid var(--ln)}.hg:has(.ph.ok){grid-template-columns:1fr}.rail{grid-template-columns:repeat(3,1fr);row-gap:8px}.rt>div,.pg>div,.qv>div{grid-template-columns:1fr;gap:8px}.stp{grid-template-columns:1fr;gap:12px}.js .stp:not(.on){display:none}.fg,.roles{grid-template-columns:1fr}.ls{columns:1}.og .sp2:has(.ph.ok){grid-template-columns:1fr}section{padding:48px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .rv{opacity:1;transform:none;transition:none}}
.qv h3,.pg h2{margin:0;font-size:1.9rem}.pg h2{font-size:1.4rem}.dk .doc{color:var(--ink)}
@font-face{font-family:"IBM Plex Mono";src:url(/fonts/ibm-plex-mono.woff2) format("woff2");font-weight:400;font-display:swap}
:root{--mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace}
.hg{grid-template-columns:1.05fr .95fr;align-items:start}.hg .doc{margin-top:0}
.doc dd{font:400 .88rem var(--mono)}.rail li:before{font-family:var(--mono);font-size:.85rem}
.mx>div{display:grid;grid-template-columns:1.1fr 1.4fr 1.5fr;gap:24px;padding:18px 0;border-top:1px solid var(--ln)}
.mx .mh{font-size:.85rem;font-weight:600;color:var(--br);border-top:0;padding-bottom:8px}.mx>div>span:first-child{font:500 1.2rem/1.2 var(--serif)}
.og:has(>div:empty){grid-template-columns:1fr}.og>div:empty{display:none}
@media(max-width:899px){.hg,.hg:has(.ph.ok){grid-template-columns:1fr}.mx .mh{display:none}.mx>div{grid-template-columns:1fr;gap:6px}}
@font-face{font-family:"IBM Plex Mono";src:url(/fonts/ibm-plex-mono.woff2) format("woff2");font-weight:400;font-display:swap}
:root{--mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace}
.hg{grid-template-columns:1.05fr .95fr;align-items:start}.hg .doc{margin-top:0}
.doc dd{font:400 .88rem var(--mono)}.rail li:before{font-family:var(--mono);font-size:.85rem}
.mx>div{display:grid;grid-template-columns:1.1fr 1.4fr 1.5fr;gap:24px;padding:18px 0;border-top:1px solid var(--ln)}
.mx .mh{font-size:.85rem;font-weight:600;color:var(--br);border-top:0;padding-bottom:8px}.mx>div>span:first-child{font:500 1.2rem/1.2 var(--serif)}
.og:has(>div:empty){grid-template-columns:1fr}.og>div:empty{display:none}
@media(max-width:899px){.hg,.hg:has(.ph.ok){grid-template-columns:1fr}.mx .mh{display:none}.mx>div{grid-template-columns:1fr;gap:6px}}
h1{font-size:clamp(2.4rem,6vw,4.1rem)}.mx .mh>span:first-child{font:600 .85rem "Public Sans",sans-serif}
.b{min-height:48px;display:inline-flex;align-items:center;justify-content:center}.tl{display:inline-block;padding:14px 0}
footer .fn a{padding:13px 0}summary{min-height:48px;display:flex;align-items:center;margin:0}input:not([type=radio]),select,textarea{min-height:48px}
.ph{display:block;position:relative;overflow:hidden;width:100%;background:var(--ink) url(/images/oceanica_trade_logo_light_2x.png) center/36% no-repeat}.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
a[data-c]{display:inline-block;padding:12px 0}
.ph::before{content:"";position:absolute;inset:12px;border:1px solid #c2944466;z-index:0}
.ph::after{content:attr(data-cap);position:absolute;left:22px;bottom:20px;right:22px;font-size:.8rem;color:#efe9d8bb;z-index:0}
.ph img{z-index:1}
.lsw{display:flex;align-items:center;flex:none;direction:ltr;font-size:.82rem;font-weight:600}
.lsw a{text-decoration:none;color:var(--br);padding:14px 8px;border-bottom:2px solid transparent}
.lsw a:hover{border-color:var(--acc)}.lsw a[aria-current]{color:var(--ink);border-color:var(--acc)}
.lsw span{color:var(--br);opacity:.45}
.lsn{display:none}
@media(max-width:374px){header .w>.lsw{display:none}.lsn{display:flex;padding-top:8px}}