@font-face{font-family:Instrument Serif;src:url(/assets/fonts/instrument-serif-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Instrument Serif;src:url(/assets/fonts/instrument-serif-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:Albert Sans;src:url(/assets/fonts/albert-sans-300-normal.woff2) format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:Albert Sans;src:url(/assets/fonts/albert-sans-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Albert Sans;src:url(/assets/fonts/albert-sans-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Albert Sans;src:url(/assets/fonts/albert-sans-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Plex Mono;src:url(/assets/fonts/ibm-plex-mono-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Plex Mono;src:url(/assets/fonts/ibm-plex-mono-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Cinzel;src:url(/assets/fonts/cinzel-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Cinzel;src:url(/assets/fonts/cinzel-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Courier Prime;src:url(/assets/fonts/courier-prime-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Courier Prime;src:url(/assets/fonts/courier-prime-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}

:root{
  --ink:#06222D;--ink2:#0A2B37;--ink3:#0F3442;
  --paper:#F3EDE2;--paper2:#EAE2D3;--card:#FBF8F2;
  --mute:#5D6A6D;--mute-d:#9AAEB1;
  --line:rgba(6,34,45,.14);--line-d:rgba(243,237,226,.14);
  --g:#94692B;--g2:#D2A65F;--g3:#EBCF98;--gd:#7C5822;
  --gold:linear-gradient(160deg,#F4DCA8 0%,#D2A65F 46%,#A57934 100%);
  --ease:cubic-bezier(.22,1,.36,1);
  --pad:clamp(16px,5vw,72px);--max:1320px;
  --serif:"Instrument Serif",Georgia,serif;--sans:"Albert Sans","Helvetica Neue",Arial,sans-serif;--mono:"Plex Mono",ui-monospace,Menlo,Consolas,monospace;--doc:"Courier Prime","Courier New",monospace;--caps:Cinzel,Georgia,serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16.5px/1.7 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip;-webkit-tap-highlight-color:transparent}
img{max-width:100%;height:auto;display:block}
figure{margin:0}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
::selection{background:var(--g2);color:var(--ink)}
.wrap{max-width:var(--max);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
.dark{background:var(--ink);color:var(--paper)}
.eyebrow{font:500 11px/1.4 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--mute);display:flex;align-items:center;gap:12px;margin:0}
.eyebrow::before{content:"";width:8px;height:8px;border:1px solid var(--g);transform:rotate(45deg);flex:none}
.dark .eyebrow{color:var(--mute-d)}.dark .eyebrow::before{border-color:var(--g2)}
.h2{font:400 clamp(2.6rem,5.2vw,4.9rem)/1 var(--serif);letter-spacing:-.015em;margin:18px 0 0;text-wrap:balance}
.h2 em{color:var(--g);font-style:italic}
.dark .h2 em{color:var(--g2)}
.lead{font-size:clamp(1rem,1.2vw,1.08rem);font-weight:300;color:#4C5759;max-width:54ch;text-wrap:pretty}
.dark .lead{color:#BFCBCC}
.rv{opacity:0;transform:translateY(26px);transition:opacity 1s var(--ease),transform 1.1s var(--ease)}
.rv.in{opacity:1;transform:none}
.nw{white-space:nowrap}
.head2{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:56px}
.head2 .lead{margin:0;justify-self:end}
[data-ig][hidden],[data-oab][hidden]{display:none!important}
.am{display:block;background:var(--gold);-webkit-mask:var(--mask) center/contain no-repeat;mask:var(--mask) center/contain no-repeat}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:54px;padding:0 26px;border-radius:2px;font:500 14.5px/1 var(--sans);letter-spacing:.02em;position:relative;overflow:hidden;transition:transform .5s var(--ease),background .4s,color .4s,border-color .4s;white-space:nowrap}
.btn svg{width:18px;height:18px;flex:none}
.btn-gold{background:var(--gold);color:var(--ink)}
.btn-light{background:var(--paper);color:var(--ink)}
.btn-dark{background:var(--ink);color:var(--paper)}
.btn-line{border:1px solid currentColor}
.dark .btn-line{border-color:rgba(243,237,226,.4)}
.btn .ar{transition:transform .5s var(--ease)}
.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.4) 50%,transparent 70%);transform:translateX(-120%);transition:transform .9s var(--ease)}
.btn:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
  .btn:hover::after{transform:translateX(120%)}
  .btn:hover .ar{transform:translateX(5px)}
  .btn-line:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
  .dark .btn-line:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}
  .btn-dark:hover{background:var(--ink3)}
}

/* ---------- cabeçalho ---------- */
.hd{position:fixed;inset:0 0 auto;z-index:50;color:var(--ink);transition:transform .6s var(--ease),background .4s,border-color .4s,color .4s;border-bottom:1px solid transparent}
.hd-in{display:flex;align-items:center;gap:12px;height:84px;transition:height .4s var(--ease)}
.brand{display:flex;align-items:center;gap:14px;margin-right:auto;min-width:0}
.brand .am{width:50px;height:36px;flex:none;background:linear-gradient(160deg,#B88A45,var(--g) 50%,#6E4E1E);transition:background .4s}
.brand b{display:block;font:500 19px/1 var(--caps);letter-spacing:.2em}
.brand small{display:block;font:500 9px/1 var(--mono);letter-spacing:.5em;margin-top:7px;color:var(--g);transition:color .4s}
.hd .bw{height:44px;padding:0 18px;font-size:13.5px}
.sq{width:44px;height:44px;border:1px solid var(--line);border-radius:2px;display:grid;place-items:center;position:relative;flex:none;transition:background .4s,color .4s,border-color .4s}
.sq svg{width:18px;height:18px}
.burger i{position:absolute;left:12px;right:12px;height:1.5px;background:currentColor;transition:transform .5s var(--ease),opacity .3s}
.burger i:nth-child(1){top:15px}.burger i:nth-child(2){top:21px}.burger i:nth-child(3){top:27px}
.menu-open .burger i:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu-open .burger i:nth-child(2){opacity:0}
.menu-open .burger i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.hd .wa-sq{background:var(--gold);border-color:transparent;color:var(--ink)}
.hd .wa-sq svg{width:20px;height:20px}
.hd .bf{border:1px solid var(--line)}
.hd.scrolled{background:rgba(243,237,226,.86);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border-color:var(--line)}
.hd.scrolled .hd-in{height:70px}
.hd.on-dark{color:var(--paper)}
.hd.on-dark .brand .am,.menu-open .hd .brand .am{background:var(--gold)}
.hd.on-dark small,.menu-open .hd small{color:var(--g2)}
.hd.on-dark .sq,.hd.on-dark .bf{border-color:rgba(243,237,226,.34)}
.hd.on-dark .wa-sq{border-color:transparent}
.hd.on-dark.scrolled{background:rgba(6,34,45,.82);border-color:var(--line-d)}
.hd.hide{transform:translateY(-100%)}
@media (hover:hover) and (pointer:fine){
  .sq:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
  .hd.on-dark .sq:hover,.menu-open .hd .sq:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}
  .hd .wa-sq:hover{background:#25D366;color:#fff;border-color:transparent}
}
.mmenu{position:fixed;inset:0;z-index:45;background:var(--ink);color:var(--paper);display:flex;flex-direction:column;justify-content:center;padding:110px var(--pad) 40px;clip-path:inset(0 0 100% 0);transition:clip-path .8s var(--ease),visibility 0s .8s;visibility:hidden;overflow-y:auto}
.mmenu::before{content:"";position:absolute;right:-3%;bottom:-4%;width:min(46vw,560px);aspect-ratio:1.4;background:var(--g2);-webkit-mask:var(--mask) center/contain no-repeat;mask:var(--mask) center/contain no-repeat;opacity:.06;pointer-events:none}
.menu-open .mmenu{clip-path:inset(0);visibility:visible;transition:clip-path .8s var(--ease)}
.mm-in{position:relative;width:100%;max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1.4fr .6fr;gap:60px;align-items:end}
.mm-nav{display:grid;grid-template-columns:1fr 1fr;column-gap:50px}
.mm-nav a{font:400 clamp(1.9rem,2.9vw,2.7rem)/1.2 var(--serif);padding:10px 0;border-bottom:1px solid var(--line-d);display:flex;justify-content:space-between;align-items:baseline;gap:16px;opacity:0;transform:translateY(20px);transition:opacity .6s,transform .8s var(--ease),color .3s}
.mm-nav a small{font:500 11px var(--mono);letter-spacing:.2em;color:var(--g2)}
.menu-open .mm-nav a{opacity:1;transform:none}
.menu-open .mm-nav a:nth-child(2){transition-delay:.04s}.menu-open .mm-nav a:nth-child(3){transition-delay:.08s}.menu-open .mm-nav a:nth-child(4){transition-delay:.12s}.menu-open .mm-nav a:nth-child(5){transition-delay:.16s}.menu-open .mm-nav a:nth-child(6){transition-delay:.2s}.menu-open .mm-nav a:nth-child(7){transition-delay:.24s}.menu-open .mm-nav a:nth-child(8){transition-delay:.28s}.menu-open .mm-nav a:nth-child(9){transition-delay:.32s}
.mfoot{display:grid;gap:10px}
.mfoot>a,.mfoot>span{font:400 13px/1.6 var(--mono);color:var(--paper);border-bottom:1px solid var(--line-d);padding:0 0 10px;display:flex;align-items:center;gap:10px}
.mfoot svg{width:16px;height:16px;color:var(--g2);flex:none}
.menu-open .hd{color:var(--paper)}
.menu-open .hd .sq{border-color:rgba(243,237,226,.34)}
.menu-open .hd .wa-sq{border-color:transparent}
.menu-open .hd.scrolled{background:transparent;border-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
@media (hover:hover) and (pointer:fine){.mm-nav a:hover{color:var(--g2)}}

/* ---------- topo ---------- */
.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;padding:110px 0 0;background:var(--ink);color:var(--paper)}
.hph{position:absolute;inset:0;z-index:0;overflow:hidden}
.hsl{position:absolute;inset:0;opacity:0;transition:opacity 1.8s ease;overflow:hidden}
.hsl.on{opacity:1}
.hsl img{width:100%;height:100%;object-fit:cover;transform:scale(1.12) translate(var(--px,0px),var(--py,0px))}
.hsl.on img{animation:kb 9s cubic-bezier(.25,.6,.3,1) forwards}
@keyframes kb{from{transform:scale(1.12) translate(var(--px,0px),var(--py,0px))}to{transform:scale(1.02) translate(var(--px,0px),var(--py,0px))}}
.hph::before{content:"";position:absolute;inset:0;z-index:1;background:#0B3442;mix-blend-mode:color;opacity:.55;pointer-events:none}
.hph::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(6,34,45,.96) 0%,rgba(6,34,45,.82) 38%,rgba(6,34,45,.4) 68%,rgba(6,34,45,.6)),linear-gradient(0deg,rgba(6,34,45,1) 0%,transparent 36%),linear-gradient(180deg,rgba(6,34,45,.7) 0%,transparent 24%)}
.hero .wrap{position:relative;z-index:2;width:100%;pointer-events:none}
.hero .wrap a,.hero .wrap button{pointer-events:auto}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:40px;align-items:end}
.hero h1{font:400 clamp(3.3rem,min(6.4vw,11vh),6.8rem)/.95 var(--serif);letter-spacing:-.02em;margin:22px 0 26px}
.hero h1 em{font-style:italic;background:var(--gold);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em}
.ln{display:block;overflow:hidden;padding-bottom:.16em;margin-bottom:-.16em}
.ln>span{display:inline-block;transform:translateY(110%);transition:transform 1.25s var(--ease)}
.is-loaded .ln>span{transform:none}
.is-loaded .ln:nth-child(2)>span{transition-delay:.08s}
.is-loaded .ln:nth-child(3)>span{transition-delay:.16s}
.hero .lead{margin:0 0 34px;max-width:52ch;color:#C9D3D3}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap}
.fade-up{opacity:0;transform:translateY(18px);transition:opacity 1s var(--ease) .5s,transform 1.2s var(--ease) .5s}
.is-loaded .fade-up{opacity:1;transform:none}
.is-loaded .fade-up.d2{transition-delay:.7s}.is-loaded .fade-up.d3{transition-delay:.9s}
.hero-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(36px,6vh,80px);border-top:1px solid var(--line-d);font:400 11px/1.5 var(--mono);color:var(--mute-d);letter-spacing:.08em;text-transform:uppercase}
.hero-meta>*{padding:20px 20px 26px 0;min-width:0}
.hero-meta>*+*{padding-left:20px;border-left:1px solid var(--line-d)}
.hero-meta b{display:block;color:var(--paper);font:500 14px/1.45 var(--sans);letter-spacing:0;margin-top:6px;text-transform:none}
.hero-meta a b{display:flex;width:max-content;max-width:100%;align-items:center;gap:8px;border-bottom:1px solid rgba(210,166,95,.55)}
.hero-meta a b svg{width:15px;height:15px;color:var(--g2)}
.hm-wa a{display:block}
.hm-wa a+a b{margin-top:4px}
.hcap{position:absolute;right:var(--pad);bottom:clamp(120px,15vh,150px);z-index:3;display:flex;align-items:center;gap:18px;color:rgba(243,237,226,.75);font:500 10px/1.4 var(--mono);letter-spacing:.2em;text-transform:uppercase}
.hbars{display:flex;gap:6px}
.hbars button{width:40px;height:30px;position:relative}
.hbars button::before{content:"";position:absolute;left:0;right:0;top:14px;height:2px;background:rgba(243,237,226,.28)}
.hbars button i{position:absolute;left:0;right:0;top:14px;height:2px;background:var(--g2);transform:scaleX(0);transform-origin:left}
.hbars button.done i{transform:scaleX(1)}
.hbars button.on i{animation:slp 7s linear forwards}
@keyframes slp{to{transform:scaleX(1)}}
/* selo: a balança se desenha e o AM sobe */
.tile{position:relative;justify-self:end;align-self:center;width:min(100%,320px,calc((100svh - 320px)*.7));margin-bottom:6px;transform:perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .8s var(--ease)}
.tile svg{display:block;width:100%;height:auto;overflow:visible}
.tile .s{fill:none;stroke:url(#tg);stroke-width:1.6;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}
.tile .s.f{stroke-width:2.6}
.tile .pf{fill:url(#tg);opacity:0}
.is-loaded .tile .s{animation:drw 1.5s cubic-bezier(.5,0,.2,1) .3s forwards}
.is-loaded .tile .s.d1{animation-delay:.7s}.is-loaded .tile .s.d2{animation-delay:1.1s}
.is-loaded .tile .pf{animation:fade 1s var(--ease) 2s forwards}
.tile .bm{transform-origin:100px 52px;transform-box:view-box}
.is-loaded .tile .bm{animation:sway 6s ease-in-out 2.6s infinite}
@keyframes sway{0%,100%{transform:rotate(0)}25%{transform:rotate(1.6deg)}75%{transform:rotate(-1.6deg)}}
.tile .tam{position:absolute;left:27%;top:30%;width:46%;aspect-ratio:1.4;clip-path:inset(100% 0 0 0);transition:clip-path 1.6s var(--ease) 1.5s}
.is-loaded .tile .tam{clip-path:inset(0)}
.tile .sheen{position:absolute;inset:0;-webkit-mask:var(--mask) center/contain no-repeat;mask:var(--mask) center/contain no-repeat;background:linear-gradient(110deg,transparent 35%,rgba(255,246,222,.95) 48%,transparent 60%) -150% 0/260% 100% no-repeat;opacity:0}
.is-loaded .tile .sheen{animation:sheen 7s ease-in-out 3.4s infinite}
@keyframes sheen{0%{opacity:1;background-position:-150% 0}22%{background-position:150% 0;opacity:1}23%,100%{opacity:0;background-position:150% 0}}
.tile .tc{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line-d);font:500 13px var(--caps);letter-spacing:.32em;color:var(--g3)}
.tile .tc i{width:6px;height:6px;border:1px solid var(--g2);transform:rotate(45deg)}
.tile .tc small{font:500 9.5px var(--mono);letter-spacing:.36em;color:var(--mute-d)}
@keyframes drw{to{stroke-dashoffset:0}}
@keyframes fade{to{opacity:1}}

/* animações de seções fora da tela ficam pausadas (nada roda escondido) */
.off,.off *,.off *::before,.off *::after{animation-play-state:paused!important}
/* ---------- faixa ---------- */
.marq{overflow:hidden;background:var(--gold);color:var(--ink);padding:18px 0}
.marq-track{display:flex;width:max-content;animation:marq 70s linear infinite}
@keyframes marq{to{transform:translateX(-50%)}}
.marq span{font:400 clamp(1.6rem,2.4vw,2.2rem)/1 var(--serif);white-space:nowrap;display:flex;align-items:center}
.marq span::after{content:"";width:7px;height:7px;margin:0 1.1em;border:1px solid var(--ink);transform:rotate(45deg);opacity:.6}
.marq span:nth-child(odd){font-style:italic}

/* ---------- áreas: sete cartões que abrem ---------- */
.areas{padding:clamp(90px,12vw,160px) 0 clamp(80px,10vw,140px);position:relative}
.stp{display:flex;gap:10px;height:min(80vh,720px);min-height:580px}
.st{position:relative;flex:1 1 0;min-width:0;overflow:hidden;background:var(--ink);color:var(--paper);transition:flex-grow .55s cubic-bezier(.2,.9,.25,1);cursor:pointer;isolation:isolate;outline:none;border-radius:3px;contain:layout paint}
.st.on{flex-grow:6.2}
.st .ph{position:absolute;top:-4%;bottom:-4%;left:50%;width:calc(var(--ow,600px) * 1.08);margin-left:calc(var(--ow,600px) * -.54);transition:transform 1.4s var(--ease);will-change:transform}
.st.on .ph{transform:translate(var(--ix,0px),var(--iy,0px))}
.st .ph img{width:100%;height:100%;object-fit:cover;transform:scale(1.1)}
.st.on .ph img{animation:stkb 10s cubic-bezier(.25,.6,.3,1) forwards}
@keyframes stkb{from{transform:scale(1.1)}to{transform:scale(1.02)}}
.st .tint{position:absolute;top:0;bottom:0;left:50%;width:calc(var(--ow,600px) * 1.1);margin-left:calc(var(--ow,600px) * -.55);z-index:1;background:#0A3240;opacity:.74;transition:opacity .9s var(--ease);pointer-events:none;will-change:opacity}
.st.on .tint{opacity:0;transition-duration:.6s}
.st .sh{position:absolute;top:0;bottom:0;left:50%;width:calc(var(--ow,600px) * 1.1);margin-left:calc(var(--ow,600px) * -.55);will-change:opacity;z-index:1;background:linear-gradient(180deg,rgba(6,34,45,.6),rgba(6,34,45,.15) 32%,rgba(6,34,45,.25) 60%,rgba(6,34,45,.92));transition:opacity 1s;pointer-events:none}
.st.on .sh{opacity:0}
.st .so{position:absolute;top:0;bottom:0;left:0;width:var(--ow,600px);will-change:opacity;z-index:1;background:linear-gradient(90deg,rgba(6,34,45,.9) 0%,rgba(6,34,45,.6) 42%,rgba(6,34,45,0) 78%),linear-gradient(0deg,rgba(6,34,45,.96) 0%,rgba(6,34,45,.35) 48%,transparent 72%);opacity:0;transition:opacity 1.1s;pointer-events:none}
.st.on .so{opacity:1}
.st .lt{position:absolute;top:0;bottom:0;left:0;width:var(--ow,600px);will-change:opacity;z-index:2;background:radial-gradient(460px circle at var(--mx,60%) var(--my,30%),rgba(232,200,138,.12),transparent 70%);opacity:0;transition:opacity .6s;pointer-events:none}
.st.on .lt{opacity:1}
/* fechado */
.st .cl{position:absolute;inset:0;z-index:3;will-change:opacity,transform;display:flex;flex-direction:column;align-items:center;padding:28px 0 32px;transition:opacity .45s,transform .7s var(--ease)}
.st:not(.on) .cl{transition-delay:.15s}
.st.on .cl{opacity:0;transform:translateY(16px);pointer-events:none}
.cl .no{font:400 2rem/1 var(--serif);color:transparent;-webkit-text-stroke:1px var(--g2);font-variant-numeric:lining-nums;padding-top:.05em}
.cl svg{width:24px;height:24px;margin-top:18px;fill:none;stroke:var(--g3);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;transition:transform .6s var(--ease)}
.cl .rl{width:1px;flex:0 0 46px;margin:18px 0 0;background:linear-gradient(var(--g2),transparent);transform-origin:top;transition:transform .8s var(--ease)}
.cl .vt{margin-top:auto;writing-mode:vertical-rl;transform:rotate(180deg);font:400 clamp(1.5rem,1.9vw,1.95rem)/1 var(--serif);white-space:nowrap;letter-spacing:.005em;transition:color .5s}
@media (hover:hover) and (pointer:fine){
  .st:not(.on):hover .tint{opacity:.55}
  .st:not(.on):hover .vt{color:var(--g3)}
  .st:not(.on):hover .cl svg{transform:translateY(-3px) scale(1.1)}
  .st:not(.on):hover .cl .rl{transform:scaleY(1.5)}
}
/* cantoneiras */
.st .cn{position:absolute;z-index:4;width:36px;height:36px;pointer-events:none;opacity:0;transition:opacity .3s,transform .4s}
.cn.a{top:16px;left:16px;border-top:1px solid var(--g2);border-left:1px solid var(--g2);transform:translate(14px,14px)}
.cn.b{top:16px;left:calc(var(--ow,600px) - 52px);border-top:1px solid var(--g2);border-right:1px solid var(--g2);transform:translate(-14px,14px)}
.cn.c{bottom:16px;left:16px;border-bottom:1px solid var(--g2);border-left:1px solid var(--g2);transform:translate(14px,-14px)}
.cn.d{bottom:16px;left:calc(var(--ow,600px) - 52px);border-bottom:1px solid var(--g2);border-right:1px solid var(--g2);transform:translate(-14px,-14px)}
.st.on .cn{opacity:1;transform:none;transition:opacity .4s .12s,transform .7s var(--ease) .12s}
/* número grande */
.st .bn{position:absolute;top:26px;left:calc(var(--ow,600px) - 230px);will-change:transform;z-index:3;font:400 8.5rem/1 var(--serif);color:transparent;-webkit-text-stroke:1px rgba(232,200,138,.65);background:var(--gold) 0 100%/100% 0 no-repeat;-webkit-background-clip:text;background-clip:text;font-variant-numeric:lining-nums;padding-top:.05em;opacity:0;transform:translateY(24px);transition:opacity .3s,transform .4s,background-size .3s}
.st.on .bn{opacity:1;transform:none;background-size:100% 100%;transition:opacity .5s .1s,transform .7s var(--ease) .1s,background-size 1s var(--ease) .3s}
/* conteúdo */
.fin{position:absolute;left:0;bottom:0;z-index:3;padding:0 48px 44px;width:var(--fw,600px);pointer-events:none;will-change:transform}
.st.on .fin{pointer-events:auto}
.fin .tg,.fin>p,.fin .bts{opacity:0;transform:translateY(12px);transition:opacity .25s,transform .3s}
.fin .tg{display:flex;align-items:center;gap:12px;font:500 10.5px var(--mono);letter-spacing:.22em;color:var(--g3)}
.fin .tg svg{width:18px;height:18px;fill:none;stroke:var(--g2);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.fin h3{margin:16px 0 0;font:400 clamp(2.8rem,3.9vw,3.9rem)/.98 var(--serif);letter-spacing:-.015em}
.fin h3 em{font-style:italic;background:var(--gold);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em}
.mk{display:block;overflow:hidden;padding-bottom:.14em;margin-bottom:-.14em}
.mk>span{display:inline-block;transform:translateY(112%);transition:transform .3s ease-in}
.fin .rule{display:block;height:1px;max-width:56ch;margin:22px 0 0;background:linear-gradient(90deg,var(--g2),rgba(210,166,95,.12));transform:scaleX(0);transform-origin:left;transition:transform .3s}
.fin>p{margin:16px 0 0;font-size:15.5px;font-weight:300;color:rgba(243,237,226,.9);max-width:46ch}
.fin ul{list-style:none;margin:14px 0 0;padding:0;max-width:56ch;columns:2;column-gap:30px}
.fin li{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid rgba(243,237,226,.13);font-size:14.5px;break-inside:avoid}
.fin li::before{content:"";width:6px;height:6px;border:1px solid var(--g2);transform:rotate(45deg);flex:none}
.fin ul{opacity:0;transform:translateY(12px);transition:opacity .2s,transform .3s}
.fin .bts{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.fin .bts .btn{height:50px}
.fin .lk{display:inline-flex;align-items:center;gap:10px;height:50px;padding:0 20px;border:1px solid rgba(243,237,226,.32);font:500 13.5px var(--sans);color:var(--paper);transition:background .4s,color .4s,border-color .4s}
.fin .lk .ar{transition:transform .5s var(--ease)}
@media (hover:hover) and (pointer:fine){.fin .lk:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}.fin .lk:hover .ar{transform:translateX(5px)}}
.st.on .fin .tg{opacity:1;transform:none;transition:opacity .4s .1s,transform .6s var(--ease) .1s}
.st.on .mk>span{transform:none;transition:transform .7s var(--ease) .12s}
.st.on .mk+.mk>span{transition-delay:.18s}
.st.on .fin .rule{transform:none;transition:transform .8s var(--ease) .22s}
.st.on .fin>p{opacity:1;transform:none;transition:opacity .5s .24s,transform .7s var(--ease) .24s}
.st.on .fin ul{opacity:1;transform:none;transition:opacity .55s .28s,transform .75s var(--ease) .28s}
.st.on .fin .bts{opacity:1;transform:none;transition:opacity .5s .42s,transform .7s var(--ease) .42s}
/* progresso automático */
.st .pg{position:absolute;left:0;width:var(--ow,600px);bottom:0;height:2px;z-index:4;background:rgba(243,237,226,.12);opacity:0;transition:opacity .4s}
.st.on .pg{opacity:1}
.st .pg i{position:absolute;inset:0;background:var(--gold);transform:scaleX(0);transform-origin:left}
.stp.auto .st.on .pg i{animation:slp 6.5s linear forwards}
/* índice */
.st-idx{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin-top:26px;border-top:1px solid var(--line)}
.st-idx button{padding:14px 12px 0 0;text-align:left;font:500 10px/1.4 var(--mono);letter-spacing:.16em;color:var(--mute);transition:color .4s}
.st-idx button b{display:block;margin-top:4px;font:400 1.2rem/1.15 var(--serif);letter-spacing:0;color:inherit}
.st-idx button.on{color:var(--ink)}
@media (hover:hover) and (pointer:fine){.st-idx button:hover{color:var(--g)}}
.st-idx .bar{position:absolute;left:0;top:-1px;width:calc(100% / 7);height:2px;background:var(--gold);transform:translateX(calc(var(--i,0) * 100%));transition:transform .9s var(--ease)}
.ar-note{margin:30px 0 0;font:400 12px/1.6 var(--mono);color:var(--mute);letter-spacing:.04em}
.st-dots{display:none}

/* desktop: cartões com largura fixa, movidos por transform e recortados por clip-path (sem layout por quadro) */
@media (min-width:981px){
  .stp{position:relative;display:block;overflow:clip}
  .st{position:absolute;top:0;bottom:0;left:0;width:var(--ow,600px);border-radius:0;transform:translate3d(var(--x,0px),0,0);clip-path:inset(0 var(--cr,0px) 0 0 round 3px);transition:transform .6s cubic-bezier(.2,.9,.25,1),clip-path .6s cubic-bezier(.2,.9,.25,1);will-change:transform,clip-path}
  .st .ph,.st.on .ph{left:0;margin-left:0;width:var(--ow,600px);transform:translate3d(calc(var(--sh,0px) + var(--ix,0px)),var(--iy,0px),0);transition:transform .6s cubic-bezier(.2,.9,.25,1)}
  .st .tint,.st .sh{left:0;margin-left:0;width:var(--ow,600px)}
  .st .cl{right:auto;width:var(--cw,90px)}
  .st .sh,.st .so,.st .lt,.st .cl,.st .fin,.st .bn{will-change:auto}
}
/* ---------- assinatura: a balança ---------- */
.bl-intro{padding-top:clamp(100px,12vw,160px);padding-bottom:10px}
.bl-intro .head2{margin-bottom:0}
.bl-track{position:relative;height:calc(100svh + 6 * 60svh)}
.bl-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;align-items:center}
.bl-pin::before{content:"";position:absolute;left:62%;top:52%;width:min(70vw,900px);aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(210,166,95,.13),transparent 70%);pointer-events:none}
.bl-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(30px,4vw,64px);align-items:center;width:100%;position:relative}
.bl-w{position:relative;height:min(78svh,640px)}
.bl-stage{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--s,1))}
.bl-stage svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.bl-post{fill:url(#bg1)}
.bl-beam path{fill:url(#bg1)}
.bl-str{stroke:rgba(232,200,138,.75);stroke-width:1.3}
.bl-knob{fill:url(#bg1)}
.bl-am{position:absolute;width:132px;aspect-ratio:1.4;transform:translate(-50%,-50%);opacity:.95}
.pan{position:absolute;width:var(--pw,210px);height:0;margin-left:calc(var(--pw,210px) / -2)}
.pan .dish{position:absolute;left:-6px;right:-6px;top:-4px;height:40px}
.pan .dish svg{position:static;width:100%;height:100%}
.pan .stack{position:absolute;left:8px;right:8px;bottom:6px;display:flex;flex-direction:column-reverse;align-items:center;gap:6px}
.wt{display:block;max-width:100%;padding:8px 13px;background:#FFFFFF;color:#102B32;font:500 11.5px/1.3 var(--mono);letter-spacing:.04em;text-align:center;box-shadow:0 12px 22px -12px rgba(0,0,0,.7);border-bottom:2px solid var(--g2);animation:wdrop .75s cubic-bezier(.3,1.4,.5,1) both;animation-delay:var(--d,0s)}
.wt b{display:block;font:400 10px var(--mono);letter-spacing:.18em;color:var(--g);margin-bottom:2px}
.wt.r{border-bottom-color:var(--ink3)}
.wt.out{animation:wout .35s ease-in forwards}
@keyframes wdrop{0%{opacity:0;transform:translateY(-160px) rotate(var(--rt,-3deg))}60%{opacity:1}100%{opacity:1;transform:rotate(var(--rf,0deg))}}
@keyframes wout{to{opacity:0;transform:translateY(-40px) scale(.9)}}
.bl-lvl{position:absolute;transform:translate(-50%,0);display:flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid rgba(232,200,138,.4);background:rgba(6,34,45,.7);font:500 10px var(--mono);letter-spacing:.22em;color:var(--mute-d);white-space:nowrap;transition:color .5s,border-color .5s,background .5s}
.bl-lvl i{width:8px;height:8px;border-radius:50%;background:var(--mute-d);transition:background .5s,box-shadow .5s}
.bl-lvl.ok{color:var(--g3);border-color:var(--g2)}
.bl-lvl.ok i{background:var(--g2);box-shadow:0 0 0 5px rgba(210,166,95,.2)}
.bl-side{position:relative}
.bl-num{display:flex;align-items:baseline;gap:18px;border-bottom:1px solid var(--line-d);padding-bottom:18px}
.bl-num .d{font:500 12px var(--mono);letter-spacing:.24em;color:var(--mute-d)}
.bl-num .t{font:400 clamp(3.6rem,6.2vw,5.6rem)/1 var(--serif);background:var(--gold);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:lining-nums;padding:.04em .04em 0 0}
.bl-num .l{margin-left:auto;font:500 10px/1.5 var(--mono);letter-spacing:.2em;color:var(--mute-d);text-align:right}
.bnotes{position:relative;height:var(--nh,300px);margin-top:24px}
.bnote{position:absolute;left:0;right:0;top:0;opacity:0;transform:translateY(16px);transition:opacity .5s,transform .7s var(--ease);pointer-events:none}
.bnote.on{opacity:1;transform:none;pointer-events:auto}
.bnote h3{margin:0;font:400 clamp(2rem,2.8vw,2.7rem)/1.05 var(--serif);text-wrap:balance}
.bnote h3 em{color:var(--g2)}
.bnote p{margin:14px 0 0;color:#BFCBCC;font-weight:300;max-width:46ch;text-wrap:pretty}
.bnote .art{display:inline-block;margin-top:16px;font:500 10.5px var(--mono);letter-spacing:.12em;color:var(--mute-d);border:1px solid var(--line-d);padding:6px 10px}
.bnote .go{display:inline-flex;align-items:center;gap:8px;margin:16px 0 0 10px;font:500 12px var(--mono);letter-spacing:.1em;color:var(--g3);border-bottom:1px solid rgba(210,166,95,.5);padding-bottom:3px}
.bnote .go svg{width:14px;height:14px}
.bl-tabs{display:flex;gap:6px;margin-top:22px}
.bl-tabs button{flex:1;height:30px;position:relative}
.bl-tabs button::before{content:"";position:absolute;left:0;right:0;top:14px;height:2px;background:var(--line-d)}
.bl-tabs button i{position:absolute;left:0;right:0;top:14px;height:2px;background:var(--g2);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}
.bl-tabs button.on i{transform:scaleX(1)}
.bl-foot{position:absolute;left:var(--pad);right:var(--pad);bottom:22px;display:flex;justify-content:space-between;font:500 10px var(--mono);letter-spacing:.2em;color:var(--mute-d)}
.bl-bar{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--line-d)}
.bl-bar i{position:absolute;inset:0;background:var(--g2);transform:scaleX(var(--p,0));transform-origin:left}

/* ---------- seus direitos: baralho ---------- */
.dir{padding:clamp(100px,12vw,160px) 0;position:relative;overflow:clip}
.dir::before{content:"";position:absolute;right:-10%;top:50%;width:min(80vw,900px);aspect-ratio:1;transform:translateY(-50%);background:radial-gradient(closest-side,rgba(210,166,95,.16),transparent 70%);pointer-events:none}
.dir-grid{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(30px,5vw,80px);align-items:center}
.dir .lead{margin-top:22px}
.sits{list-style:none;margin:34px 0 0;padding:0;border-top:1px solid var(--line)}
.sit{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:16px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);text-align:left;position:relative;transition:color .4s}
.sit .ic{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;transition:background .5s var(--ease),color .5s,border-color .5s,transform .6s var(--ease)}
.sit svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.sit b{display:block;font:400 1.5rem/1.1 var(--serif)}
.sit small{display:block;margin-top:3px;font:500 9.5px var(--mono);letter-spacing:.2em;color:var(--mute);text-transform:uppercase}
.sit .n{font:400 16px var(--sans);color:var(--mute);transform:translateX(-6px);opacity:0;transition:opacity .4s,transform .6s var(--ease),color .4s}
.sit.on .n{opacity:1;transform:none;color:var(--g)}
.sit::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .8s var(--ease)}
.sit.on::after{transform:none}
.sit.on .ic{background:var(--ink);color:var(--g2);border-color:var(--ink);transform:rotate(-8deg)}
@media (hover:hover) and (pointer:fine){.sit:not(.on):hover .ic{border-color:var(--ink);transform:scale(1.06)}.sit:not(.on):hover b{color:var(--g)}.sit:not(.on):hover .n{opacity:.6;transform:none}}
.dir-play{position:relative;display:flex;flex-direction:column;align-items:center}
.deck{position:relative;width:min(100%,470px);height:300px;perspective:1400px}
.cd{position:absolute;inset:0;transform:translate3d(0,calc(var(--p,0) * 18px),0) scale(calc(1 - var(--p,0) * .055)) rotate(calc(var(--p,0) * var(--rs,1) * 1.8deg));transition:transform .75s var(--ease),opacity .5s;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab}
.cd:not(.top){pointer-events:none}
.cd.hid{opacity:0}
.cd.drag{transition:none;cursor:grabbing}
.cd.pre{transform:translate3d(60px,160px,0) rotate(12deg) scale(.88);opacity:0}
.cd.gone{transform:translate3d(-40px,-90px,0) rotate(-9deg) scale(.9);opacity:0;transition:transform .45s cubic-bezier(.5,0,.75,0),opacity .35s}
.cd.top.nudge{animation:nudge 1.3s var(--ease)}
@keyframes nudge{0%,100%{transform:none}30%{transform:translateX(-34px) rotate(-5deg)}62%{transform:translateX(16px) rotate(2deg)}}
.cd-in{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .9s var(--ease);transform:rotateX(var(--ty,0deg)) rotateY(calc(var(--tx,0deg) + var(--fl,0deg)))}
.cd.flip .cd-in{--fl:180deg}
.f{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:6px;padding:26px 28px 20px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 44px 70px -40px rgba(6,34,45,.65),0 2px 6px rgba(6,34,45,.12)}
.cf{background:radial-gradient(120% 80% at 20% 0%,#11424F,var(--ink) 66%);color:var(--paper)}
.cf::before{content:"";position:absolute;inset:10px;border:1px solid rgba(210,166,95,.45);border-radius:3px;pointer-events:none}
.cf::after{content:"";position:absolute;inset:0;background:radial-gradient(320px circle at var(--mx,30%) var(--my,20%),rgba(244,220,168,.18),transparent 62%);pointer-events:none}
.cb{background:var(--card);color:var(--ink);transform:rotateY(180deg)}
.cb::before{content:"";position:absolute;inset:10px;border:1px solid var(--line);border-radius:3px;pointer-events:none}
.cd-top{position:relative;z-index:1;display:flex;justify-content:space-between;gap:12px;font:500 10px var(--mono);letter-spacing:.18em;color:var(--g3);text-transform:uppercase}
.cb .cd-top{color:var(--g)}
.cd-wm{position:absolute;right:-18px;bottom:-26px;width:170px;aspect-ratio:1.4;opacity:.08}
.cd-k{position:relative;z-index:1;margin-top:18px;font:500 10px var(--mono);letter-spacing:.2em;color:var(--mute-d)}
.cf h3{position:relative;z-index:1;margin:8px 0 0;font:400 clamp(2.5rem,3.1vw,3.05rem)/1 var(--serif);letter-spacing:-.01em;text-wrap:balance}
.cf h3 em{background:var(--gold);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em}
.cd-hint{position:relative;z-index:1;margin-top:16px;padding-top:12px;border-top:1px solid rgba(243,237,226,.16);display:flex;justify-content:space-between;font:500 9.5px var(--mono);letter-spacing:.2em;color:var(--mute-d)}
.cd-hint i{font-style:normal;color:var(--g2);font-size:13px;line-height:1}
.cb .cd-hint{border-color:var(--line);color:var(--mute)}
.cb .cq{position:relative;margin:18px 0 0;font:400 1.45rem/1.1 var(--serif);flex:none}
.cb p{position:relative;margin:8px 0 0;font-size:15px;line-height:1.55;color:#33403F;flex:1}
.cf .lei{z-index:1;margin-top:auto;border-color:rgba(210,166,95,.45);color:var(--g3);background:rgba(210,166,95,.07)}
.cf .lei b{font-weight:500;color:var(--mute-d);letter-spacing:.16em;margin-right:8px}
.lei{position:relative;align-self:flex-start;font:500 10.5px/1.5 var(--mono);letter-spacing:.06em;padding:7px 11px;border:1px solid var(--g2);color:var(--gd);background:rgba(210,166,95,.08)}
.cta-cd .cf{background:var(--gold);color:var(--ink)}
.cta-cd .cf::before{border-color:rgba(6,34,45,.28)}
.cta-cd .cf::after{background:radial-gradient(320px circle at var(--mx,30%) var(--my,20%),rgba(255,255,255,.35),transparent 62%)}
.cta-cd .cd-top{color:var(--ink)}
.cta-cd .cd-wm{opacity:.12;background:var(--ink)}
.cta-cd .cf h3{margin-top:auto}
.cta-cd .cf h3 em{background:none;color:var(--ink);-webkit-text-fill-color:var(--ink);font-style:italic}
.cta-cd .cf p{position:relative;z-index:1;margin:14px 0 0;font-size:15px;color:#1E3A44}
.cta-cd .btn{position:relative;z-index:2;margin-top:22px;align-self:flex-start}
.dir-ctrl{display:flex;align-items:center;gap:12px;margin-top:46px}
.dir-ctrl .ab{width:52px;height:52px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;transition:background .4s,color .4s,border-color .4s}
.dir-ctrl .ab svg{width:16px;height:16px}
.dir-ctrl .ab.l svg{transform:scaleX(-1)}
.dir-ctrl .fl{height:52px;padding:0 22px;border:1px solid var(--line);border-radius:26px;font:500 11px var(--mono);letter-spacing:.16em;display:flex;align-items:center;gap:10px;transition:background .4s,color .4s,border-color .4s}
.dir-ctrl .fl i{font-style:normal;font-size:14px;color:var(--g);transition:transform .6s var(--ease)}
.dir-ctrl .fl.on i{transform:rotate(180deg)}
.dir-ctrl .cnt{min-width:96px;text-align:center;font:400 22px var(--serif);color:var(--mute)}
.dir-ctrl .cnt b{font-weight:400;font-size:34px;color:var(--ink)}
@media (hover:hover) and (pointer:fine){.dir-ctrl .ab:hover,.dir-ctrl .fl:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}}
.dir-dots{display:flex;gap:6px;margin-top:18px}
.dir-dots i{width:22px;height:2px;background:var(--line);transition:background .4s}
.dir-dots i.seen{background:var(--ink)}
.dir-dots i.on{background:var(--g2)}
.dir-tip{margin:14px 0 0;font:500 10px var(--mono);letter-spacing:.2em;color:var(--mute)}
@media (max-width:980px){
  .dir-grid{grid-template-columns:minmax(0,1fr);gap:34px}
  .sits{display:flex;gap:8px;overflow-x:auto;border:0;margin:26px calc(var(--pad) * -1) 0;padding:0 var(--pad) 4px;scrollbar-width:none}
  .sits::-webkit-scrollbar{display:none}
  .sits li{flex:none}
  .sit{display:flex;width:auto;white-space:nowrap;gap:10px;padding:6px 16px 6px 6px;border:1px solid var(--line);border-radius:30px}
  .sit .ic{width:34px;height:34px}
  .sit svg{width:17px;height:17px}
  .sit b{font-size:1.15rem;white-space:nowrap}
  .sit small,.sit .n,.sit::after{display:none}
  .sit.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
  .sit.on .ic{background:transparent;border-color:rgba(243,237,226,.3);transform:none}
  .deck{width:min(100%,360px);height:330px}
  .cb .cq{font-size:1.3rem;margin-top:14px}
  .cb p{font-size:14.5px;line-height:1.5}
  .f{padding:22px 22px 18px}
  .cf h3{font-size:2.5rem}
  .dir-ctrl{margin-top:40px;gap:8px}
  .dir-ctrl .ab{width:48px;height:48px}
  .dir-ctrl .fl{height:48px;padding:0 16px}
  .dir-ctrl .cnt{min-width:70px}
}
@media (max-width:370px){.deck{height:350px}.cf h3{font-size:2.2rem}.cb p{font-size:13.5px}.dir-ctrl .fl span{display:none}}

/* ---------- como funciona ---------- */
.how{background:var(--paper2)}
.how-track{position:relative;height:300vh}
.how-pin{position:sticky;top:0;height:100vh;height:100svh;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.how-head{margin-bottom:clamp(40px,7vh,80px)}
.how-head .head2{margin-bottom:0}
.hw{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.hw-line{position:absolute;left:0;right:0;top:9px;height:1px;background:var(--line)}
.hw-line i{position:absolute;inset:0;background:var(--g);transform:scaleX(var(--p,0));transform-origin:left}
.hs{position:relative;padding:44px 28px 0 0;opacity:.32;transition:opacity .7s var(--ease),transform .7s var(--ease);isolation:isolate}
.hs::before{content:"";position:absolute;inset:26px 6px -24px -18px;background:radial-gradient(260px circle at var(--mx,50%) var(--my,40%),rgba(210,166,95,.2),transparent 70%),var(--card);border:1px solid var(--line);box-shadow:0 30px 50px -34px rgba(6,34,45,.45);opacity:0;transform:translateY(12px) scale(.98);transition:opacity .5s var(--ease),transform .7s var(--ease);z-index:-1}
.hs .det{display:block;margin-top:14px;font:500 10px/1.5 var(--mono);letter-spacing:.16em;color:var(--g);max-height:0;opacity:0;overflow:hidden;transition:max-height .6s var(--ease),opacity .5s}
.hs.on{opacity:1}
.hs .dot{position:absolute;left:0;top:3px;width:13px;height:13px;border-radius:50%;background:var(--paper2);border:1px solid var(--mute);transition:background .5s,border-color .5s,transform .6s var(--ease)}
.hs.on .dot{background:var(--g);border-color:var(--g);transform:scale(1.15)}
.hs .num{font:400 clamp(2.6rem,3.4vw,3.3rem)/1 var(--serif);-webkit-text-stroke:1px var(--ink);color:transparent;background:linear-gradient(var(--g),var(--g)) 0 100%/100% 0 no-repeat;-webkit-background-clip:text;background-clip:text;transition:background-size 1.1s var(--ease);padding-top:.06em;display:inline-block;font-variant-numeric:lining-nums}
.hs.on .num{background-size:100% 100%;-webkit-text-stroke-color:var(--g)}
.hs h4{margin:18px 0 8px;font-size:1.08rem;font-weight:600;letter-spacing:-.01em}
.hs p{margin:0;color:#4F5A5C;font-size:.94rem;max-width:30ch}
.hw-foot{display:flex;justify-content:space-between;align-items:center;margin-top:clamp(40px,7vh,70px);font:500 10.5px var(--mono);letter-spacing:.22em;color:var(--mute)}
.hw-foot .hint{display:flex;align-items:center;gap:12px;transition:opacity .6s}
.hw-foot .hint i{width:1px;height:24px;background:var(--line);position:relative;overflow:hidden}
.hw-foot .hint i::after{content:"";position:absolute;left:0;top:-50%;width:1px;height:50%;background:var(--ink);animation:hdrip 1.8s var(--ease) infinite}
@keyframes hdrip{to{top:100%}}
.hw-foot.done .hint{opacity:0}
.hw-foot .cnt{font:400 22px var(--serif);letter-spacing:0;color:var(--mute)}
.hw-foot .cnt b{font-weight:400;color:var(--ink);font-size:32px}
.hw-foot .cnt em{font:500 10.5px var(--mono);font-style:normal;letter-spacing:.22em;margin-left:12px;color:var(--ink)}
@media (hover:hover) and (pointer:fine) and (min-width:981px){
  .hw:hover .hs{opacity:.3}
  .hw .hs:hover{opacity:1;transform:translateY(-8px)}
  .hs:hover::before{opacity:1;transform:none}
  .hs:hover .num{background-size:100% 100%;-webkit-text-stroke-color:var(--g)}
  .hs:hover .det{max-height:3em;opacity:1}
  .hs:hover .dot{background:var(--g);border-color:var(--g);transform:scale(1.4)}
}
.scene{position:relative;height:150px;margin:18px 0 0;background:var(--card);border:1px solid var(--line);overflow:hidden;border-radius:2px;box-shadow:0 18px 30px -24px rgba(6,34,45,.4);transition:box-shadow .6s var(--ease);cursor:pointer}
.hs.on .scene{box-shadow:0 22px 40px -24px rgba(6,34,45,.55)}
@keyframes pop{to{opacity:1;transform:none}}
.sc-chat{background:#E9E3D6}
.sc-chat .bar{height:26px;background:var(--ink);display:flex;align-items:center;gap:7px;padding:0 10px;font:500 8.5px var(--mono);letter-spacing:.12em;color:#D3DCDC}
.sc-chat .bar i{width:14px;height:14px;border-radius:50%;background:var(--ink3);border:1px solid var(--g2);position:relative}
.sc-chat .bar i::after{content:"";position:absolute;inset:2px 1px;background:var(--g2);-webkit-mask:var(--mask) center/contain no-repeat;mask:var(--mask) center/contain no-repeat}
.sc-chat .bar em{margin-left:auto;font-style:normal;color:#7FD49A;letter-spacing:.06em}
.bb{position:absolute;max-width:78%;padding:5px 8px;font:400 10px/1.35 var(--sans);color:var(--ink);border-radius:7px;opacity:0;transform:translateY(8px) scale(.94);transform-origin:bottom right;box-shadow:0 2px 4px rgba(0,0,0,.06)}
.bb.me{right:9px;top:34px;background:#DCEFD2;border-bottom-right-radius:2px}
.bb.me2{top:112px}
.bb.him{left:9px;top:76px;background:#fff;border-bottom-left-radius:2px;transform-origin:bottom left}
.bb b{font-weight:400;color:var(--g)}
.ck{margin-left:5px;font-size:8.5px;color:#9AA0A6;letter-spacing:-2px}
.dots{position:absolute;left:9px;top:78px;display:flex;gap:3px;padding:7px 9px;background:#fff;border-radius:7px;opacity:0}
.dots i{width:5px;height:5px;border-radius:50%;background:#9AA0A6;animation:dtb 1s ease-in-out infinite}
.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}
@keyframes dtb{50%{transform:translateY(-3px);opacity:.5}}
@keyframes dts{0%{opacity:0}10%,88%{opacity:1}100%{opacity:0}}
@keyframes ckb{to{color:#4FA3E0}}
.play .sc-chat .me:not(.me2){animation:pop .5s var(--ease) .2s forwards}
.play .sc-chat .me:not(.me2) .ck{animation:ckb .3s 1s forwards}
.play .sc-chat .dots{animation:dts 1.3s 1.1s forwards}
.play .sc-chat .him{animation:pop .5s var(--ease) 2.4s forwards}
.play .sc-chat .me2{animation:pop .5s var(--ease) 3.2s forwards}
.play .sc-chat .me2 .ck{animation:ckb .3s 3.9s forwards}
.sc-doc .pp{position:absolute;left:12px;top:12px;width:54%;bottom:-8px;background:#fff;border:1px solid #DDD6C8;padding:10px 10px 0;box-shadow:0 8px 16px -10px rgba(0,0,0,.3)}
.sc-doc .pt{display:block;font:700 7.5px var(--doc);letter-spacing:.16em;margin-bottom:7px;color:var(--ink)}
.sc-doc .l{display:block;position:relative;height:5px;margin-bottom:8px;background:#DDD8CE;border-radius:1px}
.sc-doc .l.h::after{content:"";position:absolute;inset:-2px;background:rgba(210,166,95,.6);transform:scaleX(0);transform-origin:left;border-radius:1px;mix-blend-mode:multiply}
.play .sc-doc .l.h:nth-of-type(1)::after{animation:hl .5s var(--ease) .7s forwards}
.play .sc-doc .l.h:nth-of-type(4)::after{animation:hl .5s var(--ease) 1.4s forwards}
.play .sc-doc .l.h:nth-of-type(6)::after{animation:hl .5s var(--ease) 2.1s forwards}
@keyframes hl{to{transform:scaleX(1)}}
.sc-doc .mg{position:absolute;left:20px;top:22px;width:30px;height:30px;border:2px solid var(--ink);border-radius:50%;background:rgba(255,255,255,.35);opacity:0}
.sc-doc .mg i{position:absolute;left:24px;top:24px;width:13px;height:3px;background:var(--ink);transform:rotate(45deg);transform-origin:left;border-radius:2px}
@keyframes scan{0%{opacity:0;transform:translate(0,0)}8%{opacity:1}25%{transform:translate(70px,8px)}45%{transform:translate(10px,36px)}65%{transform:translate(70px,52px)}85%{transform:translate(30px,74px);opacity:1}100%{transform:translate(96px,34px) scale(.9);opacity:0}}
.play .sc-doc .mg{animation:scan 2.6s ease-in-out .3s forwards}
.sc-doc .cl{position:absolute;right:10px;top:16px;margin:0;padding:0;list-style:none;display:grid;gap:9px;font:500 9.5px var(--sans);color:var(--ink)}
.sc-doc .cl li{display:flex;align-items:center;gap:6px;opacity:.35}
.sc-doc .cl i{width:12px;height:12px;border:1.3px solid var(--ink);position:relative;flex:none}
.sc-doc .cl i::after{content:"";position:absolute;left:3px;top:-1px;width:4px;height:8px;border:solid var(--g);border-width:0 2px 2px 0;transform:rotate(45deg) scale(0)}
@keyframes ckin{to{transform:rotate(45deg) scale(1)}}
@keyframes lion{to{opacity:1}}
.play .sc-doc .cl li:nth-child(1){animation:lion .3s 1s forwards}.play .sc-doc .cl li:nth-child(1) i::after{animation:ckin .35s cubic-bezier(.3,1.6,.5,1) 1s forwards}
.play .sc-doc .cl li:nth-child(2){animation:lion .3s 1.8s forwards}.play .sc-doc .cl li:nth-child(2) i::after{animation:ckin .35s cubic-bezier(.3,1.6,.5,1) 1.8s forwards}
.play .sc-doc .cl li:nth-child(3){animation:lion .3s 2.6s forwards}.play .sc-doc .cl li:nth-child(3) i::after{animation:ckin .35s cubic-bezier(.3,1.6,.5,1) 2.6s forwards}
.sc-doc .tag{position:absolute;right:10px;bottom:12px;padding:4px 7px;border:1.5px solid var(--g);color:var(--g);font:700 7.5px var(--doc);letter-spacing:.12em;transform:rotate(-6deg) scale(1.6);opacity:0}
@keyframes stp{to{transform:rotate(-6deg) scale(1);opacity:.9}}
.play .sc-doc .tag{animation:stp .4s cubic-bezier(.3,1.6,.5,1) 3.1s forwards}
.sc-path svg{position:absolute;inset:0;width:100%;height:100%}
.sc-path path{fill:none}
.sc-path .p0{stroke:#B9B2A3;stroke-width:1.3;stroke-dasharray:1;stroke-dashoffset:1}
.sc-path .pg{stroke:var(--g2);stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}
.sc-path .stt{fill:var(--ink)}
.sc-path .e{fill:#B9B2A3;opacity:0}
.sc-path .flag path{stroke:var(--ink);stroke-width:1.4}
.sc-path .flag .fp{fill:var(--g2);stroke:none}
.sc-path .flag{transform:translateY(10px) scaleY(0);transform-origin:164px 75px;transform-box:view-box;opacity:0}
.sc-path text{font:500 8.5px var(--mono);letter-spacing:.06em;fill:#8E8A80;opacity:0}
.sc-path .lb2{fill:var(--ink);letter-spacing:.16em}
.sc-path .you{font-size:7.5px;letter-spacing:.2em;fill:var(--mute)}
@keyframes dim{to{opacity:.6}}
@keyframes flg{to{transform:none;opacity:1}}
.play .sc-path .p0{animation:drw 1s var(--ease) .2s forwards,dim .6s 2.2s forwards}
.play .sc-path .p0:nth-child(2){animation-delay:.35s,2.2s}.play .sc-path .p0:nth-child(3){animation-delay:.5s,2.2s}
.play .sc-path .e,.play .sc-path .lb1,.play .sc-path .lb3{animation:fade .4s 1.1s forwards,dim .6s 2.2s forwards}
.play .sc-path .lb2,.play .sc-path .you{animation:fade .4s 1.1s forwards}
.play .sc-path .pg{animation:drw .9s cubic-bezier(.6,0,.3,1) 1.5s forwards}
.play .sc-path .flag{animation:flg .5s cubic-bezier(.3,1.6,.5,1) 2.4s forwards}
.sc-path .prop{position:absolute;left:10px;bottom:9px;padding:4px 8px;background:var(--ink);color:var(--g3);font:500 7.5px var(--mono);letter-spacing:.14em;opacity:0;transform:translateY(8px)}
.play .sc-path .prop{animation:pop .5s var(--ease) 2.9s forwards}
.sc-bell .bell{position:absolute;left:12px;top:12px;width:22px;height:22px;fill:none;stroke:var(--g);stroke-width:1.6;stroke-linejoin:round;transform-origin:50% 10%}
@keyframes ring{0%,100%{transform:none}15%{transform:rotate(16deg)}30%{transform:rotate(-14deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-6deg)}75%{transform:rotate(3deg)}}
.play .sc-bell .bell{animation:ring .8s ease .2s,ring .8s ease 1.1s,ring .8s ease 2s}
.nt{position:absolute;left:44px;right:9px;height:36px;display:grid;grid-template-columns:20px minmax(0,1fr);column-gap:7px;align-content:center;padding:0 8px;background:#fff;border:1px solid var(--line);border-left:2px solid var(--g2);box-shadow:0 6px 12px -8px rgba(0,0,0,.3);opacity:0;transform:translateX(40px)}
.nt:nth-of-type(1){top:10px}.nt:nth-of-type(2){top:54px}.nt:nth-of-type(3){top:98px}
.nt i{grid-row:1/3;align-self:center;width:18px;height:18px;border-radius:50%;background:var(--ink);color:var(--g3);display:grid;place-items:center;font:700 9px/1 var(--sans);font-style:normal}
.nt b{font:600 9.5px/1.3 var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nt small{font:400 8px/1.3 var(--mono);color:var(--mute);letter-spacing:.04em}
@keyframes ntin{to{opacity:1;transform:none}}
.play .nt:nth-of-type(1){animation:ntin .6s var(--ease) .3s forwards}
.play .nt:nth-of-type(2){animation:ntin .6s var(--ease) 1.2s forwards}
.play .nt:nth-of-type(3){animation:ntin .6s var(--ease) 2.1s forwards}
@media (max-height:820px) and (min-width:981px){.how-head .lead{display:none}.how-head{margin-bottom:26px}.how .h2{font-size:clamp(2.3rem,4vw,3.5rem)}.hs{padding-top:32px}.hs .num{font-size:2.3rem}.scene{height:128px;margin-top:12px}.sc-chat .me2{display:none}.nt{height:30px}.nt:nth-of-type(2){top:46px}.nt:nth-of-type(3){top:82px}.hs h4{margin-top:12px}.hw-foot{margin-top:24px}.how-pin{padding-top:40px}}
@media (max-width:980px){.scene{height:156px;max-width:420px}}
@media (prefers-reduced-motion:reduce){.scene *{opacity:1!important;transform:none!important;stroke-dashoffset:0!important}.scene .dots,.scene .mg{display:none}}

/* ---------- manifesto ---------- */
.mani{position:relative;padding:clamp(120px,15vw,200px) 0;text-align:center;overflow:hidden;background:var(--ink2)}
.mani::before{content:"";position:absolute;left:50%;top:0;width:1px;height:clamp(70px,9vw,110px);background:linear-gradient(var(--g2),transparent);transform:scaleY(0);transform-origin:top;transition:transform 1.6s var(--ease)}
.mani.in::before{transform:scaleY(1)}
.mani .bgm{position:absolute;left:50%;top:50%;width:min(92vw,820px);aspect-ratio:1.4;transform:translate(-50%,-50%);background:var(--g2);-webkit-mask:var(--mask) center/contain no-repeat;mask:var(--mask) center/contain no-repeat;opacity:.05;pointer-events:none}
.mani .eyebrow{justify-content:center}
.mani-t{position:relative;font:400 clamp(2.2rem,4.4vw,4rem)/1.12 var(--serif);letter-spacing:-.01em;max-width:24ch;margin:28px auto 0;text-wrap:balance}
.mani-t .w{opacity:.16;transition:opacity .6s,color .6s}
.mani-t .w.lit{opacity:1}
.mani-t .w.g.lit{color:var(--g2);font-style:italic}
.mani-s{margin:34px auto 0;font:500 12px var(--caps);letter-spacing:.4em;color:var(--mute-d)}

/* ---------- sobre ---------- */
.about{padding:clamp(100px,12vw,170px) 0;position:relative;overflow:clip}
.ab-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(40px,7vw,110px);align-items:center}
.ab-card{position:relative;aspect-ratio:4/5;background:radial-gradient(120% 90% at 30% 20%,#0F3B4A,var(--ink) 70%);overflow:hidden;border-radius:2px;color:var(--paper);display:grid;place-items:center}
.ab-card::before{content:"";position:absolute;inset:16px;border:1px solid rgba(210,166,95,.4);z-index:2;pointer-events:none}
.ab-card::after{content:"";position:absolute;inset:22px;border:1px solid rgba(210,166,95,.15);z-index:2;pointer-events:none}
.ab-card .lg{position:relative;z-index:1;width:72%;clip-path:inset(100% 0 0 0);transition:clip-path 1.8s var(--ease) .2s;filter:drop-shadow(0 20px 30px rgba(0,0,0,.45))}
.ab-col.in .lg{clip-path:inset(0)}
.ab-card .por{position:absolute;inset:0;z-index:1}
.ab-card .por{margin:0;clip-path:inset(30% 0 0 0);transition:clip-path .8s var(--ease)}
.ab-col.in .por{clip-path:inset(0)}
.ab-card .por img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;transform:scale(1.05);transition:transform 1.2s var(--ease)}
.ab-col.in .por img{transform:none}
.ab-card .por::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(6,34,45,.55));pointer-events:none}
.ab-tagx{position:absolute;left:-1px;bottom:34px;z-index:3;background:var(--paper);padding:14px 18px 14px 22px;font:500 10px/1.5 var(--mono);letter-spacing:.2em;color:var(--ink);border-left:2px solid var(--g2)}
.ab-tagx b{display:block;font:400 23px/1.1 var(--serif);letter-spacing:.01em;margin-top:4px}
.ab-oab{display:flex;align-items:center;gap:12px;margin:16px 0 0;font:500 11.5px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--g)}
.ab-oab i{width:28px;height:1px;background:var(--g);opacity:.6}
.ab-txt p{color:#4C5759;font-weight:300;max-width:56ch}
.ab-txt .lead{margin-top:26px;color:var(--ink);font-weight:400}
.pil{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:40px;border-top:1px solid var(--ink)}
.pil div{padding:22px 20px 0 0}
.pil div+div{padding-left:20px;border-left:1px solid var(--line)}
.pil b{display:block;font:400 1.9rem/1 var(--serif)}
.pil b em{color:var(--g)}
.pil span{display:block;margin-top:10px;font-size:14px;color:var(--mute);line-height:1.55}
.ab-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}

/* ---------- formulário ---------- */
.form-sec{background:var(--paper2);padding:clamp(100px,12vw,160px) 0}
/* plantão 24h */
.sos{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:44px;padding:26px clamp(22px,3vw,36px);background:var(--ink);color:var(--paper);border:1px solid rgba(210,166,95,.35);position:relative;overflow:hidden}
.sos::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gold)}
.sos-t{display:flex;align-items:center;gap:20px;min-width:0}
.sos-clock{flex:none;width:62px;height:62px;border-radius:50%;border:1px solid rgba(210,166,95,.55);display:grid;place-items:center;position:relative;font:600 15px/1 var(--mono);color:var(--g3);text-align:center}
.sos-clock small{display:block;font-size:8px;letter-spacing:.18em;margin-top:4px;color:var(--mute-d)}
.sos-clock::after{content:"";position:absolute;inset:-1px;border-radius:50%;border:1px solid var(--g2);animation:sosP 2.4s var(--ease) infinite}
@keyframes sosP{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.45);opacity:0}}
.sos-tx p{margin:0}
.sos-tx .k{display:flex;align-items:center;gap:9px;font:500 10.5px var(--mono);letter-spacing:.2em;color:var(--g3)}
.sos-tx .k i{width:7px;height:7px;border-radius:50%;background:#E0564A;animation:sosD 1.6s infinite}
@keyframes sosD{0%{box-shadow:0 0 0 0 rgba(224,86,74,.6)}70%{box-shadow:0 0 0 9px rgba(224,86,74,0)}100%{box-shadow:0 0 0 0 rgba(224,86,74,0)}}
.sos-tx h3{margin:8px 0 4px;font:400 clamp(1.45rem,2.1vw,1.85rem)/1.1 var(--serif)}
.sos-tx h3 em{color:var(--g3)}
.sos-tx .d{color:var(--mute-d);font-size:14.5px;line-height:1.5;max-width:560px}
.sos-b{display:flex;gap:10px;flex:none}
.sos-b .btn{height:52px}
.sos .btn-line{border-color:rgba(243,237,226,.4)}
@media (hover:hover) and (pointer:fine){.sos .btn-line:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}}
@media (prefers-reduced-motion:reduce){.sos-clock::after,.sos-tx .k i{animation:none}}
@media (max-width:980px){.sos{flex-direction:column;align-items:stretch}.sos-b{flex-wrap:wrap}.sos-b .btn{flex:1 1 100%}}
@media (max-width:560px){.sos-clock{width:52px;height:52px;font-size:13px}.sos-t{align-items:flex-start;gap:14px}}
.f-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(30px,5vw,70px);align-items:start;margin-top:50px}
.fbox{background:var(--card);border:1px solid var(--line);padding:clamp(24px,3.4vw,44px);box-shadow:0 40px 70px -50px rgba(6,34,45,.5);position:relative;min-height:540px;display:flex;flex-direction:column}
.fprog{display:flex;align-items:center;gap:16px;font:500 10.5px var(--mono);letter-spacing:.2em;color:var(--mute)}
.fprog .bar{flex:1;height:2px;background:var(--line);position:relative}
.fprog .bar i{position:absolute;inset:0;background:var(--g2);transform:scaleX(var(--p,.2));transform-origin:left;transition:transform .7s var(--ease)}
.fstep{display:none;padding-top:28px;flex:1}
.fstep.on{display:block;animation:fin .6s var(--ease)}
.fstep.on.bk{animation:fbk .6s var(--ease)}
@keyframes fin{from{opacity:0;transform:translateX(24px)}}
@keyframes fbk{from{opacity:0;transform:translateX(-24px)}}
.fstep h3{margin:0 0 6px;font:400 clamp(2rem,2.8vw,2.5rem)/1.05 var(--serif)}
.fstep .q{margin:0 0 22px;color:var(--mute);font-size:14.5px}
.opts{display:grid;gap:8px}
.opts.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.opt{display:flex;align-items:center;gap:12px;min-height:54px;padding:12px 16px;border:1px solid var(--line);background:#fff;text-align:left;font-size:14.5px;line-height:1.35;transition:border-color .3s,background .3s,color .3s}
.opt i{width:16px;height:16px;border:1px solid var(--mute);border-radius:50%;flex:none;position:relative;transition:border-color .3s}
.opt i::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--g2);transform:scale(0);transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
.opt[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--paper)}
.opt[aria-pressed=true] i{border-color:var(--g2)}
.opt[aria-pressed=true] i::after{transform:scale(1)}
@media (hover:hover) and (pointer:fine){.opt:hover{border-color:var(--ink)}}
.field{display:block;margin-bottom:16px}
.field span{display:block;font:500 10.5px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--mute);margin-bottom:8px}
.field input,.field textarea{width:100%;min-width:0;height:52px;padding:0 14px;border:1px solid var(--line);background:#fff;font:400 16px var(--sans);color:var(--ink);border-radius:0;outline:none;transition:border-color .3s;-webkit-appearance:none;appearance:none}
.field textarea{height:150px;padding:12px 14px;resize:vertical;line-height:1.5}
.field input:focus,.field textarea:focus{border-color:var(--ink)}
.row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.lgpd{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:var(--mute);line-height:1.5;margin-top:4px}
.lgpd input{margin-top:3px;accent-color:var(--g);width:16px;height:16px;flex:none}
.fnav{display:flex;justify-content:space-between;align-items:center;margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}
.fnav .back{font:500 13px var(--mono);letter-spacing:.08em;color:var(--mute);visibility:hidden}
.fnav .back.v{visibility:visible}
.fnav .btn[disabled]{opacity:.35;pointer-events:none}
.done-msg{display:none;text-align:left;padding-top:30px}
.done-msg.on{display:block;animation:fin .6s var(--ease)}
.done-msg .ok{width:58px;height:58px;border-radius:50%;border:1px solid var(--g);display:grid;place-items:center;color:var(--g)}
.done-msg .ok svg{width:26px;height:26px}
.done-msg h3{font:400 2.6rem/1.05 var(--serif);margin:22px 0 10px}
.done-msg p{color:var(--mute);margin:0 0 22px}
.done-msg .bts{display:flex;gap:10px;flex-wrap:wrap}
.ficha{position:sticky;top:110px;background:#FFFDF9;border:1px solid #DDD6C8;padding:30px 30px 26px;font:400 13px/1.55 var(--doc);color:#2B2B2B;box-shadow:0 30px 60px -40px rgba(6,34,45,.55);transform:rotate(.6deg)}
.ficha .fh{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #2B2B2B;padding-bottom:12px;margin-bottom:14px}
.ficha .fh b{font:700 14px/1.3 var(--doc);letter-spacing:.14em}
.ficha .fh small{display:block;font-size:10px;letter-spacing:.12em;color:#6B6B6B;margin-top:4px}
.ficha .fh .am{width:46px;height:33px;background:linear-gradient(160deg,#B88A45,var(--g) 50%,#6E4E1E)}
.fr{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;padding:7px 0;border-bottom:1px dotted #B9B2A3}
.fr small{font-size:10px;letter-spacing:.14em;color:#6B6B6B;text-transform:uppercase;padding-top:2px}
.fr span{min-height:1.5em;overflow-wrap:anywhere;color:#14394A}
.fr span.empty{color:#B9B2A3}
.fr span.tp{animation:tp .5s steps(10)}
@keyframes tp{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
.ficha .sg{display:flex;justify-content:space-between;align-items:flex-end;margin-top:22px;font-size:10px;letter-spacing:.12em;color:#6B6B6B}
.ficha .sg div{border-top:1px solid #2B2B2B;padding-top:6px;min-width:52%}
.ficha .stamp{position:absolute;right:24px;top:62px;padding:7px 12px;border:2px solid var(--g);border-radius:3px;color:var(--g);font:700 12px/1.2 var(--doc);letter-spacing:.14em;text-align:center;text-transform:uppercase;transform:rotate(-10deg) scale(1.7);opacity:0;background:rgba(251,248,243,.6);transition:transform .45s cubic-bezier(.3,1.6,.5,1),opacity .2s}
.ficha .stamp small{display:block;font-size:8.5px;letter-spacing:.16em;margin-top:3px;font-weight:400}
.ficha.sent .stamp{transform:rotate(-10deg) scale(1);opacity:.9}

/* ---------- dúvidas ---------- */
.faq{padding:clamp(100px,12vw,160px) 0}
.faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,6vw,100px);align-items:start}
.faq-grid .h2{position:sticky;top:120px}
details{border-bottom:1px solid var(--line)}
details:first-child{border-top:1px solid var(--ink)}
summary{list-style:none;display:grid;grid-template-columns:44px minmax(0,1fr) 30px;gap:8px;align-items:center;padding:24px 0;cursor:pointer;font:400 clamp(1.45rem,2vw,1.8rem)/1.2 var(--serif)}
summary::-webkit-details-marker{display:none}
summary .n{font:500 11px var(--mono);letter-spacing:.2em;color:var(--g)}
summary .pm{position:relative;width:30px;height:30px;border:1px solid var(--line);border-radius:50%}
summary .pm::before,summary .pm::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1px;background:currentColor;transform:translate(-50%,-50%);transition:transform .5s var(--ease)}
summary .pm::after{transform:translate(-50%,-50%) rotate(90deg)}
details[open] summary .pm::after{transform:translate(-50%,-50%) rotate(0)}
details .ans{padding:0 38px 26px 52px;color:#4C5759;font-weight:300;max-width:66ch}
details .ans p{margin:0 0 10px}

/* ---------- contato ---------- */
.cta{position:relative;overflow:hidden;padding:clamp(110px,13vw,180px) 0 0;text-align:center}
.cta .wm{position:absolute;left:50%;top:40px;width:min(70vw,700px);aspect-ratio:1.4;transform:translateX(-50%);background:var(--g2);-webkit-mask:var(--mask) center/contain no-repeat;mask:var(--mask) center/contain no-repeat;opacity:.05;pointer-events:none}
.cta .rule{width:1px;height:90px;margin:0 auto 34px;background:linear-gradient(transparent,var(--g2));transform:scaleY(0);transform-origin:top;transition:transform 1.6s var(--ease)}
.cta.in .rule{transform:scaleY(1)}
.cta .h2{font-size:clamp(3rem,6.2vw,5.8rem);max-width:15ch;margin:18px auto 0}
.cta .eyebrow{justify-content:center}
.cta .lead{margin:24px auto 0}
.cta .bts{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:38px}
.cts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(70px,9vw,110px);border-top:1px solid var(--line-d);text-align:left}
.cts>*{padding:26px 22px 30px 0;min-width:0}
.cts>*+*{padding-left:22px;border-left:1px solid var(--line-d)}
.cts small{display:block;font:500 10px var(--mono);letter-spacing:.22em;color:var(--mute-d)}
.cts b{display:block;margin-top:8px;font:500 15px/1.5 var(--sans)}
.cts a b{text-decoration:underline;text-decoration-color:rgba(210,166,95,.55);text-underline-offset:4px}
.map{position:relative;height:440px;background:var(--ink3);border-top:1px solid var(--line-d);overflow:hidden}
.map .mwin{position:absolute;inset:0}
.map iframe{position:absolute;left:0;top:-120px;width:100%;height:calc(100% + 240px);border:0;filter:grayscale(1) invert(.9) contrast(.9) brightness(.95) sepia(.25) hue-rotate(150deg)}
.mcard{position:absolute;left:var(--pad);top:50%;transform:translateY(-50%);z-index:2;background:var(--ink);border:1px solid var(--line-d);padding:28px 30px;max-width:380px;text-align:left;box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}
.mcard small{display:block;font:500 10px var(--mono);letter-spacing:.22em;color:var(--g2)}
.mcard h3{margin:10px 0 8px;font:400 2.2rem/1.05 var(--serif)}
.mcard p{margin:0 0 20px;color:#BFCBCC;font-size:14.5px;font-weight:300}
.mcard .btn{height:46px;font-size:13.5px}
.mtabs{display:flex;gap:4px;margin:16px 0 4px;padding:4px;border:1px solid var(--line-d)}
.mtabs button{flex:1;height:36px;font:500 10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute-d);transition:background .35s,color .35s}
.mtabs button[aria-selected=true]{background:var(--gold);color:var(--ink)}
@media (hover:hover) and (pointer:fine){.mtabs button[aria-selected=false]:hover{color:var(--paper)}}
.mof{display:none}
.mwa{display:inline-flex;align-items:center;gap:9px;margin:0 0 14px;font:500 14.5px var(--sans);color:var(--g3);border-bottom:1px solid rgba(210,166,95,.5);padding-bottom:2px}
.mwa svg{width:16px;height:16px}
.mof.on{display:block;animation:fin .5s var(--ease)}
.mcard .mof p.ad{margin:0 0 14px;color:var(--paper);font-size:15px;font-weight:400;line-height:1.55}
.mpin{display:none;position:absolute;left:50%;top:50%;z-index:1;width:20px;height:20px;transform:translate(-50%,-50%)}
.mpin::before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--g2);box-shadow:0 0 0 6px rgba(210,166,95,.25)}
.mpin::after{content:"";position:absolute;inset:-14px;border-radius:50%;border:1px solid var(--g2);animation:ping 2.4s var(--ease) infinite}
@keyframes ping{from{transform:scale(.4);opacity:1}to{transform:scale(1.8);opacity:0}}

/* ---------- rodapé ---------- */
.ft{padding:70px 0 40px;border-top:1px solid var(--line-d);background:var(--ink)}
.ft-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:40px;align-items:start}
.ft-brand img{width:210px}
.ft-brand em{display:block;font:400 17px/1.4 var(--serif);font-style:italic;color:var(--mute-d);margin-top:16px;max-width:30ch}
.ft h6{margin:0 0 14px;font:500 10px var(--mono);letter-spacing:.22em;color:var(--mute-d)}
.ft ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14px}
.ft ul a{display:inline-flex;align-items:center;gap:10px}
.ft ul a span{line-height:1.5}
.ft ul a:has(span>br){align-items:flex-start}
.ft ul a:has(span>br) svg{margin-top:3px}
.ft ul svg{width:16px;height:16px;color:var(--g2)}
.ft .legal{margin-top:56px;padding-top:24px;border-top:1px solid var(--line-d);display:flex;justify-content:space-between;gap:30px;font:400 11.5px/1.7 var(--mono);color:var(--mute-d)}
.ft .legal p{margin:0;max-width:80ch}
@media (hover:hover) and (pointer:fine){.ft ul a:hover{color:var(--g2)}}

.mbar{display:none}
.wa-f{position:fixed;right:22px;bottom:22px;z-index:40;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 14px 30px -10px rgba(0,0,0,.45);transform:scale(0);transition:transform .6s var(--ease)}
.wa-f.on{transform:scale(1)}
.wa-f svg{width:28px;height:28px}

/* ---------- responsivo ---------- */
@media (max-width:1100px){.hd .bf{display:none}}
@media (max-width:980px){
  .head2{grid-template-columns:1fr;gap:18px;margin-bottom:40px}
  .head2 .lead{justify-self:start}
  .mm-in{grid-template-columns:1fr;gap:30px}
  .mm-nav{grid-template-columns:1fr}
  .mm-nav a{font-size:clamp(1.8rem,7.4vw,2.3rem);padding:6px 0}
  .mmenu{justify-content:flex-start;padding-top:100px}
  .hero{align-items:stretch;padding-top:96px}
  .hero .wrap{display:flex;flex-direction:column;justify-content:flex-end}
  .hero-grid{grid-template-columns:1fr;gap:0}
  .tile{order:-1;justify-self:start;width:clamp(120px,19svh,170px);margin:0 0 14px 10px;transform:none}
  .tile .tc{display:none}
  .hero h1{margin-top:14px}
  .hph::after{background:linear-gradient(0deg,rgba(6,34,45,1) 0%,rgba(6,34,45,.88) 45%,rgba(6,34,45,.5) 75%,rgba(6,34,45,.72))}
  .hero-meta{grid-template-columns:1fr 1fr;margin-top:40px}
  .hero-meta>*:nth-child(3){padding-left:0;border-left:0}
  .hero-meta>*:nth-child(n+3){border-top:1px solid var(--line-d)}
  .hcap{display:none}
  /* áreas: carrossel */
  .stp{height:auto;min-height:0;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(var(--pad) * -1);padding:0 var(--pad);scrollbar-width:none;scroll-padding:0 var(--pad)}
  .stp::-webkit-scrollbar{display:none}
  .st{flex:0 0 86%;height:min(158vw,660px);scroll-snap-align:start}
  .st.on{flex-grow:0}
  .st .cl,.st .sh{display:none}
  .st .ph,.st .tint,.st .so,.st .lt,.st .pg{left:0;right:0;width:auto;margin:0}
  .st .ph{left:-4%;right:-4%}
  .cn.b,.cn.d{left:auto;right:16px}
  .st .bn{left:auto}
  .st .so{opacity:1;background:linear-gradient(0deg,rgba(6,34,45,.97) 0%,rgba(6,34,45,.82) 44%,rgba(6,34,45,.15) 74%,rgba(6,34,45,.4))}
  .st .bn{font-size:4.4rem;right:22px;top:18px}
  .fin .lk{display:none}
  .fin .tg{font-size:9.5px}
  .fin{width:auto!important;padding:0 22px 26px}
  .fin h3{font-size:2.35rem}
  .fin .rule{margin-top:14px}
  .fin>p{font-size:14px}
  .fin ul{columns:1}
  .fin li{font-size:14px;padding:7px 0}
  .fin .bts{flex-direction:column;margin-top:20px}
  .fin .bts>*{width:100%;justify-content:center}
  .st-idx{display:none}
  .st-dots{display:flex;justify-content:center;gap:8px;margin-top:18px}
  .st-dots i{width:22px;height:2px;background:var(--line);transition:background .4s}
  .st-dots i.on{background:var(--g)}
  /* balança */
  .bl-track{height:calc(100svh + 6 * 55svh)}
  .bl-pin{align-items:flex-start;padding-top:78px}
  .bl-pin::before{left:50%;top:70%}
  .bl-grid{grid-template-columns:minmax(0,1fr);gap:6px}
  .bl-w{height:var(--blh,50svh)}
  .bl-num{padding-bottom:8px}
  .bl-num .t{font-size:2.8rem}
  .bl-num .l{font-size:9px}
  .bnotes{margin-top:10px}
  .bnote h3{font-size:1.75rem}
  .bnote p{font-size:14px;margin-top:6px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .bnote .art{margin-top:8px;font-size:9.5px;padding:4px 8px}
  .bnote .go{display:none}
  .bl-tabs{margin-top:8px}
  .bl-foot{display:none}
  .wt{font-size:10.5px;padding:5px 7px;letter-spacing:.02em}
  .wt b{font-size:9px}
  /* como funciona */
  .how-track{height:auto}
  .how-pin{position:relative;height:auto;padding:clamp(90px,12vw,140px) 0}
  .hw{grid-template-columns:1fr;padding-left:34px}
  .hw-line{left:6px;right:auto;top:0;bottom:0;width:1px;height:auto}
  .hw-line i{transform:scaleY(var(--p,0));transform-origin:top}
  .hs{padding:0 0 40px}
  .hs .dot{left:-34px;top:16px}
  .hs h4{margin-top:14px}
  .hs .det{max-height:none;opacity:1}
  .hw-foot{display:none}
  .ab-grid{grid-template-columns:1fr}
  .ab-col{max-width:460px}
  .f-grid{grid-template-columns:minmax(0,1fr)}
  .ficha{position:relative;top:0;transform:none}
  .faq-grid{grid-template-columns:minmax(0,1fr)}
  .faq-grid .h2{position:static}
  .cts{grid-template-columns:1fr 1fr}
  .cts>*:nth-child(3){padding-left:0;border-left:0}
  .cts>*:nth-child(n+3){border-top:1px solid var(--line-d)}
  .map{height:auto;display:flex;flex-direction:column}
  .map .mwin{position:relative;height:300px;overflow:hidden;order:2;inset:auto}
  .mcard{position:relative;left:auto;top:auto;transform:none;max-width:none;border:0;border-bottom:1px solid var(--line-d);padding:30px var(--pad)}
  .ft-grid{grid-template-columns:1fr 1fr}
  .ft-grid>div:first-child{grid-column:1/-1}
  .ft .legal{flex-direction:column;gap:12px}
  .wa-f{display:none}
  .mbar{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(6,34,45,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line-d);transform:translateY(110%);transition:transform .6s var(--ease)}
  .mbar.on{transform:none}
  .mbar a{height:48px;display:flex;align-items:center;justify-content:center;gap:10px;font:500 14px var(--sans);border-radius:2px}
  .mbar .c{border:1px solid rgba(243,237,226,.35);color:var(--paper)}
  .mbar .w{background:#25D366;color:#0E2A17}
  .mbar svg{width:18px;height:18px}
  .ft{padding-bottom:100px}
}
@media (max-width:980px) and (max-height:720px){.bnote p{display:none}.bnote .art{margin-top:6px}}
@media (max-width:640px){
  .hd-in{gap:6px;height:72px}
  .brand{gap:10px}
  .brand .am{width:42px;height:30px}
  .brand b{font-size:16px;letter-spacing:.16em}
  .brand small{font-size:8px;letter-spacing:.4em}
  .hd .bw{display:none}
  .hd .sq{width:40px;height:40px}
  .burger i{left:11px;right:11px}.burger i:nth-child(1){top:13px}.burger i:nth-child(2){top:19px}.burger i:nth-child(3){top:25px}
  .hero h1{font-size:clamp(3rem,13.4vw,3.9rem)}
  .hm{display:none}
  .hero .lead{font-size:15px;margin-bottom:28px}
  .hero-ctas .btn{flex:1 1 100%}
  .hero-meta{font-size:10px}
  .hero-meta>*{padding:16px 12px 18px 0}
  .hero-meta>*+*{padding-left:12px}
  .hero-meta b{font-size:13px}
  .pil{grid-template-columns:1fr}
  .pil div{padding:18px 0}
  .pil div+div{padding-left:0;border-left:0;border-top:1px solid var(--line)}
  .opts.c2{grid-template-columns:minmax(0,1fr)}
  .row2{grid-template-columns:minmax(0,1fr)}
  .fbox{min-height:0}
  .fnav .btn{padding:0 20px}
  .fr{grid-template-columns:80px minmax(0,1fr)}
  .ficha{padding:22px 18px}
  details .ans{padding:0 0 22px 52px}
  .cts{grid-template-columns:1fr}
  .cts>*{padding:20px 0!important;border-left:0!important;border-top:1px solid var(--line-d);grid-column:auto!important}
  .cts>*:first-child{border-top:0}
  .cta .bts .btn{flex:1 1 100%}
  .ft-grid{grid-template-columns:1fr}
  .ab-links .btn{flex:1 1 100%}
}
@media (max-width:370px){
  .brand small{display:none}
  .hero-meta{grid-template-columns:1fr}
  .hero-meta>*{padding-left:0!important;border-left:0!important;border-top:1px solid var(--line-d)}
  .hero-meta>*:first-child{border-top:0}
  .mbar .c span{display:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition-duration:.01s!important;transition-delay:0s!important}
  .rv,.fade-up{opacity:1;transform:none}
  .ln>span{transform:none}
  .tile .s{stroke-dashoffset:0}.tile .pf{opacity:1}.tile .tam{clip-path:none}
  .mani-t .w{opacity:1}
}

#lovable-badge {
  display: none !important;
}