/* ==========================================================================
   BOTTEGA MOREIRA · página de vendas
   ========================================================================== */

.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
.skip{position:fixed;left:16px;top:-60px;z-index:500;background:var(--bone);color:var(--ink-000);padding:10px 16px;border-radius:var(--r-pill);font-weight:600}
.skip:focus{top:16px}
.lead{font-size:clamp(16px,1.35vw,19px);line-height:1.6;color:var(--bone-2);max-width:56ch}
.lead strong{color:var(--bone);font-weight:600}
h2.display{font-size:clamp(40px,6.4vw,104px);margin:18px 0 0}
h2.display em,h1 em{font-style:italic;color:var(--skin)}
.w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.wi{display:inline-block;will-change:transform}

html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}

/* chegando de outra página: segura o conteúdo até a tinta escorrer */
.is-arriving .hero-ui{opacity:0}

/* ============================ ABERTURA ============================ */
.opening{position:fixed;inset:0;z-index:400}
.no-intro .opening{display:none}
.op-half{position:absolute;inset:0;background:var(--ink-000);display:grid;place-items:center;will-change:transform}
.op-l{clip-path:polygon(0 0,52% 0,47% 17%,54% 33%,46% 51%,53% 67%,47% 84%,51% 100%,0 100%)}
.op-r{clip-path:polygon(52% 0,100% 0,100% 100%,51% 100%,47% 84%,53% 67%,46% 51%,54% 33%,47% 17%)}
.op-art{display:flex;flex-direction:column;align-items:center;gap:28px}
.op-art svg{width:min(34vmin,240px);height:auto;overflow:visible}
.op-stroke{fill:none;stroke:var(--skin);stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}
.op-fill{fill:var(--bone)}
.op-needle{fill:var(--bone)}
.op-glow{fill:var(--skin);opacity:.5;filter:blur(3px)}
.op-word{font-family:var(--body);font-stretch:80%;font-weight:600;font-size:12px;letter-spacing:.6em;text-transform:uppercase;color:var(--bone-3);padding-left:.6em;overflow:hidden}
.op-word span{display:inline-block}
.op-crack{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
.op-crack polyline{fill:none;stroke:var(--skin-3);stroke-width:1.5;vector-effect:non-scaling-stroke}
.op-skip{position:absolute;right:20px;bottom:20px;z-index:3;font-family:var(--body);font-stretch:80%;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--bone-4);padding:10px 14px}
.op-skip:hover{color:var(--bone)}

/* ============================ PROGRESSO ============================ */
.needle-progress{position:fixed;right:14px;top:22vh;bottom:22vh;width:1px;background:var(--line-1);z-index:80;pointer-events:none}
.needle-progress i{position:absolute;left:0;top:0;width:1px;height:100%;background:linear-gradient(var(--skin),var(--bone));transform-origin:top;transform:scaleY(0)}
.needle-progress b{position:absolute;left:-2px;top:0;width:5px;height:5px;border-radius:50%;background:var(--skin);box-shadow:0 0 12px 2px rgba(192,143,117,.6)}
@media (max-width:760px){.needle-progress{right:6px}}

/* ============================ TOPO ============================ */
.topbar{
  position:fixed;left:0;right:0;top:0;z-index:100;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:18px var(--gutter);
  transition:background .5s var(--ease),backdrop-filter .5s,padding .5s var(--ease);
}
.topbar.is-scrolled{background:rgba(6,6,7,.62);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);padding-top:12px;padding-bottom:12px;box-shadow:0 1px 0 var(--line-1)}
.topnav{display:flex;gap:34px}
.topnav a{font-stretch:85%;font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--bone-2);position:relative;padding:6px 0}
.topnav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--skin);transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease-out)}
.topnav a:hover{color:var(--bone)}
.topnav a:hover::after{transform:scaleX(1);transform-origin:left}
.topbar-actions{display:flex;align-items:center;gap:12px}
.menu-btn{display:none;width:44px;height:44px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line-2);position:relative}
.menu-btn i{position:absolute;left:14px;right:14px;height:1px;background:var(--bone);transition:transform .4s var(--ease-out)}
.menu-btn i:first-child{top:19px}.menu-btn i:last-child{top:25px}
.menu-btn[aria-expanded="true"] i:first-child{transform:translateY(3px) rotate(45deg)}
.menu-btn[aria-expanded="true"] i:last-child{transform:translateY(-3px) rotate(-45deg)}
.menu[hidden]{display:none}
.menu{position:fixed;inset:0;z-index:95;background:var(--ink-000);display:flex;flex-direction:column;justify-content:center;gap:36px;padding:96px var(--gutter) 40px}
.menu nav{display:flex;flex-direction:column}
.menu nav a{font-family:var(--display);font-size:clamp(38px,11vw,64px);line-height:1.12;display:flex;align-items:baseline;gap:16px;border-bottom:1px solid var(--line-1);padding:6px 0}
.menu nav a small{font-family:var(--body);font-size:11px;letter-spacing:.2em;color:var(--skin);width:28px}
.menu .btn{align-self:flex-start}
@media (max-width:860px){
  .topnav{display:none}
  .menu-btn{display:block}
}

/* ============================ HERO ============================ */
.hero{position:relative;height:100vh;height:100svh;min-height:560px;overflow:hidden;isolation:isolate;background:#000}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.2) brightness(.95);transform:scale(1.04)}
.hero-mask{position:absolute;inset:0;background:var(--ink-000);mix-blend-mode:multiply;display:grid;place-items:center;will-change:transform;transform-origin:50% 50%}
.hero-word{display:flex;font-family:var(--display);font-weight:900;font-size:clamp(84px,21.5vw,380px);line-height:.8;letter-spacing:-.045em;color:#fff;user-select:none;padding-bottom:4vh}
.hero-word span{display:inline-block}
.hero-ink{position:absolute;inset:0;width:100%;height:100%;mix-blend-mode:screen;pointer-events:none;opacity:.95}
.hero-ui{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:104px var(--gutter) 30px;pointer-events:none;transition:opacity .6s}
.hero-kicker{align-self:center;color:var(--bone-2)}
.hero-kicker::before{display:none}
.hero-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}
.hero-sub{max-width:34ch;margin:0;font-size:clamp(15px,1.3vw,18px);line-height:1.55;color:var(--bone-2)}
.hero-sub strong{color:var(--bone);font-weight:600}
.hero-sub em{font-family:var(--display);font-style:italic;font-size:1.25em;color:var(--skin)}
.hero-sign{display:flex;align-items:flex-end;gap:16px;text-align:right}
.hero-sign-name{font-family:var(--display);font-style:italic;font-size:clamp(34px,4vw,60px);line-height:.9;color:var(--bone)}
.hero-sign-meta{font-stretch:80%;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--bone-3);line-height:1.7;text-align:left;border-left:1px solid var(--skin-line);padding-left:12px}
.scroll-cue{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:12px}
.scroll-cue span{font-stretch:80%;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--bone-3);white-space:nowrap}
.scroll-cue i{width:1px;height:46px;background:var(--line-2);position:relative;overflow:hidden}
.scroll-cue i::after{content:"";position:absolute;left:0;top:-50%;width:1px;height:50%;background:var(--skin);animation:drip 2.2s var(--ease) infinite}
@keyframes drip{0%{top:-50%}100%{top:100%}}
@media (max-width:760px){
  .hero-ui{padding-top:92px;padding-bottom:22px}
  .hero-foot{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:92px}
  .hero-kicker{text-align:center;font-size:10px;letter-spacing:.24em;line-height:1.8;max-width:30ch}
  .hero-sign{text-align:left}
  .hero-word{font-size:21vw}
  .scroll-cue{bottom:18px}
  .scroll-cue span{font-size:9px}
}

/* ============================ MANIFESTO ============================ */
.manifesto{position:relative;background:var(--ink-000)}
.manifesto-pin{position:relative;height:100vh;height:100svh;display:grid;place-items:center;overflow:hidden}
.manifesto-lily{position:absolute;left:50%;top:50%;width:min(80vmin,720px);transform:translate(-50%,-50%);opacity:.07;pointer-events:none}
.manifesto-lily svg{width:100%;height:auto;fill:none;stroke:var(--skin);stroke-width:.6;--band-gap:var(--skin);--band-w:.6px}
.manifesto-lily svg use{fill:none}
.manifesto-count{position:absolute;left:var(--gutter);top:100px;display:flex;align-items:center;gap:14px;font-stretch:80%;font-size:11px;letter-spacing:.3em;color:var(--bone-4);margin:0}
.manifesto-count .mc-now{color:var(--skin)}
.manifesto-count .mc-sep{width:40px;height:1px;background:var(--line-2)}
.manifesto-lines{position:relative;width:min(1120px,calc(100% - 2*var(--gutter)));height:70vh}
.m-line{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);margin:0;text-align:center;font-family:var(--display);font-size:clamp(30px,5.3vw,82px);line-height:1.06;letter-spacing:-.015em;color:var(--bone)}
.m-line em{font-style:italic;color:var(--skin)}
.m-line .w{overflow:visible}
.m-line .wi{opacity:.08;transition:none}
.no-js .m-line{position:static;transform:none;margin:0 0 40px}

/* ============================ CAPÍTULO I ============================ */
.bottega{position:relative;padding:clamp(100px,14vw,200px) 0 0;overflow:hidden}
.bottega-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(30px,5vw,80px);align-items:center}
.bottega-title{font-size:clamp(66px,11vw,184px)!important;letter-spacing:-.035em}
.bottega-title .italic{font-size:.32em;letter-spacing:0;vertical-align:.9em}
.bottega-def{font-family:var(--display);font-style:italic;font-size:clamp(20px,2vw,28px);line-height:1.35;color:var(--bone);max-width:30ch;margin:30px 0 34px}
.bottega-quote{margin:0 0 30px;padding:0 0 0 22px;border-left:1px solid var(--skin)}
.bottega-quote p{margin:0;color:var(--bone-2);font-size:16px;line-height:1.65;max-width:46ch}
.bottega-body{color:var(--bone-3);max-width:50ch;line-height:1.7}
.bottega-body strong{color:var(--bone);font-weight:600}
.bottega-stage{position:relative;height:min(78vh,760px);min-height:380px;display:grid;place-items:center}
.bottega-stage canvas{position:absolute;inset:0}
.bottega-stage::before{content:"";position:absolute;inset:12% 8%;border-radius:50%;background:radial-gradient(closest-side,rgba(192,143,117,.16),transparent);filter:blur(10px)}
.lily-fallback{width:52%;fill:var(--ink-300);stroke:var(--skin-line);stroke-width:1}
.bottega-stage.is-3d .lily-fallback{display:none}
.marquee{margin-top:clamp(60px,9vw,130px);border-top:1px solid var(--line-1);border-bottom:1px solid var(--line-1);overflow:hidden;padding:22px 0}
.marquee-track{display:flex;align-items:center;gap:36px;width:max-content;font-family:var(--display);font-style:italic;font-size:clamp(34px,5vw,74px);line-height:1;color:transparent;-webkit-text-stroke:1px var(--bone-4);will-change:transform}
.marquee-track i{font-style:normal;color:var(--skin);-webkit-text-stroke:0;font-size:.5em}
@media (max-width:900px){
  .bottega-grid{grid-template-columns:1fr}
  .bottega-stage{height:62vh;order:-1}
}

/* ============================ CAPÍTULO II ============================ */
.journey{position:relative;padding:clamp(110px,13vw,190px) 0 0}
.journey-head{margin-bottom:clamp(40px,6vw,80px)}
.journey-head h2{max-width:16ch}
.journey-pin{position:relative;height:100vh;height:100svh;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.journey-track{display:flex;gap:clamp(24px,3.4vw,56px);padding:0 var(--gutter);width:max-content;will-change:transform}
.j-card{width:clamp(280px,27vw,400px);flex:none;display:flex;flex-direction:column;gap:20px}
.stencil{position:relative;margin:0;aspect-ratio:4/5;border-radius:var(--r-sm);overflow:hidden;background:#e9e3d8}
.stencil img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.9) brightness(1.08) invert(1) sepia(1) hue-rotate(195deg) saturate(2.4);mix-blend-mode:multiply;transition:filter 1.4s var(--ease),transform 1.6s var(--ease-out);transform:scale(1.08)}
.stencil::after{content:"estêncil";position:absolute;left:12px;top:12px;font-stretch:80%;font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:#5b4fa0;transition:opacity .6s}
.j-card.is-on .stencil{background:var(--ink-100)}
.j-card.is-on .stencil img{filter:grayscale(1) contrast(1.08) brightness(1);mix-blend-mode:normal;transform:scale(1)}
.j-card.is-on .stencil::after{opacity:0}
.j-seal{margin:0;aspect-ratio:4/5;border-radius:var(--r-sm);display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,rgba(192,143,117,.25),transparent 60%),var(--ink-100);box-shadow:inset 0 0 0 1px var(--skin-line)}
.j-seal svg{width:44%;fill:var(--skin)}
.j-year{font-family:var(--display);font-style:italic;font-size:clamp(30px,3vw,44px);line-height:1;color:var(--skin)}
.j-body h3{margin:10px 0 8px;font-stretch:85%;font-weight:600;font-size:15px;letter-spacing:.18em;text-transform:uppercase}
.j-body p{margin:0;color:var(--bone-3);font-size:15px;line-height:1.6;max-width:36ch}
.journey-progress{position:absolute;left:var(--gutter);right:var(--gutter);bottom:7vh;height:1px;background:var(--line-1)}
.journey-progress i{position:absolute;inset:0;background:var(--skin);transform-origin:left;transform:scaleX(0)}
@media (max-width:899px){
  .journey-pin{height:auto;overflow:visible}
  .journey-track{flex-direction:column;width:auto;gap:64px}
  .j-card{width:100%}
  .journey-progress{display:none}
}

/* ============================ CAPÍTULO III ============================ */
.rotunda{position:relative;padding:clamp(110px,13vw,190px) 0 clamp(60px,8vw,100px);overflow:hidden}
.rotunda-head h2{max-width:20ch}
.rotunda-stage{position:relative;height:clamp(420px,72vh,720px);perspective:1500px;perspective-origin:50% 40%;margin-top:clamp(20px,4vw,50px);touch-action:pan-y;user-select:none}
.rotunda-ring{position:absolute;left:50%;top:46%;width:0;height:0;transform-style:preserve-3d;will-change:transform}
.rp{position:absolute;margin:0;border-radius:4px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--ink-100);box-shadow:0 30px 60px -30px #000}
.rp img{width:100%;height:100%;object-fit:cover;pointer-events:none}
.rp::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.55));pointer-events:none}
.rotunda-stage::after{content:"";position:absolute;left:10%;right:10%;bottom:4%;height:60px;background:radial-gradient(closest-side,rgba(0,0,0,.9),transparent);filter:blur(12px);z-index:-1}
.rotunda-caption{display:flex;justify-content:center;align-items:baseline;gap:16px;flex-wrap:wrap;margin:clamp(10px,2vw,24px) var(--gutter) 0;text-align:center}
.rc-n{font-family:var(--display);font-style:italic;color:var(--skin);font-size:22px}
.rc-title{font-family:var(--display);font-size:clamp(24px,2.6vw,36px)}
.rc-tech{font-stretch:80%;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--bone-3)}

/* ============================ CAPÍTULO IV ============================ */
.inside{position:relative;padding:clamp(110px,13vw,190px) 0 clamp(80px,10vw,140px)}
.inside-head h2{max-width:15ch}
.inside-head .lead{margin-top:26px}
.device-wrap{perspective:1600px;margin:clamp(50px,7vw,100px) auto 0;width:min(1120px,calc(100% - 2*var(--gutter)))}
.device{border-radius:14px;background:var(--ink-100);box-shadow:var(--e3),inset 0 0 0 1px var(--line-2);overflow:hidden;transform-origin:50% 0;will-change:transform}
.device-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--line-1);background:var(--ink-200)}
.device-bar i{width:9px;height:9px;border-radius:50%;background:var(--ink-500)}
.device-bar span{margin-left:14px;font-size:11px;color:var(--bone-4);letter-spacing:.1em;background:var(--ink-300);padding:4px 16px;border-radius:var(--r-pill)}
.device-screen{position:relative;background:#08080a;overflow:hidden;padding-bottom:20px}
.ds-top{position:absolute;left:0;right:0;top:0;z-index:2;display:flex;align-items:center;gap:26px;padding:14px 22px;background:linear-gradient(#08080a,transparent)}
.ds-brand{display:flex;align-items:center;gap:8px;font-stretch:80%;font-weight:700;font-size:11px;letter-spacing:.3em;text-transform:uppercase}
.ds-brand svg{width:12px;fill:var(--skin)}
.ds-nav{display:flex;gap:18px;font-size:11px;color:var(--bone-3)}
.ds-nav b{color:var(--bone);font-weight:600}
.ds-av{margin-left:auto;width:22px;height:22px;border-radius:50%;background:var(--skin);box-shadow:0 0 0 2px #08080a,0 0 0 3px var(--skin)}
.ds-bill{position:relative;height:clamp(220px,32vw,400px)}
.ds-bill img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;filter:grayscale(1) brightness(.75)}
.ds-bill::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#08080a 8%,transparent 70%),linear-gradient(0deg,#08080a,transparent 40%)}
.ds-bill-txt{position:absolute;left:22px;bottom:26px;z-index:1;display:flex;flex-direction:column;gap:8px;max-width:50%}
.ds-bill-txt small{font-stretch:80%;font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--skin)}
.ds-bill-txt strong{font-family:var(--display);font-weight:400;font-size:clamp(26px,4vw,52px);line-height:.95}
.ds-bar{display:block;width:160px;height:3px;background:var(--ink-400);border-radius:2px;overflow:hidden}
.ds-bar i{display:block;width:42%;height:100%;background:var(--skin)}
.ds-btns{display:flex;gap:10px;font-size:11px}
.ds-btns b{background:var(--bone);color:#000;padding:7px 14px;border-radius:4px;font-weight:600}
.ds-btns em{font-style:normal;background:rgba(241,237,229,.15);padding:7px 14px;border-radius:4px}
.ds-row{padding:14px 0 0 22px}
.ds-row small{display:block;font-size:11px;font-weight:600;margin-bottom:9px;color:var(--bone-2)}
.ds-track{display:flex;gap:8px;width:max-content;animation:rowSlide 38s linear infinite}
.ds-track[data-row="b"]{animation-duration:46s;animation-direction:reverse}
.ds-track img{width:clamp(110px,13vw,170px);aspect-ratio:16/10;object-fit:cover;border-radius:4px;filter:grayscale(1)}
@keyframes rowSlide{to{transform:translateX(-50%)}}

.salas{position:relative;margin-top:clamp(80px,10vw,150px)}
.salas-list{list-style:none;margin:24px 0 0;padding:0;border-top:1px solid var(--line-1)}
.salas-list li{position:relative;display:grid;grid-template-columns:70px 1fr 1.1fr;align-items:baseline;gap:20px;padding:clamp(18px,2.4vw,30px) 0;border-bottom:1px solid var(--line-1);cursor:default;transition:padding .5s var(--ease-out)}
.salas-list li::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--skin-soft),transparent);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease-out);z-index:-1}
.salas-list li:hover::before{transform:scaleX(1)}
.salas-list li:hover{padding-left:18px}
.s-n{font-family:var(--display);font-style:italic;color:var(--skin);font-size:20px}
.s-name{font-family:var(--display);font-size:clamp(26px,3.4vw,50px);line-height:1}
.s-desc{color:var(--bone-3);font-size:15px;max-width:40ch}
.salas-float{position:fixed;left:0;top:0;width:240px;aspect-ratio:4/5;border-radius:6px;overflow:hidden;pointer-events:none;z-index:60;opacity:0;transform:translate(-50%,-50%) scale(.6);transition:opacity .35s,transform .5s var(--ease-out);box-shadow:var(--e3)}
.salas-float.is-on{opacity:1}
.salas-float img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.1)}
@media (max-width:760px){
  .salas-list li{grid-template-columns:44px 1fr;row-gap:6px}
  .s-desc{grid-column:2}
  .salas-float{display:none}
  .ds-nav span{display:none}
}

/* ============================ TR6 ============================ */
.tr6{position:relative;padding:clamp(80px,10vw,140px) 0;overflow:hidden;border-top:1px solid var(--line-1)}
.tr6-word{position:relative;font-family:var(--display);font-weight:900;font-size:clamp(150px,36vw,560px);line-height:.78;letter-spacing:-.05em;text-align:center;user-select:none}
.tr6-word span{display:block}
.tr6-out{color:transparent;-webkit-text-stroke:1px var(--bone-4)}
.tr6-fill{position:absolute;inset:0;color:var(--bone);clip-path:inset(100% 0 0 0);background:linear-gradient(180deg,var(--bone) 0%,var(--skin-3) 70%,var(--skin) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.tr6-body{position:relative;margin-top:clamp(-60px,-4vw,-20px);display:grid;justify-items:center;text-align:center}
.tr6-body .lead{margin:24px auto 0;text-align:center}
.tr6-body .eyebrow::before{display:none}
@media (max-width:760px){.tr6-body{margin-top:14px}}

/* ============================ ECOSSISTEMA ============================ */
.eco{padding:clamp(110px,13vw,190px) 0 clamp(80px,10vw,140px)}
.eco-head h2{max-width:14ch}
.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(250px,auto);gap:14px;margin-top:clamp(40px,6vw,80px);grid-template-areas:"salao salao desafio critica" "salao salao live nivel" "cert bast bast suporte"}
.tile{position:relative;border-radius:var(--r-md);background:var(--ink-100);box-shadow:inset 0 0 0 1px var(--line-1);overflow:hidden;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;transform-style:preserve-3d;transition:box-shadow .5s;will-change:transform}
.tile:hover{box-shadow:inset 0 0 0 1px var(--skin-line)}
.tile::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(400px circle at var(--mx,50%) var(--my,50%),rgba(192,143,117,.12),transparent 50%);opacity:0;transition:opacity .4s}
.tile:hover::after{opacity:1}
.tile-txt{position:relative;z-index:2}
.tile-k{font-stretch:80%;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--skin)}
.tile h3{font-family:var(--display);font-weight:400;font-size:clamp(24px,2.2vw,34px);line-height:1;margin:8px 0 10px}
.tile p{margin:0;color:var(--bone-3);font-size:14px;line-height:1.6;max-width:44ch}
.t-salao{grid-area:salao;justify-content:space-between;gap:24px;padding:30px}
.t-salao h3{font-size:clamp(34px,3.6vw,56px)}
.t-desafio{grid-area:desafio}.t-critica{grid-area:critica}.t-live{grid-area:live}.t-nivel{grid-area:nivel}.t-cert{grid-area:cert}.t-bast{grid-area:bast}.t-suporte{grid-area:suporte}

.feed{position:relative;display:flex;flex-direction:column;gap:10px;min-height:260px}
.feed-list{display:flex;flex-direction:column;gap:10px}
.post{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:10px;background:var(--ink-200);box-shadow:inset 0 0 0 1px var(--line-1)}
.post .av{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--ink-000);background:var(--bone-2)}
.post .av.igor{background:var(--skin)}
.post b{font-size:13px;font-weight:600;display:flex;gap:8px;align-items:center}
.post b small{font-weight:500;font-size:10px;color:var(--skin);letter-spacing:.14em;text-transform:uppercase}
.post p{margin:3px 0 0;font-size:13px;color:var(--bone-2);line-height:1.5}
.post .like{margin-left:auto;font-size:12px;color:var(--bone-4);white-space:nowrap}
.feed-typing{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--bone-4);padding-left:6px}
.feed-typing i{width:5px;height:5px;border-radius:50%;background:var(--bone-3);animation:typing 1.2s infinite}
.feed-typing i:nth-child(2){animation-delay:.15s}.feed-typing i:nth-child(3){animation-delay:.3s}
.feed-typing span{margin-left:8px}
@keyframes typing{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}

.tile-img{position:absolute;inset:0}
.tile-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.55);transition:transform 1.2s var(--ease-out)}
.tile:hover .tile-img img{transform:scale(1.06)}
.t-desafio .tile-img::after,.t-bast::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--ink-100) 8%,transparent 70%);z-index:1}

.t-critica{justify-content:space-between;gap:16px}
.critica-img{position:relative;flex:1;min-height:150px;border-radius:8px;overflow:hidden}
.critica-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.8)}
.critica-marks{position:absolute;inset:0;width:100%;height:100%}
.critica-marks ellipse,.critica-marks path{fill:none;stroke:var(--skin-3);stroke-width:1.2;vector-effect:non-scaling-stroke;stroke-dasharray:300;stroke-dashoffset:300;transition:stroke-dashoffset 1.4s var(--ease)}
.critica-tag{position:absolute;font-family:var(--display);font-style:italic;font-size:15px;color:var(--skin-3);opacity:0;transition:opacity .6s .9s}
.ct-1{right:8%;top:4%}.ct-2{left:6%;bottom:6%}
.t-critica.is-in .critica-marks ellipse,.t-critica.is-in .critica-marks path{stroke-dashoffset:0}
.t-critica.is-in .critica-tag{opacity:1}

.t-live{background:radial-gradient(circle at 80% 10%,rgba(192,143,117,.18),transparent 55%),var(--ink-100)}
.live-dot{display:inline-flex;align-items:center;gap:8px;font-stretch:80%;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--bone)}
.live-dot::before{content:"";width:8px;height:8px;border-radius:50%;background:#e2483d;box-shadow:0 0 0 0 rgba(226,72,61,.6);animation:pulse 1.8s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(226,72,61,0)}100%{box-shadow:0 0 0 0 rgba(226,72,61,0)}}

.t-nivel{justify-content:space-between}
.ring{width:118px;height:118px;transform:rotate(-90deg)}
.ring circle{fill:none;stroke:var(--ink-400);stroke-width:5}
.ring .ring-fill{stroke:var(--skin);stroke-linecap:round;stroke-dasharray:327;stroke-dashoffset:327;transition:stroke-dashoffset 2s var(--ease-out)}
.t-nivel.is-in .ring-fill{stroke-dashoffset:110}
.ring-txt{position:absolute;left:24px;top:24px;width:118px;height:118px;display:grid;place-content:center;text-align:center}
.ring-txt b{font-family:var(--display);font-weight:400;font-size:20px}
.ring-txt small{font-size:10px;color:var(--bone-3);letter-spacing:.1em}

.t-cert{justify-content:space-between}
.seal{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#d9a68a,#8c5640 70%);box-shadow:inset 0 -6px 12px rgba(0,0,0,.35),inset 0 4px 8px rgba(255,255,255,.2),0 10px 24px -10px #000;transition:transform .8s var(--ease-out)}
.seal svg{width:44%;fill:#5e3727;filter:drop-shadow(0 1px 0 rgba(255,255,255,.25))}
.t-cert:hover .seal{transform:rotate(-12deg) scale(1.05)}

.t-bast{padding:28px}
.t-bast video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.5)}
.t-bast::before{z-index:1}

.t-suporte{justify-content:space-between;gap:16px}
.chat{display:flex;flex-direction:column;gap:8px}
.bub{margin:0;max-width:85%;padding:9px 13px;border-radius:14px;font-size:12px;line-height:1.45}
.bub.me{align-self:flex-end;background:var(--ink-300);border-bottom-right-radius:4px;color:var(--bone-2)}
.bub.them{align-self:flex-start;background:var(--skin);color:var(--ink-000);border-bottom-left-radius:4px;font-weight:500}

@media (max-width:1000px){
  .bento{grid-template-columns:repeat(2,1fr);grid-template-areas:"salao salao" "desafio critica" "live nivel" "bast bast" "cert suporte"}
}
@media (max-width:600px){
  .bento{grid-template-columns:1fr;grid-template-areas:"salao" "desafio" "critica" "live" "nivel" "bast" "cert" "suporte"}
  .tile{min-height:220px}
}

/* ============================ HIERARQUIA ============================ */
.guild{padding:clamp(90px,11vw,160px) 0;border-top:1px solid var(--line-1)}
.guild-head h2{max-width:20ch;font-size:clamp(34px,5vw,80px)}
.guild-steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,4vw,60px);margin-top:clamp(50px,7vw,90px)}
.guild-line{position:absolute;left:calc(var(--gutter) + 16.6%);right:calc(var(--gutter) + 16.6%);top:44px;width:auto;height:40px;overflow:visible}
.guild-line path{fill:none;stroke:var(--skin);stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1}
.g-step{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center}
.g-seal{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:var(--ink-000);box-shadow:inset 0 0 0 1px var(--skin-line);position:relative;z-index:1;transition:background .6s,box-shadow .6s}
.g-seal svg{width:40%;fill:var(--bone-4);transition:fill .6s}
.g-step.is-on .g-seal{background:var(--ink-100);box-shadow:inset 0 0 0 1px var(--skin),0 0 40px -6px rgba(192,143,117,.5)}
.g-step.is-on .g-seal svg{fill:var(--skin)}
.g-step:nth-child(4) .g-seal{width:132px;height:132px;margin-top:-10px}
.g-step h3{font-family:var(--display);font-weight:400;font-size:clamp(28px,3vw,42px);margin:26px 0 10px}
.g-step p{margin:0;color:var(--bone-3);font-size:15px;max-width:30ch}
@media (max-width:760px){
  .guild-steps{grid-template-columns:1fr;gap:56px}
  .guild-line{display:none}
}

/* ============================ PLANOS ============================ */
.plans{padding:clamp(110px,13vw,190px) 0;background:radial-gradient(60% 50% at 20% 60%,rgba(192,143,117,.08),transparent),var(--ink-000)}
.plans-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,5vw,80px);align-items:center;margin-top:clamp(50px,6vw,80px)}
.card-zone{display:flex;flex-direction:column;align-items:center;gap:30px;perspective:1200px}
.member-card{width:min(440px,100%);aspect-ratio:1.586;transform-style:preserve-3d;will-change:transform;transition:transform .6s var(--ease-out)}
.mc-face{position:absolute;inset:0;border-radius:18px;overflow:hidden;padding:clamp(18px,4%,26px);display:flex;flex-direction:column;justify-content:space-between;
  background:radial-gradient(120% 90% at 0% 0%,#2a2220 0%,transparent 55%),linear-gradient(135deg,#141317 0%,#0b0b0d 55%,#17120f 100%);
  box-shadow:inset 0 0 0 1px rgba(192,143,117,.35),0 40px 80px -30px #000,0 0 0 1px #000}
.mc-holo{position:absolute;inset:-40%;background:conic-gradient(from var(--ang,0deg) at var(--hx,50%) var(--hy,50%),transparent 0deg,rgba(226,185,162,.18) 40deg,transparent 90deg,rgba(241,237,229,.12) 160deg,transparent 220deg,rgba(192,143,117,.2) 300deg,transparent 360deg);mix-blend-mode:screen;pointer-events:none;transition:opacity .4s}
.mc-top{position:relative;display:flex;justify-content:space-between;align-items:center}
.mc-top .brand{font-size:10px}
.mc-no{font-stretch:80%;font-size:10px;letter-spacing:.2em;color:var(--bone-3)}
.mc-no b{color:var(--skin);font-weight:600}
.mc-lily{position:absolute;right:-6%;top:50%;width:46%;transform:translateY(-50%);fill:none;stroke:rgba(192,143,117,.35);stroke-width:.8;--band-gap:rgba(192,143,117,.35);--band-w:.8px}
.mc-lily use{fill:rgba(192,143,117,.06)}
.mc-bottom{position:relative;display:flex;flex-direction:column;gap:4px}
.mc-bottom small{font-stretch:80%;font-size:9px;letter-spacing:.32em;text-transform:uppercase;color:var(--skin)}
.mc-name{font-family:var(--display);font-weight:500;font-size:clamp(24px,3.2vw,34px);line-height:1.05;color:var(--bone);text-shadow:0 1px 0 rgba(0,0,0,.6);min-height:1.05em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.mc-name.is-empty{color:var(--bone-4)}
.mc-meta{display:flex;gap:16px;font-stretch:80%;font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:var(--bone-3);margin-top:6px}
.name-field{display:flex;flex-direction:column;gap:10px;width:min(440px,100%)}
.name-field span{font-stretch:80%;font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--bone-3)}
.name-field input{height:54px;border-radius:var(--r-pill);border:0;background:var(--ink-100);box-shadow:inset 0 0 0 1px var(--line-2);padding:0 22px;font-size:16px;outline:none;transition:box-shadow .3s}
.name-field input:focus{box-shadow:inset 0 0 0 1px var(--skin)}
.plan-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.plan{position:relative;display:flex;flex-direction:column;gap:22px;padding:30px;border-radius:var(--r-lg);background:var(--ink-100);box-shadow:inset 0 0 0 1px var(--line-1)}
.plan header h3{font-family:var(--display);font-weight:400;font-size:38px;margin:0}
.price{margin:8px 0 0;font-size:14px;color:var(--bone-3)}
.price b{font-family:var(--display);font-weight:500;font-size:40px;color:var(--bone)}
.price .soon{display:inline-flex;align-items:center;gap:8px;font-stretch:80%;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--skin)}
.price .soon::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--skin);animation:pulse 2s infinite}
.plan ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px;flex:1}
.plan li{display:flex;gap:12px;font-size:14px;color:var(--bone-2);line-height:1.45}
.plan li::before{content:"";flex:none;width:12px;height:14px;margin-top:3px;background:var(--skin);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 240'%3E%3Cpath d='M100 8 C92 22 76 46 75 74 C74 98 84 118 92 134 C82 114 70 96 58 86 C44 74 26 76 22 90 C19 102 23 114 32 117 C39 119 43 111 39 104 C47 117 57 131 68 142 L72 158 C62 163 52 170 50 182 C48 194 58 201 65 195 C60 188 68 180 90 175 C94 196 97 214 100 236 C103 214 106 196 110 175 C132 180 140 188 135 195 C142 201 152 194 150 182 C148 170 138 163 128 158 L132 142 C143 131 153 117 161 104 C157 111 161 119 168 117 C177 114 181 102 178 90 C174 76 156 74 142 86 C130 96 118 114 108 134 C116 118 126 98 125 74 C124 46 108 22 100 8 Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 240'%3E%3Cpath d='M100 8 C92 22 76 46 75 74 C74 98 84 118 92 134 C82 114 70 96 58 86 C44 74 26 76 22 90 C19 102 23 114 32 117 C39 119 43 111 39 104 C47 117 57 131 68 142 L72 158 C62 163 52 170 50 182 C48 194 58 201 65 195 C60 188 68 180 90 175 C94 196 97 214 100 236 C103 214 106 196 110 175 C132 180 140 188 135 195 C142 201 152 194 150 182 C148 170 138 163 128 158 L132 142 C143 131 153 117 161 104 C157 111 161 119 168 117 C177 114 181 102 178 90 C174 76 156 74 142 86 C130 96 118 114 108 134 C116 118 126 98 125 74 C124 46 108 22 100 8 Z'/%3E%3C/svg%3E") center/contain no-repeat}
.plan .btn{width:100%}
.plan-hi{background:linear-gradient(180deg,rgba(192,143,117,.14),transparent 40%),var(--ink-100);box-shadow:inset 0 0 0 1px var(--skin-line)}
.plan-badge{position:absolute;right:22px;top:22px;font-stretch:80%;font-size:10px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-000);background:var(--skin);padding:6px 12px;border-radius:var(--r-pill)}
@media (max-width:1100px){.plan-list{grid-template-columns:1fr}}
@media (max-width:900px){.plans-grid{grid-template-columns:1fr}}

/* ============================ DÚVIDAS ============================ */
.faq{padding:clamp(90px,11vw,160px) 0;border-top:1px solid var(--line-1)}
.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,5vw,80px)}
.faq-list details{border-bottom:1px solid var(--line-1)}
.faq-list details:first-child{border-top:1px solid var(--line-1)}
.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font-family:var(--display);font-size:clamp(20px,2vw,28px);line-height:1.2;cursor:pointer}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"";flex:none;width:14px;height:14px;background:linear-gradient(var(--skin),var(--skin)) center/100% 1px no-repeat,linear-gradient(var(--skin),var(--skin)) center/1px 100% no-repeat;transition:transform .5s var(--ease-out)}
.faq-list details[open] summary::after{transform:rotate(135deg)}
.faq-list details p{margin:0 0 26px;color:var(--bone-3);max-width:58ch;line-height:1.7}
@media (max-width:760px){.faq-grid{grid-template-columns:1fr}}

/* ============================ FINAL ============================ */
.final{position:relative;padding:clamp(130px,16vw,240px) 0;overflow:hidden;text-align:center}
.final-lily{position:absolute;left:50%;top:50%;width:min(70vmin,620px);transform:translate(-50%,-50%);opacity:.08}
.final-lily svg{width:100%;fill:var(--skin)}
.final-inner{position:relative}
.final h2{font-size:clamp(46px,8vw,132px);max-width:14ch;margin:0 auto}
.final-cta{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:clamp(36px,5vw,60px)}

/* ============================ RODAPÉ ============================ */
.footer{border-top:1px solid var(--line-1);padding:40px 0 calc(40px + env(safe-area-inset-bottom))}
.footer-grid{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px 40px}
.footer-links{display:flex;flex-wrap:wrap;gap:22px;justify-content:center}
.footer-links a{font-size:13px;color:var(--bone-3);transition:color .3s}
.footer-links a:hover{color:var(--bone)}
.footer-copy{grid-column:1/3;margin:0;font-size:12px;color:var(--bone-4)}
.footer-dev{font-size:12px;color:var(--bone-4);justify-self:end}
.footer-dev b{color:var(--skin);font-weight:600}
@media (max-width:760px){
  .footer-grid{grid-template-columns:1fr;justify-items:center;text-align:center}
  .footer-copy{grid-column:auto}
  .footer-dev{justify-self:center}
}

/* ============================ CTA FLUTUANTE ============================ */
.float-cta{position:fixed;right:28px;bottom:28px;z-index:85;display:flex;align-items:center;gap:10px;height:52px;padding:0 22px 0 18px;border-radius:var(--r-pill);background:var(--bone);color:var(--ink-000);font-stretch:85%;font-weight:600;font-size:12px;letter-spacing:.16em;text-transform:uppercase;box-shadow:0 20px 40px -16px rgba(0,0,0,.9);transform:translateY(140%);opacity:0;transition:transform .7s var(--ease-out),opacity .4s,background .3s}
.float-cta svg{width:14px;fill:var(--skin-2)}
.float-cta.is-on{transform:translateY(0);opacity:1}
.float-cta:hover{background:var(--skin)}
.float-cta:hover svg{fill:var(--ink-000)}
@media (max-width:760px){
  .float-cta{left:16px;right:16px;bottom:calc(14px + env(safe-area-inset-bottom));justify-content:center}
}

/* ============================ LIGHTBOX ============================ */
.lightbox{position:fixed;inset:0;z-index:350;background:rgba(6,6,7,.94);display:grid;place-items:center;padding:30px}
.lightbox[hidden]{display:none}
.lightbox figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:16px;max-height:100%}
.lightbox img{max-height:78vh;max-width:min(90vw,900px);width:auto;border-radius:4px;box-shadow:var(--e3)}
.lightbox figcaption{font-family:var(--display);font-size:22px;text-align:center}
.lightbox figcaption small{display:block;font-family:var(--body);font-stretch:80%;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--bone-3);margin-top:6px}
.lb-close{position:absolute;right:20px;top:16px;font-size:34px;line-height:1;color:var(--bone-2);width:48px;height:48px}

/* revelações genéricas */
[data-reveal]{opacity:0;transform:translateY(24px)}
.no-gsap [data-reveal]{opacity:1;transform:none}
.no-gsap .manifesto-pin{height:auto;padding:120px 0}
.no-gsap .manifesto-lines{height:auto}
.no-gsap .m-line{position:static;transform:none;margin:0 0 36px}
.no-gsap .j-card .stencil img{filter:grayscale(1);mix-blend-mode:normal;transform:none}
.no-gsap .tr6-fill{clip-path:none}
@media (prefers-reduced-motion:reduce){
  [data-reveal]{opacity:1;transform:none}
  .m-line{position:static;transform:none;margin:0 0 36px}
  .manifesto-pin{height:auto;padding:120px 0}
  .manifesto-lines{height:auto}
  .m-line .wi{opacity:1}
  .stencil img{filter:grayscale(1)!important;mix-blend-mode:normal!important;transform:none!important}
  .tr6-fill{clip-path:none}
  .ds-track{animation:none}
}