@font-face{font-family:'Gabarito';font-weight:800;font-display:swap;src:url('/fonts/gabarito-800.woff2') format('woff2')}
@font-face{font-family:'Lexend';font-weight:400;font-display:swap;src:url('/fonts/lexend-400.woff2') format('woff2')}
@font-face{font-family:'Lexend';font-weight:600;font-display:swap;src:url('/fonts/lexend-600.woff2') format('woff2')}
:root{--x-field:#eeece4;--x-card:#ffffff;--x-ink:#132629;--x-ink2:#3c4e51;--x-muted:#56676a;--x-line:#dad7cb;--x-petrol:#0e5257;--x-onpetrol:#f3f6f4;--x-onpetrol2:#bcd4d3;--x-bus:#f2b705;--x-link:#0e5257;--x-display:Gabarito,ui-sans-serif,system-ui,sans-serif;--x-body:Lexend,ui-sans-serif,system-ui,sans-serif}
@media (prefers-color-scheme:dark){:root{--x-field:#0b1a1c;--x-card:#12282b;--x-ink:#e3eceb;--x-ink2:#b5c4c4;--x-muted:#9aabab;--x-line:#24393c;--x-petrol:#0e4448;--x-onpetrol:#e3eceb;--x-onpetrol2:#a9c6c5;--x-bus:#ffcc33;--x-link:#7ccbc9}}

/* M8: cross-document view transitions. Every page opts in, so moving between
   pages cross-fades and the app icon morphs between the company card and the
   product hero. Plain CSS, no script; browsers without support just navigate. */
@view-transition{navigation:auto}
::view-transition-old(root){animation:240ms cubic-bezier(.4,0,1,1) both x-out}
::view-transition-new(root){animation:320ms cubic-bezier(0,0,.2,1) both x-in}
@keyframes x-out{to{opacity:0;transform:translateY(-6px)}}
@keyframes x-in{from{opacity:0;transform:translateY(10px)}}
@media (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root),::view-transition-group(*){animation:none!important}}

/* Footer: one petrol card on the field, with the yellow folder tab. */
.ft{max-width:76rem;margin:0 auto;padding:1rem 1rem 1.5rem;font-family:var(--x-body)}
.ft .ft-card{position:relative;background:var(--x-petrol);color:var(--x-onpetrol);border-radius:24px;padding:2.25rem 1.5rem 1.75rem;box-shadow:0 1px 2px rgba(19,38,41,.08),0 12px 32px -12px rgba(19,38,41,.25)}
.ft .ft-card::before{content:"";position:absolute;top:-8px;left:1.5rem;width:4.5rem;height:16px;border-radius:8px 8px 0 0;background:var(--x-bus)}
@media (min-width:768px){.ft .ft-card{padding:2.75rem 2.75rem 2rem}}
.ft .ft-top{display:grid;gap:2rem}
@media (min-width:768px){.ft .ft-top{grid-template-columns:1.6fr 1fr 1fr}}
.ft .ft-name{font-family:var(--x-display);font-weight:800;font-size:1.35rem;letter-spacing:-.01em;margin:0 0 .5rem}
.ft p,.ft li{margin:0;font-size:.92rem;line-height:1.65;color:var(--x-onpetrol2)}
.ft .ft-h{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--x-onpetrol2);margin:0 0 .75rem;font-weight:600}
.ft ul{list-style:none;padding:0;margin:0;display:grid;gap:.45rem}
.ft a{color:var(--x-onpetrol);text-decoration:underline;text-decoration-color:rgba(243,246,244,.35);text-underline-offset:3px}
.ft a:hover{text-decoration-color:currentColor}
.ft a:focus-visible{outline:2px solid var(--x-bus);outline-offset:3px;border-radius:2px}
.ft .ft-mail{margin-top:.9rem}
.ft .ft-base{margin-top:2rem;padding-top:1.25rem;border-top:1px solid rgba(243,246,244,.18);display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;font-size:.8rem;color:var(--x-onpetrol2)}

/* Standalone documents (the privacy policy): a white sheet on the field. */
.pol{margin:0;background:var(--x-field);color:var(--x-ink);font-family:var(--x-body)}
.pol .pol-bar{max-width:76rem;margin:0 auto;padding:0 1rem}
.pol .pol-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:1.1rem 0;border-bottom:1px solid var(--x-line)}
.pol .pol-top a{color:var(--x-ink);text-decoration:none}
.pol .pol-top .pol-home{font-family:var(--x-display);font-weight:800;font-size:1.1rem}
.pol .pol-top .pol-back{font-size:.88rem;color:var(--x-ink2);text-decoration:underline;text-underline-offset:3px}
.pol .pol-doc{max-width:48rem;margin:1.5rem auto 1.5rem;padding:0 1rem}
.pol .pol-sheet{background:var(--x-card);border-radius:24px;padding:2rem 1.5rem;box-shadow:0 1px 2px rgba(19,38,41,.06),0 16px 40px -20px rgba(19,38,41,.25)}
@media (min-width:768px){.pol .pol-sheet{padding:2.75rem 3rem}}
.pol .pol-sheet h1{font-family:var(--x-display);font-weight:800;font-size:2.2rem;line-height:1.1;letter-spacing:-.02em;margin:0 0 .4rem}
.pol .pol-sheet .pol-date{font-size:.88rem;color:var(--x-muted);margin:0 0 2rem;font-variant-numeric:tabular-nums}
.pol .pol-sheet h2{font-family:var(--x-display);font-weight:800;font-size:1.2rem;letter-spacing:-.01em;margin:2.2rem 0 .6rem}
.pol .pol-sheet p,.pol .pol-sheet li{font-size:1rem;line-height:1.7;color:var(--x-ink2);margin:0 0 .9rem}
.pol .pol-sheet ul{padding-left:1.2rem;margin:0 0 1rem}
.pol .pol-sheet a{color:var(--x-link)}
.pol .pol-sheet strong{color:var(--x-ink)}
.pol .pol-sheet code{font-size:.92em}
.pol .pol-sheet .pol-lead{border-left:4px solid var(--x-bus);padding:.25rem 0 .25rem 1rem;margin:0 0 1.5rem}