/* Shell compartilhado do site: tokens, fontes, nav, nav fixa, dropdown, botões, FAQ, tamanhos, rodapé, linhas do grid e barras laranjas.
   Usado por index, rentaspace, smartentry, moveout, rentaspace/*.html (antes de location.css) e legal/*.html (antes de legal.css).
   Carrega primeiro; o CSS de cada página vem depois e pode sobrescrever. Depois de editar, troque o ?v= em todas essas páginas
   (md5 do arquivo, 8 caracteres): o servidor guarda CSS em cache por uma semana. */
/* zoom liberado (acessibilidade): em tela de toque, campo abaixo de 16px faz o iOS dar zoom ao focar */
@media (pointer:coarse){input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px!important}}
/* ---------- Lato 2.0 (Medium / Semibold / Heavy não existem no Google Fonts) ---------- */
/* Arial tuned to Lato metrics, ~1.5% narrower than Lato on purpose: a fallback that is slightly narrow can never add a line when Lato swaps in */
@font-face{font-family:"LatoJ Fallback";font-weight:100 300;src:local("Arial"),local("ArialMT");size-adjust:95.8%;ascent-override:103.0%;descent-override:22.2%;line-gap-override:0%}
@font-face{font-family:"LatoJ Fallback";font-weight:400 500;src:local("Arial"),local("ArialMT");size-adjust:97.0%;ascent-override:101.8%;descent-override:22.0%;line-gap-override:0%}
@font-face{font-family:"LatoJ Fallback";font-weight:600 700;src:local("Arial Bold"),local("Arial-BoldMT");size-adjust:92.2%;ascent-override:107.0%;descent-override:23.1%;line-gap-override:0%}
@font-face{font-family:"LatoJ Fallback";font-weight:800 900;src:local("Arial Bold"),local("Arial-BoldMT");size-adjust:92.9%;ascent-override:106.2%;descent-override:22.9%;line-gap-override:0%}
@font-face{font-family:"LatoJ";font-weight:300;font-style:normal;font-display:swap;src:url("../fonts/Lato-Light.woff2?v=2") format("woff2")}
@font-face{font-family:"LatoJ";font-weight:400;font-style:normal;font-display:swap;src:url("../fonts/Lato-Regular.woff2?v=2") format("woff2")}
@font-face{font-family:"LatoJ";font-weight:500;font-style:normal;font-display:swap;src:url("../fonts/Lato-Medium.woff2?v=2") format("woff2")}
@font-face{font-family:"LatoJ";font-weight:600;font-style:normal;font-display:swap;src:url("../fonts/Lato-Semibold.woff2?v=3") format("woff2")}
@font-face{font-family:"LatoJ";font-weight:600;font-style:italic;font-display:swap;src:url("../fonts/Lato-SemiboldItalic.woff2?v=2") format("woff2")}
@font-face{font-family:"LatoJ";font-weight:700;font-style:normal;font-display:swap;src:url("../fonts/Lato-Bold.woff2?v=2") format("woff2")}
@font-face{font-family:"LatoJ";font-weight:800;font-style:normal;font-display:swap;src:url("../fonts/Lato-Heavy.woff2?v=2") format("woff2")}
@font-face{font-family:"LatoJ";font-weight:900;font-style:normal;font-display:swap;src:url("../fonts/Lato-Black.woff2?v=2") format("woff2")}

/* ---------- Tokens / reset local ---------- */
html{scroll-behavior:smooth}
html,body{margin:0;max-width:100%;overflow-x:hidden;touch-action:pan-x pan-y} /* sem zoom por pinça nem por toque duplo (Chrome/Android); iOS Safari tratado no script */
body{overflow-x:clip}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
.jrny{
  --bg:#181818; --panel:#222; --line:#302e2a; --line-2:#3a3835;
  --cream:#f9f5ee; --cream-2:#f5f0e8; --cream-3:#eee5d8; --cream-line:#e4dace;
  --txt:#fffcf8; --muted:#cec5b6; --muted-2:#f9f3ea;
  --orange:#e8622a; --orange-2:#ff6320;
  --ink:#222; --ink-2:#1a1a1a; --ink-muted:#615c53; --ink-link:#807d7a;
  --grad:linear-gradient(180deg,#e8622a 0%,#f3723c 41.667%,#ff834f 83.333%);
  --dots:url("/assets/dots-8.png"); /* 8px dot tile pre-rendered at 2x: the inline SVG was re-rasterised in 8px pieces over the whole page */
  position:relative; width:100%; overflow:clip; isolation:isolate;
  background:#191919 var(--dots) 0 0/64px 64px repeat;
  color:var(--txt);
  font-family:"LatoJ","Lato","LatoJ Fallback",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:16px; line-height:1.4; font-weight:400;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
.jrny *,.jrny *::before,.jrny *::after{box-sizing:border-box}
:where(.jrny) h1,:where(.jrny) h2,:where(.jrny) h3,:where(.jrny) p,:where(.jrny) ul,:where(.jrny) li,:where(.jrny) figure{margin:0;padding:0;font:inherit;color:inherit}
:where(.jrny) ul{list-style:none}
:where(.jrny) img,:where(.jrny) svg{display:block;max-width:none;border:0}
:where(.jrny) a{color:inherit;text-decoration:none}
:where(.jrny) button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0;margin:0;-webkit-appearance:none;appearance:none}
:where(.jrny) input,:where(.jrny) textarea{font:inherit;color:inherit;outline:none;-webkit-appearance:none;appearance:none}
:where(.jrny) b,:where(.jrny) strong{font-weight:800}
.jrny .jrny-i{font-style:italic}

/* Larguras */
.jrny-wrap{position:relative;width:min(1440px,calc(100% - 64px));margin:0 auto}
/* scrollbar da página em laranja */
html{scrollbar-color:var(--orange) #1c1c1c;scrollbar-width:thin}
html::-webkit-scrollbar{width:10px;background:#1c1c1c}
html::-webkit-scrollbar-thumb{background:var(--orange);border-radius:10px;border:2px solid #1c1c1c}
html::-webkit-scrollbar-thumb:hover{background:var(--orange-2)}
.jrny-inner{padding:0 80px}

/* Tipografia base */
.jrny-accent{position:relative}
.jrny-accent::before{content:"";position:absolute;top:0;bottom:0;width:5px;background:var(--orange);left:var(--accent-x,-80px);z-index:2}
.jrny-br-m{display:none}
/* títulos do site: parte fina em 300 e parte em <b> em 800, inclusive o H1 do hero (padrão de 2026-10-09) */
.jrny-h2{font-size:45px;line-height:1.25;letter-spacing:-.9px;text-transform:uppercase;font-weight:300}
.jrny-h2 b{font-weight:800}
.jrny-h2--tight{line-height:1.15}
.jrny-lead{font-size:18px;line-height:1.45;color:var(--muted)}
.jrny-lead b{font-weight:700;color:var(--cream-2)}

/* Line reveal (máscara por linha) */
.jrny-rv{--rv-delay:0ms}
.jrny-rv .jrny-rv__line{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.jrny-rv .jrny-rv__in{display:block;transform:translateY(112%);opacity:0}
.jrny-rv.is-in .jrny-rv__in{transform:translateY(0);opacity:1;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .3s;transition-delay:var(--rv-delay)}
.jrny-rv .jrny-rv__w{display:inline-block;white-space:pre}
@media (prefers-reduced-motion:reduce){.jrny-rv .jrny-rv__in{transform:none;opacity:1}}
/* Dropdown Ecosystem */
.jrny-menu__dd{position:relative}
.jrny-menu__dd .jrny-chev{transition:transform .3s}
.jrny-menu__dd.is-open .jrny-chev,.jrny-menu__dd:hover .jrny-chev{transform:rotate(180deg)}
.jrny-dd{position:absolute;top:calc(100% + 24px);right:-12px;width:300px;padding:8px;border-radius:22px;background:rgba(28,28,28,.96);border:1px solid var(--line);box-shadow:0 30px 70px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);transform-origin:top right;transition:opacity .25s,transform .35s cubic-bezier(.16,1,.3,1),visibility 0s .3s;z-index:20}
.jrny-dd::before{content:"";position:absolute;left:0;right:0;top:-24px;height:24px}
.jrny-menu__dd:hover .jrny-dd,.jrny-menu__dd.is-open .jrny-dd,.jrny-menu__dd:focus-within .jrny-dd{opacity:1;visibility:visible;transform:none;transition:opacity .25s,transform .35s cubic-bezier(.16,1,.3,1),visibility 0s}
.jrny-menu .jrny-dd__item{display:flex;align-items:center;gap:14px;height:auto;padding:12px 14px;border-radius:16px;color:var(--cream-2);white-space:normal;transition:background .25s}
.jrny-menu .jrny-dd__item::before{display:none}
.jrny-menu .jrny-dd__item:hover,.jrny-menu .jrny-dd__item:focus-visible{background:rgba(255,99,32,.12);color:var(--cream-2)}
.jrny-dd__ico{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:rgba(255,99,32,.15);flex:none;transition:background .25s}
.jrny-dd__ico img{width:22px;height:22px}
.jrny-dd__item:hover .jrny-dd__ico{background:var(--orange-2)}
.jrny-dd__item:hover .jrny-dd__ico img{filter:brightness(0) invert(1)}
.jrny-dd__txt{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.jrny-dd__txt strong{font-size:16px;font-weight:600;line-height:1.1}
.jrny-dd__txt small{font-size:12.5px;line-height:1.3;color:var(--muted);opacity:.85}
.jrny-dd__item.is-current strong{color:var(--orange-2)}
.jrny-dd__item em{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--orange-2);padding:4px 8px;border-radius:900px;border:1px solid rgba(255,99,32,.4)}
.jrny-dd__arr{width:16px;height:16px;color:var(--muted);opacity:0;transform:translateX(-6px);transition:opacity .25s,transform .35s cubic-bezier(.16,1,.3,1)}
.jrny-dd__item:hover .jrny-dd__arr{opacity:1;transform:none;color:var(--orange-2)}
.jrny-stickynav .jrny-menu .jrny-dd__item{height:auto;padding:12px 14px}
/* Botões */
.jrny-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:63px;padding:14px 20px;border-radius:900px;background:var(--grad);color:var(--cream-2);font-size:18px;font-weight:700;line-height:24px;white-space:nowrap;transition:filter .2s,transform .2s}
.jrny-btn:hover{filter:brightness(1.06)}
.jrny-btn:active{transform:translateY(1px)}
.jrny-btn--sm{height:55px;gap:12px;font-size:16px}
.jrny-btn--outline{background:none;border:1.7px solid #000;color:var(--ink)}
/* preenchimento criativo (todos os botões): o disco do ícone "explode" e toma o botão inteiro */
.jrny-btn{position:relative;overflow:hidden;isolation:isolate;transition:color .35s,border-color .35s,transform .2s}
.jrny-btn:hover{filter:none}
.jrny-btn::before{content:"";position:absolute;right:20px;top:50%;width:28px;height:28px;margin-top:-14px;border-radius:50%;background:#242424;transform:scale(0);transform-origin:center;transition:transform .55s cubic-bezier(.16,1,.3,1);z-index:-1}
.jrny-btn--sm::before{width:22px;height:22px;margin-top:-11px}
.jrny-btn:hover::before,.jrny-btn:focus-visible::before{transform:scale(30)}
.jrny-btn:hover,.jrny-btn:focus-visible{color:var(--cream-2)}
.jrny-btn--outline:hover,.jrny-btn--outline:focus-visible{border-color:#242424}
.jrny-btn .jrny-btn__ic{transition:background .35s,color .35s,transform .45s cubic-bezier(.16,1,.3,1)}
.jrny-btn:hover .jrny-btn__ic,.jrny-btn:focus-visible .jrny-btn__ic{background:var(--orange);color:var(--cream-2);transform:translateX(3px) rotate(-45deg)}
.jrny-btn .jrny-btn__ic svg{transition:transform .45s cubic-bezier(.16,1,.3,1)}
.jrny-btn:hover .jrny-btn__ic svg,.jrny-btn:focus-visible .jrny-btn__ic svg{transform:rotate(45deg)}
/* Botões laranja: brilho diagonal que varre + pulso de luz (sem preenchimento escuro) */
.jrny-btn:not(.jrny-btn--outline):not(.jrny-btn--ghost){--pulse-rgb:255 131 79;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(255,99,32,.45);transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s,color .35s}
.jrny-btn:not(.jrny-btn--outline):not(.jrny-btn--ghost)::before{display:none}
.jrny-btn:not(.jrny-btn--outline):not(.jrny-btn--ghost)::after{content:"";position:absolute;top:0;left:-140px;z-index:1;width:109px;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.45) 50%,rgba(255,255,255,0));opacity:.8;transform:skewX(-12deg);transition:left .8s cubic-bezier(.16,1,.3,1);pointer-events:none}
.jrny-btn:not(.jrny-btn--outline):not(.jrny-btn--ghost):hover{transform:translateY(-2px);color:var(--cream-2)}
.jrny-btn:not(.jrny-btn--outline):not(.jrny-btn--ghost):hover::after,.jrny-btn:not(.jrny-btn--outline):not(.jrny-btn--ghost):focus-visible::after{left:calc(100% + 30px)}
.jrny-btn:not(.jrny-btn--outline):not(.jrny-btn--ghost):active{transform:translateY(0) scale(.98)}
.jrny-btn:not(.jrny-btn--outline):not(.jrny-btn--ghost):hover .jrny-btn__ic{background:#242424;color:var(--cream-2);transform:translateX(2px)}
.jrny-btn:not(.jrny-btn--outline):not(.jrny-btn--ghost):hover .jrny-btn__ic svg{transform:none}
@keyframes jrny-pulse{0%{box-shadow:0 0 21px -6px rgb(var(--pulse-rgb) / 1),inset 0 1px 0 rgba(255,255,255,.35)}70%{box-shadow:0 0 0 25px rgb(var(--pulse-rgb) / 0),inset 0 1px 0 rgba(255,255,255,.35)}100%{box-shadow:0 0 0 0 rgb(var(--pulse-rgb) / 0),inset 0 1px 0 rgba(255,255,255,.35)}}
@media (hover:hover){.jrny-btn:not(.jrny-btn--outline):not(.jrny-btn--ghost):hover{animation:jrny-pulse 2s infinite}}
.jrny-btn>*{position:relative;z-index:2}
.jrny-btn__ic{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#242424;color:var(--cream-2);flex:none}
.jrny-btn--sm .jrny-btn__ic{width:22px;height:22px}
.jrny-btn__ic svg{width:70%;height:70%}

/* Linhas-guia verticais */
.jrny-vline{position:absolute;top:0;bottom:0;width:2px;background:var(--line);pointer-events:none}

/* =====================================================================
   NAV STICKY (aparece ao rolar)
===================================================================== */
/* barra flutuante: pílula no mesmo grid de 1440 da nav do topo, solta do topo */
.jrny-stickynav{position:fixed;left:50%;top:calc(16px + env(safe-area-inset-top,0px));width:min(1440px,calc(100% - 40px));z-index:9997;transform:translate(-50%,calc(-100% - 40px));opacity:0;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s;background:#1c1c1c;border:1px solid var(--line);border-radius:900px;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.jrny-stickynav__in{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:10px 10px 10px 30px}
.jrny-stickynav.is-visible{transform:translate(-50%,0);opacity:1}
.jrny-stickynav__logo{width:239px;height:18px;flex:none}
.jrny-stickynav__logo img{display:block;width:100%;height:auto}
.jrny-menu{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:500;line-height:1.3;color:var(--cream-2)}
.jrny-menu li{white-space:nowrap}
.jrny-menu a{display:inline-flex;align-items:center;height:32px;padding:0 15px;border-radius:900px;transition:background .25s,color .2s}
.jrny-menu a::before{content:"";width:0;height:6px;margin-right:0;border-radius:50%;background:var(--txt);opacity:0;transition:width .25s,margin .25s,opacity .2s}
.jrny-menu a:hover,.jrny-menu a:focus-visible{background:var(--orange-2);color:var(--txt)}
.jrny-menu a:hover::before,.jrny-menu a:focus-visible::before{width:6px;margin-right:5px;opacity:1}
.jrny-menu .jrny-chev{width:12px;height:12px;margin-left:2px}
.jrny-stickynav .jrny-menu{gap:6px;font-size:13px;padding:0 12px;margin-left:auto}
.jrny-stickynav .jrny-menu a{height:30px;padding:0 14px}
.jrny-stickynav__actions{display:flex;align-items:center;gap:10px;margin-left:auto}
.jrny-stickynav .jrny-btn{height:42px;padding:0 18px;font-size:13px;gap:9px;line-height:22px}
.jrny-stickynav .jrny-btn__ic{width:19px;height:19px}
.jrny-stickynav .jrny-btn--ghost{background:none;border:1px solid var(--cream-2);color:var(--cream-2)}
.jrny-stickynav .jrny-btn--ghost .jrny-btn__ic{background:var(--cream-2);color:#242424}
.jrny-stickynav .jrny-btn::before{right:18px;width:19px;height:19px;margin-top:-9.5px}
.jrny-stickynav .jrny-btn--ghost::before{background:var(--cream-2)}
.jrny-stickynav .jrny-btn--ghost:hover{color:#1c1c1c}
.jrny-stickynav .jrny-btn--ghost:hover .jrny-btn__ic{background:#242424;color:var(--cream-2)}

/* nav do topo */
.jrny-nav{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:min(1440px,calc(100% - 40px));height:70px;display:flex;align-items:center;justify-content:space-between;z-index:5}
.jrny-nav__logo{width:272px;height:20.28px}
.jrny-nav .jrny-menu{height:61px;padding:0 12px 0 12px;gap:7px;border-radius:48px;background:var(--panel);border:1px solid var(--line)}
/* hambúrguer (só aparece ≤900px) */
.jrny-nav__burger{display:none;position:relative;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--panel);border:1px solid var(--line);color:var(--cream-2);flex:none;z-index:6}
.jrny-nav__burger i{position:absolute;left:16px;width:20px;height:2px;background:currentColor;border-radius:2px;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .2s,top .35s}
.jrny-nav__burger i:nth-child(1){top:19px}.jrny-nav__burger i:nth-child(2){top:25px}.jrny-nav__burger i:nth-child(3){top:31px}
.jrny-nav.is-open .jrny-nav__burger i:nth-child(1){top:25px;transform:rotate(45deg)}
.jrny-nav.is-open .jrny-nav__burger i:nth-child(2){opacity:0}
.jrny-nav.is-open .jrny-nav__burger i:nth-child(3){top:25px;transform:rotate(-45deg)}
/* nav: entrada (depois da intro) */
.jrny-nav__logo{opacity:0;transform:translateY(-8px);transition:opacity .25s,transform .45s cubic-bezier(.16,1,.3,1)}
.jrny-nav .jrny-menu{opacity:0;transform:translateY(-22px) scale(.96);transition:opacity .3s .04s,transform .5s cubic-bezier(.16,1,.3,1) .04s}
.jrny-nav .jrny-menu>li{opacity:0;transform:translateY(-8px);transition:opacity .3s,transform .45s cubic-bezier(.16,1,.3,1);transition-delay:calc(.12s + var(--i,0)*35ms)}
.jrny-nav.is-in .jrny-nav__logo,.jrny-nav.is-in .jrny-menu,.jrny-nav.is-in .jrny-menu>li{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.jrny-nav__logo,.jrny-nav .jrny-menu,.jrny-nav .jrny-menu>li{opacity:1;transform:none;transition:none}}
.jrny-nav__logo img{display:block;width:100%;height:auto}

/* =====================================================================
   STORAGE SIZE GUIDE
===================================================================== */
.jrny-sizes{position:relative;padding-top:119px;color:var(--ink)}
.jrny-sizes__panel{position:relative}
.jrny-sizes__panel::before{content:"";position:absolute;inset:0 0 0 28px;background:var(--cream);border-radius:0 0 0 60px}
.jrny-sizes__wrap{min-height:799px;padding:92px 0 97px}
.jrny-sizes__panel>.jrny-vline{left:calc(50% - min(720px,50% - 32px));z-index:1;background:var(--cream-line)} /* mesma fórmula da linha do .jrny-band2 logo abaixo, para as duas caírem no mesmo pixel */
.jrny-sizes__panel{z-index:2}
@media (min-width:901px) and (max-width:1615px){.jrny-sizes__panel{clip-path:inset(0 0 0 28px round 0 0 0 60px)}} /* aqui a linha cai dentro da curva do canto: o painel recorta a própria linha na curva e a linha do .jrny-band2 continua por baixo */
.jrny-sizes__head{display:flex;align-items:flex-end;justify-content:space-between;width:1280px;max-width:100%;margin-left:80px}
.jrny-sizes__head h2{width:525px;color:var(--ink)}
.jrny-sizes__nav{display:flex;gap:7.7px}
.jrny-sizes__nav button{display:flex;align-items:center;justify-content:center;width:42.2px;height:42.2px;border-radius:50%;border:1.3px solid #000;transition:transform .2s}
.jrny-sizes__nav button:hover{transform:scale(1.06)}
.jrny-sizes__nav button span{display:flex;align-items:center;justify-content:center;width:21.5px;height:21.5px;border-radius:50%;background:#242424;color:var(--cream-2);transition:background .25s}
.jrny-sizes__nav button:hover span,.jrny-sizes__nav button:focus-visible span{background:var(--orange)}
.jrny-sizes__nav svg{width:15px;height:15px}
.jrny-sizes__viewport{width:calc(50vw + 640px);margin-left:80px;margin-top:20px;padding:14px 0 40px;margin-bottom:-40px;overflow:hidden}
.jrny-sizes__track{display:flex;gap:11px;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.jrny-size{position:relative;flex:none;width:311.5px;height:420.6px;overflow:hidden;background:rgba(228,218,206,.5)}
.jrny-size>img,.jrny-size>video{position:absolute;left:50%;top:-16.5px;width:312px;transform:translateX(-50%)}
.jrny-size>video{height:390px;object-fit:cover;background:#f9f2e3}
.jrny-size:has(>video){background:#f9f2e3}
.jrny-size::after{content:"";position:absolute;inset:0;border:1.5px solid var(--cream-line);pointer-events:none;z-index:3}
.jrny-size.jrny-size--anim{opacity:0;transform:translateY(26px)}
.jrny-size.jrny-size--anim.is-in{opacity:1;transform:none;transition:opacity .5s ease-out,transform .8s cubic-bezier(.16,1,.3,1);transition-delay:var(--sz-delay,0ms)}
@media (prefers-reduced-motion:reduce){.jrny-size.jrny-size--anim{opacity:1;transform:none;transition:none}}
.jrny-size--hover{cursor:pointer;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s}
.jrny-size--hover .jrny-size__bar{transition:background .3s}
.jrny-size--hover .jrny-size__dim img{transition:filter .3s}
.jrny-size--hover>video{transition:opacity .25s ease}
.jrny-size--hover.is-swap>video{opacity:0}
@media (hover:hover){
.jrny-size--hover.is-in:hover{transform:translateY(-6px);box-shadow:0 18px 32px -14px rgba(24,24,24,.35);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s}
.jrny-size--hover:hover .jrny-size__bar{background:var(--orange-2)}
.jrny-size--hover:hover .jrny-size__dim img{filter:brightness(0) invert(1)}
}
@media (prefers-reduced-motion:reduce){.jrny-size--hover.is-in:hover{transform:none}}
.jrny-size__bar{position:absolute;left:0;right:0;top:353.9px;z-index:4;height:66.7px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 26.5px;background:var(--line);color:var(--txt)}
.jrny-size__dim{display:flex;align-items:center;gap:2.6px;font-size:30px;line-height:1.15;letter-spacing:-.6px;font-weight:600;text-transform:uppercase;white-space:nowrap}
.jrny-size__dim img{width:12.9px;height:12.9px}
.jrny-size__lbl{width:153px;font-size:13.64px;line-height:1.15;letter-spacing:-.27px;text-transform:uppercase}
.jrny-size__lbl b{display:block;font-weight:800}
.jrny-sizes__foot{display:flex;align-items:center;justify-content:space-between;width:1277px;max-width:100%;margin:48px 0 0 81px}
.jrny-sizes__foot>div{display:flex;align-items:center;gap:30px}
.jrny-sizes__foot p{width:508px;font-size:20px;line-height:1.4;font-weight:500;color:var(--ink-muted)}
.jrny-sizes__foot p b{font-weight:700;color:var(--ink-2)} /* sobe por trás do painel creme acima: preenche o recorte do canto arredondado sem deixar buraco na linha */
.jrny-faq__wrap{padding-top:74px;padding-bottom:81px}
.jrny-faq__grid{display:grid;grid-template-columns:482px 779px;justify-content:space-between;align-items:start;padding-right:80px}
.jrny-faq__head{position:sticky;top:120px;z-index:2;padding-left:80px;margin-top:-5px}
.jrny-faq__head h2{width:399px;font-size:50px;line-height:1.25;letter-spacing:-1px;text-transform:uppercase;font-weight:300}
.jrny-faq__head h2 b{font-weight:800}
.jrny-faq__list{display:flex;flex-direction:column;gap:10px}
.jrny-faq__item{border-radius:45px;background:var(--panel);transition:border-radius .45s cubic-bezier(.4,0,.2,1)}
.jrny-faq__item.is-open{border-radius:28px}
.jrny-faq__q{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:25px 30px;text-align:left;transition:padding-bottom .45s cubic-bezier(.4,0,.2,1)}
.jrny-faq__q>div{display:flex;align-items:center;gap:25px;font-size:20px;line-height:1.25;letter-spacing:-.4px;text-transform:uppercase;color:var(--muted-2);white-space:nowrap}
.jrny-faq__q>div span{font-weight:800}
.jrny-faq__q>div p{font-weight:300}
.jrny-faq__q>div p b{font-weight:800}
.jrny-faq__btn{display:flex;align-items:center;justify-content:center;width:39px;height:39px;border-radius:50%;background:#54524a;color:var(--muted-2);flex:none;transition:background .3s,transform .45s cubic-bezier(.4,0,.2,1)}
.jrny-faq__btn svg{width:27px;height:27px}
.jrny-faq__item.is-open .jrny-faq__btn{background:var(--orange);transform:rotate(180deg)}
.jrny-faq__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.4,0,.2,1)}
.jrny-faq__a>div{overflow:hidden}
.jrny-faq__a p{width:661px;max-width:100%;padding:0 30px 25px;font-size:16px;line-height:1.4;font-weight:500;color:var(--muted-2);opacity:0;transition:opacity .25s ease}
.jrny-faq__item.is-open .jrny-faq__a p{opacity:1;transition:opacity .3s ease .15s}
.jrny-faq__item.is-open .jrny-faq__a{grid-template-rows:1fr}
.jrny-faq__a a{color:var(--txt);text-decoration:underline;text-decoration-color:rgba(232,98,42,.6);text-underline-offset:3px;transition:color .2s ease}
.jrny-faq__a a:hover{color:var(--orange)}
.jrny-faq__a a:focus-visible{outline:2px solid var(--orange);outline-offset:2px;border-radius:2px}
.jrny-faq__a a:active{opacity:.75}
.jrny-faq__item.is-open .jrny-faq__q{padding-bottom:10px}
/* =====================================================================
   COMMUNITY
===================================================================== */
.jrny-social{display:flex;gap:8px}
.jrny-social a{position:relative;display:block;width:47px;height:47px;border-radius:50%;overflow:hidden;isolation:isolate;transition:transform .2s}
.jrny-social a::before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--grad);transform:scale(0);transition:transform .35s cubic-bezier(.2,.8,.2,1);z-index:1}
.jrny-social a:hover,.jrny-social a:focus-visible{transform:translateY(-2px)}
.jrny-social a:hover::before,.jrny-social a:focus-visible::before{transform:scale(1)}
.jrny-social img{position:relative;z-index:2;display:block;width:47px;height:47px;mix-blend-mode:lighten}
.jrny-divider{display:flex;align-items:center;gap:30px;width:min(1440px,calc(100% - 64px));margin:70px auto 0}
.jrny-divider i{display:block;height:2px;background:var(--line)}
.jrny-divider i:first-child{flex:1}
.jrny-divider i:last-child{width:671px}
.jrny-divider img{width:22px;height:19.7px}

/* =====================================================================
   FOOTER
===================================================================== */
.jrny-footer{position:relative;margin-top:97px;padding-bottom:0}
.jrny-footer__panel{position:relative;height:560px}
.jrny-footer__panel::before{content:"";position:absolute;inset:0 0 0 29px;background:var(--panel);border-radius:60px 0 0 0}
.jrny-footer__wrap{height:100%}
.jrny-footer__wrap .jrny-vline--m{left:773px;height:369px;bottom:auto}
.jrny-footer__hline{display:block;position:absolute;left:2px;top:368px;width:calc(100% + 400px);height:2px;background:var(--line)}
.jrny-footer__brand{position:absolute;left:80px;top:54px;width:506px;display:flex;flex-direction:column;gap:32px}
.jrny-footer__brand>img{width:272px;height:20.28px}
.jrny-footer__brand p{font-size:20px;line-height:1.4;font-weight:500;color:var(--muted)}
.jrny-footer__brand p b{font-weight:800;color:var(--cream-2)}
.jrny-footer__loop{position:absolute;left:80px;top:280px;display:flex;align-items:center;gap:29px}
.jrny-footer__loop>p{font-size:20px;line-height:1.4;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.jrny-footer__loop>p b{font-weight:800;color:var(--cream-2)}
.jrny-footer__loop form{display:flex;align-items:stretch;gap:12px}
.jrny-footer__loop input{width:273px;height:55px;padding:14px 20px;border-radius:900px;background:var(--ink-2);border:1px solid var(--line);font-size:14px;line-height:24px;font-weight:500;color:var(--muted)}
.jrny-footer__loop input::placeholder{color:var(--muted);opacity:1}
.jrny-footer__loop .jrny-btn{width:145px}
.jrny-footer__cols{position:absolute;left:909px;top:59px;width:451px;display:flex;justify-content:space-between;line-height:1.05}
.jrny-footer__cols>div{display:flex;flex-direction:column;gap:28px}
.jrny-footer__cols h3{font-size:18px;letter-spacing:-.36px;font-weight:600}
.jrny-footer__cols ul{display:flex;flex-direction:column;gap:20px;font-size:16px;letter-spacing:-.32px;color:var(--ink-link);white-space:nowrap}
.jrny-footer__cols a:hover{color:var(--muted)}
.jrny-footer__big{position:absolute;left:80px;top:427px;width:1280px;height:95.4px}
.jrny-footer__strip{position:relative;z-index:2;margin:22px 0 0 29px;height:20px;background:var(--orange-2)}

/* =====================================================================
   RESPONSIVO
   ≥1921 ultrawide · 1401–1920 desktop (Figma) · 901–1400 laptop/tablet paisagem
   701–900 tablet retrato · ≤700 mobile
===================================================================== */
/* ---- Ultrawide: painéis full-bleed ficam limitados a 1920px e centralizados; setas abraçam o hero ---- */
@media (min-width:1921px){
  .jrny-sizes__panel::before{inset:0 calc(50% - 960px) 0 calc(50% - 932px)}
  .jrny-sizes__viewport{width:calc(50% + 640px)}
  .jrny-footer__panel::before{inset:0 calc(50% - 960px) 0 calc(50% - 931px)}
  .jrny-footer__strip{margin-left:calc(50% - 931px);margin-right:calc(50% - 960px)}
  .jrny-footer__hline{width:calc(50% + 900px)}
}
/* ---- Desktop entre 1400 e 1520: o Figma (1520+) aperta um pouco ---- */
@media (max-width:1560px){
  .jrny-sizes__viewport{width:auto;margin-right:0}
}
/* ---- Laptop / tablet paisagem ---- */
@media (max-width:1400px){
  .jrny-sizes__head{width:auto;margin:0 40px 0 80px;padding-right:0}
  .jrny-sizes__head .jrny-accent::before{left:-80px}
  .jrny-sizes__viewport{margin-left:80px}
  .jrny-sizes__foot{width:auto;margin:48px 40px 0;gap:30px;flex-wrap:wrap}
  .jrny-faq__grid{grid-template-columns:minmax(0,1fr);gap:40px;padding:0 40px}
  .jrny-faq__head{position:relative;top:auto;padding-left:40px}
  .jrny-faq__head .jrny-accent::before{left:-80px}
  /* footer vira grid: marca + newsletter à esquerda, colunas à direita, logo grande embaixo */
  .jrny-footer__panel{height:auto;padding:54px 40px 60px}
  .jrny-footer__wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:60px;row-gap:40px;align-items:start}
  .jrny-footer__brand,.jrny-footer__loop,.jrny-footer__cols,.jrny-footer__big{position:static;margin:0}
  .jrny-footer__brand{grid-column:1;grid-row:1;width:auto;max-width:506px}
  .jrny-footer__loop{grid-column:1;grid-row:2;flex-wrap:wrap}
  .jrny-footer__cols{grid-column:2;grid-row:1/3;width:auto;min-width:451px;gap:40px}
  .jrny-footer__big{grid-column:1/-1;grid-row:3;width:100%;height:auto;margin-top:20px;padding-top:50px;border-top:2px solid var(--line)}
  .jrny-footer__hline,.jrny-footer__wrap .jrny-vline--m{display:none}
  .jrny-divider i:last-child{width:30%}
}
/* ---- Tablet retrato ---- */
@media (max-width:900px){
  .jrny-sizes__head .jrny-accent{margin-left:8px}
  .jrny-sizes__head .jrny-accent::before{left:-32px}
  .jrny-faq__head .jrny-accent{margin-left:-8px}
  .jrny-faq__head .jrny-accent::before{left:-32px}
  .jrny-wrap{width:calc(100% - 32px)}
  /* nav: hambúrguer + menu em painel */
  .jrny-nav{width:calc(100% - 24px);z-index:8} /* acima das setas do slider (z 6) para o painel do menu não ficar por baixo */
  .jrny-nav__burger{display:inline-flex}
  .jrny-nav .jrny-menu,.jrny-stickynav .jrny-menu{position:absolute;top:calc(100% + 10px);right:0;left:0;height:auto;flex-direction:column;align-items:stretch;gap:2px;padding:12px;border-radius:26px;background:rgba(28,28,28,.97);border:1px solid var(--line);box-shadow:0 30px 70px rgba(0,0,0,.5);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);font-size:16px;visibility:hidden;pointer-events:none}
  .jrny-nav.is-in .jrny-menu,.jrny-stickynav.is-in .jrny-menu{opacity:0;transform:translateY(-10px) scale(.98)}
  .jrny-nav.is-open .jrny-menu,.jrny-stickynav.is-open .jrny-menu{opacity:1;transform:none;visibility:visible;pointer-events:auto}
  .jrny-nav.is-open .jrny-menu>li,.jrny-stickynav.is-open .jrny-menu>li{opacity:1;transform:none}
  .jrny-nav .jrny-menu a,.jrny-stickynav .jrny-menu a{height:46px;padding:0 16px;width:100%;justify-content:space-between}
  .jrny-nav .jrny-menu a,.jrny-stickynav .jrny-menu a{justify-content:flex-start}
  /* item ativo: pílula laranja cheia com texto claro e a bolinha na frente, igual ao desktop */
  .jrny-nav .jrny-menu li.is-active>a,.jrny-stickynav .jrny-menu li.is-active>a{background:var(--orange-2);color:var(--txt)}
  .jrny-nav .jrny-menu li.is-active>a::before,.jrny-stickynav .jrny-menu li.is-active>a::before{width:6px;margin-right:8px;opacity:1}
  .jrny-nav .jrny-menu li:not(.is-active)>a::before,.jrny-stickynav .jrny-menu li:not(.is-active)>a::before{display:none}
  .jrny-nav .jrny-menu__dd>a,.jrny-stickynav .jrny-menu__dd>a{justify-content:flex-start;gap:6px}
  .jrny-nav .jrny-dd,.jrny-stickynav .jrny-dd{position:static;width:auto;opacity:1;visibility:visible;transform:none;padding:0 0 4px 8px;border:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:none}
  .jrny-nav .jrny-dd::before,.jrny-stickynav .jrny-dd::before{display:none}
  .jrny-nav .jrny-menu .jrny-dd__item,.jrny-stickynav .jrny-menu .jrny-dd__item{height:auto;padding:10px 12px;justify-content:flex-start}
  .jrny-nav .jrny-menu .jrny-dd__item::before,.jrny-stickynav .jrny-menu .jrny-dd__item::before{display:none}
  .jrny-stickynav .jrny-menu,.jrny-stickynav .jrny-btn--ghost{display:none}
  .jrny-stickynav__logo{width:170px;height:13px}
  .jrny-stickynav{width:calc(100% - 24px);top:calc(12px + env(safe-area-inset-top,0px))}.jrny-stickynav__in{padding:8px 8px 8px 22px}
  .jrny-h2,.jrny-faq__head h2{font-size:34px}
  .jrny-sizes{padding-top:80px}
  .jrny-sizes__panel::before{left:0;border-radius:0}
  .jrny-sizes__wrap{min-height:0;padding:64px 0 72px}
  .jrny-sizes__panel>.jrny-vline{left:16px} /* mesma margem de 16px do wrap e da linha do .jrny-band2: as duas caem no mesmo pixel */
  /* título em 2 linhas; setas à direita, alinhadas com a base do título */
  .jrny-br-m{display:inline}
  .jrny-sizes__head{margin:0 24px;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:16px}
  .jrny-sizes__head h2{width:auto}
  /* carrossel de tamanhos: no toque vira scroll nativo com snap; as setas rolam o viewport */
  .jrny-sizes__viewport{margin-left:24px;margin-right:0;padding-right:24px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:0;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain}
  .jrny-sizes__viewport::-webkit-scrollbar{display:none}
  .jrny-sizes__track{width:max-content;transform:none!important;padding-right:24px}
  .jrny-size{scroll-snap-align:start}
  .jrny-sizes__nav button{width:44px;height:44px}
  .jrny-sizes__head h2 b{white-space:nowrap}
  /* rodapé do size guide: texto em 2 linhas, botão centralizado embaixo */
  .jrny-sizes__foot{margin:44px 24px 0;flex-direction:column;align-items:center;gap:26px;text-align:center}
  .jrny-sizes__foot>div{flex-direction:column;gap:18px}
  .jrny-sizes__foot p{width:auto;font-size:18px;line-height:1.4;white-space:nowrap}
  .jrny-sizes__foot>.jrny-btn{align-self:center}
  .jrny-faq__wrap{padding-top:56px;padding-bottom:64px}
  .jrny-faq__grid{padding:0 16px}
  .jrny-faq__head{padding-left:24px}
  .jrny-faq__head h2{width:auto}
  .jrny-faq__q>div{white-space:normal;font-size:16px;gap:14px}
  .jrny-faq__q{padding:18px 20px}
  .jrny-faq__a p{padding:0 20px 20px}
  /* divisor: linha de borda a borda, ícone no centro */
  .jrny-divider{width:100%;margin:48px 0 0;gap:24px}
  .jrny-divider i:last-child{flex:1;width:auto}
  .jrny-footer{margin-top:64px}
  .jrny-footer__panel{padding:40px 24px}
  .jrny-footer__panel::before{left:0;border-radius:0}
  .jrny-footer__wrap{grid-template-columns:minmax(0,1fr);column-gap:0;row-gap:36px}
  .jrny-footer__brand{grid-row:auto}
  .jrny-footer__loop{grid-row:auto;gap:16px}
  .jrny-footer__cols{grid-column:1;grid-row:auto;min-width:0;flex-wrap:wrap;gap:30px 48px;justify-content:flex-start}
  .jrny-footer__big{grid-row:auto;margin-top:0;padding-top:36px}
  .jrny-footer__loop form{width:100%}
  .jrny-footer__loop input{flex:1;min-width:0;width:auto}
  .jrny-footer__strip{margin-left:0}
}
/* ---- Hero no celular e no tablet retrato (≤900px): mesma composição do Figma mobile, escalada pela largura ---- */
@media (max-width:900px){
  /* nav: 20px do topo, logo 234px, botão redondo de 44px */
  .jrny-nav{top:20px;width:calc(100% - 40px);height:44px}
  .jrny-nav__logo{width:234px;height:17.2px}
  .jrny-nav__burger{width:44px;height:44px}
  .jrny-nav__burger i{left:13.5px;width:17px}
  .jrny-nav__burger i:nth-child(1){top:16px}.jrny-nav__burger i:nth-child(2){top:21px}.jrny-nav__burger i:nth-child(3){top:26px}
  .jrny-nav.is-open .jrny-nav__burger i:nth-child(1),.jrny-nav.is-open .jrny-nav__burger i:nth-child(3){top:21px}
}
/* ---- Mobile ---- */
@media (max-width:700px){
  /* rodapé: marca, texto, redes e newsletter centralizados; e-mail + botão na mesma linha */
  .jrny-footer__brand{align-items:center;text-align:center;gap:24px}
  .jrny-footer__brand p{font-size:18px}
  .jrny-footer__brand .jrny-social{justify-content:center}
  .jrny-footer__loop{flex-direction:column;align-items:center;gap:14px}
  .jrny-footer__loop>p{font-size:18px}
  .jrny-footer__loop form{flex-wrap:nowrap;gap:8px}
  .jrny-footer__loop input{flex:1 1 auto;min-width:0;padding:14px 16px;font-size:13px}
  .jrny-footer__loop .jrny-btn{width:auto;flex:none;padding:0 16px}
  /* colunas de links lado a lado: 3 colunas com tipografia um passo menor */
  .jrny-footer__cols{display:grid;width:100%;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,.9fr);gap:0 12px;border-top:1px solid var(--line);padding-top:28px;text-align:center;justify-items:center}
  .jrny-footer__big{align-self:center;width:min(100%,320px);margin:0 auto}
  .jrny-footer__cols>div{gap:18px}
  .jrny-footer__cols h3{font-size:15px;letter-spacing:-.3px}
  .jrny-footer__cols ul{gap:14px;font-size:14px;letter-spacing:-.2px;white-space:normal}
  .jrny-sizes__viewport{margin-left:16px;padding-right:16px}
  .jrny-sizes__track{padding-right:16px}
  .jrny-sizes__head,.jrny-sizes__foot{margin-left:16px;margin-right:16px}
  .jrny-sizes__head .jrny-accent{margin-left:16px}
  .jrny-sizes__head .jrny-accent::before{left:-32px}
  /* barra fixa: só o J, mais folga nas laterais, Pay bill + Find units lado a lado */
  .jrny-stickynav__in{padding:8px;gap:12px}
  .jrny-stickynav__logo{display:none}
  .jrny-stickynav__burger{display:inline-flex;width:46px;height:46px;background:none;border-color:var(--cream-2)}
  .jrny-stickynav__burger i{left:13px}
  .jrny-stickynav__burger i:nth-child(1){top:16px}.jrny-stickynav__burger i:nth-child(2){top:22px}.jrny-stickynav__burger i:nth-child(3){top:28px}
  .jrny-stickynav.is-open .jrny-stickynav__burger i:nth-child(1){top:22px;transform:rotate(45deg)}
  .jrny-stickynav.is-open .jrny-stickynav__burger i:nth-child(2){opacity:0}
  .jrny-stickynav.is-open .jrny-stickynav__burger i:nth-child(3){top:22px;transform:rotate(-45deg)}
  .jrny-stickynav__in{position:relative}
  /* fechado: invisível de verdade (opacity 0 + visibility) — o submenu Ecosystem tem visibility:visible próprio e vazava pelo pai só com visibility:hidden */
  .jrny-stickynav .jrny-menu{display:flex;top:calc(100% + 14px);bottom:auto;margin:0;padding:12px;font-size:16px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px) scale(.98);transition:opacity .25s,transform .35s cubic-bezier(.16,1,.3,1),visibility 0s .3s}
  .jrny-stickynav:not(.is-open) .jrny-menu *{visibility:hidden}
  .jrny-stickynav.is-open .jrny-menu{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .25s,transform .35s cubic-bezier(.16,1,.3,1)}
  .jrny-stickynav .jrny-menu>li{opacity:1;transform:none}
  .jrny-stickynav .jrny-btn--ghost{display:inline-flex}
  .jrny-stickynav__actions{gap:8px}
  .jrny-stickynav__actions .jrny-btn{height:46px;padding:0 16px;font-size:15px;gap:8px}
  .jrny-stickynav__actions .jrny-btn .jrny-btn__ic{width:22px;height:22px}
}
@media (max-width:420px){
  .jrny-h2,.jrny-faq__head h2{font-size:30px}
  .jrny-nav__logo{width:200px;height:15px}
  .jrny-btn{height:56px;font-size:16px}
  .jrny-size{width:270px;height:365px}
  /* vídeo escala junto com o cartão (fator 270/311.5), mantendo o mesmo enquadramento do desktop */
  .jrny-size>img,.jrny-size>video{width:270px;top:-14px}
  .jrny-size>video{height:338px}
  .jrny-size__bar{top:305px;height:60px;padding:0 18px}
  .jrny-size__dim{font-size:24px}
  .jrny-size__lbl{width:120px;font-size:12px}
  .jrny-stickynav__actions .jrny-btn{height:42px;padding:0 14px;font-size:14px;gap:6px}
  .jrny-stickynav__actions .jrny-btn .jrny-btn__ic{width:20px;height:20px}
}
/* ---- Toque: alvos mínimos de 44px ---- */
@media (pointer:coarse){
  .jrny-sizes__nav button{width:44px;height:44px}
  .jrny-faq__q{min-height:64px}
  .jrny-menu a{min-height:44px}
}
@media (prefers-reduced-motion:reduce){
  .jrny *{animation:none!important;transition:none!important}
}
/* ---------- Acessibilidade e acabamento (Web Interface Guidelines) ---------- */
.jrny-skip{position:fixed;left:16px;top:16px;z-index:10001;padding:12px 18px;border-radius:900px;background:var(--orange-2);color:var(--txt);font-size:14px;font-weight:700;transform:translateY(-160%);transition:transform .3s cubic-bezier(.16,1,.3,1)}
.jrny-skip:focus-visible{transform:none}
.jrny [id]{scroll-margin-top:24px}
.jrny :is(a,button,input,textarea,[role="button"],[tabindex]):focus-visible{outline:2px solid var(--orange-2);outline-offset:3px}
.jrny .jrny-faq__q:focus-visible{outline-offset:-3px;border-radius:45px}
.jrny a,.jrny button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
@media (prefers-reduced-motion:reduce){.jrny-skip{transition:none}}

/* SEO footer. Storage + Resources sit right of the vertical line, as in the Figma footer; the four facilities get
   their own full-width band between the two horizontal lines, so the addresses (NAP) read at a real size.
   Desktop keeps the absolute layout (panel grows 560 -> 730); at 1400 and below the footer grid takes a row for it. */
.jrny-footer__panel{height:730px}
.jrny-footer__cols--seo{left:909px;top:59px;width:451px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;line-height:1.3}
.jrny-footer__cols--seo>nav{display:flex;flex-direction:column;gap:28px;min-width:0}
.jrny-footer__cols--seo h3{font-size:18px;line-height:1.05;letter-spacing:-.36px;font-weight:600;color:var(--txt)}
.jrny-footer__cols--seo ul{gap:18px;font-size:16px;line-height:1.3;letter-spacing:-.32px;white-space:normal}
.jrny-footer__cols--seo li{text-wrap:balance}
.jrny-footer__cols--seo a,.jrny-footer__locs a{transition:color .2s ease}
.jrny-footer__cols--seo a:hover{color:var(--cream-2)}
.jrny-footer__cols--seo a:focus-visible,.jrny-footer__locs a:focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:2px}
.jrny-footer__cols--seo a:active,.jrny-footer__locs a:active{opacity:.75}
.jrny-ft-eco{display:inline-block;padding-top:2px;font-size:14px;letter-spacing:.06em}

.jrny-footer__locs{position:absolute;left:80px;top:370px;width:1280px;height:160px;display:grid;grid-template-columns:240px repeat(4,minmax(0,1fr))}
.jrny-footer__locs-head{display:flex;flex-direction:column;gap:12px;padding:40px 24px 0 0}
.jrny-footer__locs-head h3{font-size:18px;line-height:1.05;letter-spacing:-.36px;font-weight:600;color:var(--txt)}
.jrny-footer__locs-head h3 a{color:inherit}
.jrny-footer__locs-head h3 a:hover{color:var(--cream-2)}
.jrny-footer__locs-head p{font-size:15px;line-height:1.4;color:var(--ink-link)}
.jrny-footer__locs ul{display:contents}
.jrny-footer__locs li{min-width:0;border-left:2px solid var(--line)}
.jrny-footer__loc{position:relative;display:flex;flex-direction:column;gap:10px;height:100%;padding:40px 28px 0}
.jrny-footer__loc b{padding-right:44px;font-size:18px;line-height:1.2;letter-spacing:-.36px;font-weight:600;color:var(--muted);transition:color .2s ease}
.jrny-footer__loc address{font-style:normal;font-size:15px;line-height:1.45;color:var(--ink-link)}
.jrny-footer__loc-go{position:absolute;top:34px;right:24px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--line-2);color:var(--muted);transition:background-color .25s ease,border-color .25s ease,color .25s ease,transform .25s cubic-bezier(.2,.8,.2,1)}
.jrny-footer__loc-go svg{width:16px;height:16px}
a.jrny-footer__loc:hover b{color:var(--txt)}
a.jrny-footer__loc:hover .jrny-footer__loc-go{background:var(--orange);border-color:var(--orange);color:var(--txt);transform:translateX(2px)}
.jrny-footer__loc--soon b{color:var(--ink-link)}
.jrny-footer__soon{align-self:flex-start;margin-top:2px;padding:6px 12px;border:1px solid var(--orange);border-radius:900px;font-size:11px;line-height:1;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--orange)}
.jrny-footer__hline--2{top:530px}
.jrny-footer__big{top:587px}
@media (prefers-reduced-motion:reduce){.jrny-footer__loc-go{transition:none}}

@media (max-width:1400px){
  .jrny-footer__panel{height:auto}
  .jrny-footer__loop{position:relative;top:auto;left:auto}
  .jrny-footer__cols--seo{min-width:451px}
  .jrny-footer__locs{position:static;grid-column:1/-1;grid-row:3;width:auto;height:auto;margin-top:20px;border-top:2px solid var(--line)}
  .jrny-footer__loc{padding-bottom:40px}
  .jrny-footer__big{grid-row:4;margin-top:0}
  .jrny-footer__locs{grid-template-columns:repeat(4,minmax(0,1fr))}
  .jrny-footer__locs-head{grid-column:1/-1;flex-direction:row;align-items:baseline;gap:16px;padding:32px 0 0}
  .jrny-footer__locs li:first-child{border-left:0}
  .jrny-footer__locs li:first-child .jrny-footer__loc{padding-left:0}
  .jrny-footer__loc{padding-top:24px;padding-bottom:36px}
  .jrny-footer__loc-go{top:20px}
}
@media (min-width:901px) and (max-width:1200px){.jrny-footer__loc-go{display:none}.jrny-footer__loc b{padding-right:0}}
@media (max-width:900px){
  .jrny-footer__cols--seo{width:auto;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))}
  .jrny-footer__locs{grid-row:auto;margin-top:0;grid-template-columns:repeat(2,minmax(0,1fr))}
  .jrny-footer__locs li:nth-child(odd){border-left:0}
  .jrny-footer__locs li:nth-child(odd) .jrny-footer__loc{padding-left:0}
  .jrny-footer__locs li:nth-child(n+3){border-top:2px solid var(--line)}
  .jrny-footer__loc{padding-top:24px;padding-bottom:28px}
  .jrny-footer__locs li:nth-child(odd) .jrny-footer__loc-go{right:20px}
  .jrny-footer__big{grid-row:auto}
}
@media (max-width:700px){
  .jrny-footer__cols--seo{display:grid;width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 16px;padding-top:28px;border-top:1px solid var(--line);text-align:center;justify-items:center}
  .jrny-footer__cols--seo>nav{gap:18px;align-items:center}
  .jrny-footer__cols--seo ul{gap:14px;font-size:15px}
  .jrny-ft-eco{font-size:12.5px;letter-spacing:.04em}
  .jrny-footer__locs{border-top:1px solid var(--line);text-align:center}
  .jrny-footer__locs-head{flex-direction:column;align-items:center;gap:8px;padding-top:28px}
  .jrny-footer__locs-head p{font-size:14px}
  .jrny-footer__locs li{border-left-width:1px}
  .jrny-footer__locs li:nth-child(n+3){border-top-width:1px}
  .jrny-footer__loc,.jrny-footer__locs li:nth-child(odd) .jrny-footer__loc{align-items:center;gap:6px;padding:22px 8px 24px}
  .jrny-footer__loc b{padding-right:0;font-size:16px}
  .jrny-footer__loc address{font-size:13px}
  .jrny-footer__loc-go{display:none}
  .jrny-footer__soon{align-self:center;padding:5px 10px;font-size:10px}
}
@media (max-width:420px){.jrny-ft-eco{font-size:12px;letter-spacing:.02em}}
/* Lead form status line */
.jrny-form-status{margin-top:12px;font-size:14px;line-height:1.4;font-weight:500;color:var(--muted)}
.jrny-footer__loop>p.jrny-form-status.is-error,.jrny-form-status.is-error{color:var(--orange)}
.jrny-footer__loop>p.jrny-form-status{position:absolute;left:0;right:0;top:100%;margin-top:10px;font-size:14px;text-transform:none;white-space:normal}
@media (max-width:700px){.jrny-footer__loop>p.jrny-form-status{position:static;margin-top:0;text-align:center}}
/* faixa legal abaixo do rodapé (igual às páginas internas) */
.jrny-rs-legal{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 30px;width:min(1280px,calc(100% - 64px));margin:0 auto;padding:22px 0 40px;font-size:13px;line-height:1.4;letter-spacing:.02em;color:var(--ink-link)}
.jrny-rs-legal ul{display:flex;gap:24px;margin:0;padding:0;list-style:none}
.jrny-rs-legal p{margin:0}
.jrny-rs-legal a{color:inherit;text-decoration:none}
.jrny-rs-legal a:hover{color:var(--muted)}
@media (max-width:900px){.jrny-rs-legal{width:calc(100% - 32px);flex-direction:column;align-items:center;text-align:center;padding-bottom:40px}}
.jrny-sizes__panel>.jrny-vline--r{left:auto;right:calc(50% - min(720px,50% - 32px))}
@media (max-width:900px){
  .jrny-sizes__panel>.jrny-vline--r{left:auto;right:16px}
}

/* ---------- Botão fantasma (contorno creme) ---------- */
.jrny .jrny-btn--ghost{background:none;border:1px solid var(--cream-2);color:var(--cream-2)}
.jrny .jrny-btn--ghost .jrny-btn__ic{background:var(--cream-2);color:#242424}
.jrny .jrny-btn--ghost::before{background:var(--cream-2)}
.jrny .jrny-btn--ghost:hover,.jrny .jrny-btn--ghost:focus-visible{color:#1c1c1c}
.jrny .jrny-btn--ghost:hover .jrny-btn__ic,.jrny .jrny-btn--ghost:focus-visible .jrny-btn__ic{background:#242424;color:var(--cream-2)}
/* ---------- FAQ nas páginas internas (.jrny-rs): perguntas quebram linha, número na linha de base ---------- */
.jrny-rs .jrny-faq__q>div{white-space:normal;align-items:baseline}
.jrny-rs .jrny-faq__head h2{width:460px}
@media (max-width:1400px){
  .jrny-rs .jrny-faq__head h2{width:auto}
}
/* ---------- Divisória com barra (Rent a space) ---------- */
.jrny-divider--bar{width:min(1360px,calc(100% - 64px));margin:0 auto}
.jrny-divider--bar i:last-child{flex:1;width:auto}
/* ---------- Pular para o conteúdo (páginas com .jrny-rs) ---------- */
.jrny-rs-skip{position:fixed;left:16px;top:16px;z-index:10001;padding:12px 18px;border-radius:900px;background:var(--orange-2);color:var(--txt);font-size:14px;font-weight:700;transform:translateY(-160%);transition:transform .3s cubic-bezier(.16,1,.3,1)}
.jrny-rs-skip:focus-visible{transform:none}
@media (prefers-reduced-motion:reduce){.jrny-rs-skip{transition:none}}
/* ---------- GRADE CONTÍNUA das páginas com <main class="jrny-body"> (Smart Entry, Move-out, legais): uma linha só, do fim do hero até o rodapé ---------- */
.jrny-body{position:relative}
.jrny-pagegrid{position:absolute;top:0;bottom:0;left:0;right:0;width:min(1440px,calc(100% - 64px));margin:0 auto;pointer-events:none;z-index:1}
.jrny-pagegrid .jrny-vline{background:rgba(140,128,112,.32)}
.jrny-pagegrid .jrny-vline--l{left:0}
.jrny-pagegrid .jrny-vline--r{right:0}
@media (max-width:900px){.jrny-pagegrid{width:calc(100% - 32px)}}

/* Pay bill no menu do topo: o mesmo botão contornado da barra fixa, no fim da pílula.
   Seletores mais fortes que os dos links do menu (altura 32px, fundo laranja e bolinha no hover). */
.jrny-nav .jrny-menu .jrny-menu__pay{margin-left:3px}
.jrny-nav .jrny-menu .jrny-menu__pay>a{height:42px;padding:0 6px 0 18px;gap:9px;font-size:13px;font-weight:700;line-height:22px;background:none}
.jrny-nav .jrny-menu .jrny-menu__pay>a:hover,.jrny-nav .jrny-menu .jrny-menu__pay>a:focus-visible{background:none;color:#1c1c1c}
.jrny-nav .jrny-menu .jrny-menu__pay>a::before,.jrny-nav .jrny-menu .jrny-menu__pay>a:hover::before,.jrny-nav .jrny-menu .jrny-menu__pay>a:focus-visible::before{right:7px;width:28px;height:28px;margin:-14px 0 0;opacity:1}
.jrny-nav .jrny-menu .jrny-menu__pay .jrny-btn__ic{width:28px;height:28px}
@media (max-width:900px){
  /* painel do celular: botão de largura total no fim da lista, texto à esquerda e seta à direita */
  .jrny-nav .jrny-menu .jrny-menu__pay{margin:8px 0 0}
  .jrny-nav .jrny-menu .jrny-menu__pay>a{height:50px;padding:0 8px 0 18px;justify-content:space-between;font-size:16px}
  .jrny-nav .jrny-menu .jrny-menu__pay .jrny-btn__ic{width:34px;height:34px}
}
@media (min-width:901px) and (max-width:1100px){
  /* com o Pay bill a pílula ficou ~115px mais larga: aqui ela encostava no logo, então os itens perdem um pouco de respiro */
  .jrny-nav .jrny-menu{gap:2px;padding:0 9px}
  .jrny-nav .jrny-menu a{padding:0 11px}
}
@media (min-width:901px) and (max-width:1000px){.jrny-nav .jrny-menu a{padding:0 8px}.jrny-nav .jrny-menu .jrny-menu__pay>a{padding-left:14px}}