/* ==========================================================================
   BRAZILIAN BEAUTY SECRETS — Landing Page
   Identidade: APTOS 30 Festival · Ilíkia
   Paleta oficial KV: #3C8CBB · #4FC1E9 · #F03A9C · #000000
   Tipografia: Gotham (Light / Book / Medium / Bold)
   ========================================================================== */

/* ---------- Fontes ---------- */
@font-face{font-family:"Gotham";src:url("../media/fonts/GothamLight.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Gotham";src:url("../media/fonts/GothamBook.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Gotham";src:url("../media/fonts/GothamMedium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Gotham";src:url("../media/fonts/GothamBold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}

/* ---------- Tokens ---------- */
:root{
  /* Cores oficiais */
  --blue:#3C8CBB;
  --cyan:#4FC1E9;
  --pink:#F03A9C;
  --ink:#04081A;
  --ink-2:#070D24;
  --ink-3:#0C1533;
  --paper:#F2F5FC;

  /* Derivados */
  --muted:var(--fg-3);
  --muted-2:var(--fg-4);
  --cyan-soft:#A9D9EA;
  --pink-soft:#F6B3D5;
  --amber:#FFC24A;          /* identidade STIIM */
  /* Texto sobre fundo escuro */
  --fg:var(--paper);
  --fg-1:rgba(242,245,252,.86);
  --fg-2:rgba(242,245,252,.76);
  --fg-3:rgba(242,245,252,.62);
  --fg-4:rgba(242,245,252,.42);

  /* Texto sobre degradê chapado (branco puro) */
  --on-1:rgba(255,255,255,.86);
  --on-2:rgba(255,255,255,.72);
  --on-3:rgba(255,255,255,.6);
  --on-4:rgba(255,255,255,.4);

  /* Linhas e bordas — 4 intensidades */
  --line-1:rgba(255,255,255,.06);
  --line-2:rgba(255,255,255,.12);
  --line-3:rgba(255,255,255,.2);
  --line-4:rgba(255,255,255,.32);
  --line-on:rgba(255,255,255,.16);

  /* Acentos de marca em bordas e fundos */
  --accent-tint:rgba(169,217,234,.07);
  --accent-line:rgba(169,217,234,.32);
  --accent-line-2:rgba(169,217,234,.55);
  --pink-line:rgba(240,58,156,.4);

  /* Vidro / véus sobre a base */
  --glass-1:rgba(4,8,26,.5);
  --glass-2:rgba(4,8,26,.72);
  --glass-3:rgba(4,8,26,.86);
  --glass-4:rgba(4,8,26,.97);

  /* Superfícies elevadas */
  --surf-1:rgba(255,255,255,.02);
  --surf-2:rgba(255,255,255,.05);
  --surf-3:rgba(255,255,255,.09);

  /* Sombras */
  --sh-1:0 10px 22px rgba(0,0,0,.5);
  --sh-2:0 14px 34px -14px rgba(0,0,0,.6);
  --sh-glow:0 14px 38px -12px rgba(185,40,122,.7);

  /* Degradês oficiais */
  --grad-kv:linear-gradient(115deg,var(--blue) 0%,#3C8CBB 26%,var(--cyan) 52%,#B9287A 76%,var(--pink) 100%);
  --grad-festival:linear-gradient(135deg,var(--blue) 0%,#B9287A 48%,var(--pink) 100%);
  --grad-text:linear-gradient(96deg,var(--cyan-soft) 0%,#D7DCE7 42%,var(--pink-soft) 100%);

  /* Tipografia */
  --f:"Gotham","Helvetica Neue",Helvetica,Arial,sans-serif;
  --f-quote:var(--f);

  /* Escala tipográfica — razão ~1.22, fluida a partir do passo 7.
     Todo tamanho da página referencia um destes treze passos. */
  --fs-1:.5625rem;                                      /*  9px  micro-tags */
  --fs-2:.625rem;                                       /* 10px  eyebrows, labels */
  --fs-3:.6875rem;                                      /* 11px  legendas, refs */
  --fs-4:.75rem;                                        /* 12px  nav, UI */
  --fs-5:.8125rem;                                      /* 13px  botões, corpo pequeno */
  --fs-6:.875rem;                                       /* 14px  corpo secundário */
  --fs-7:clamp(.9375rem,.18vw + .9rem,1rem);            /* 15→16 corpo */
  --fs-8:clamp(1rem,.45vw + .9rem,1.125rem);            /* 16→18 lead */
  --fs-9:clamp(1.0625rem,.75vw + .92rem,1.3125rem);     /* 17→21 citação, h4 */
  --fs-10:clamp(1.1875rem,1.15vw + .95rem,1.5rem);      /* 19→24 h3 */
  --fs-11:clamp(1.375rem,1.9vw + .95rem,2rem);          /* 22→32 h2 curto */
  --fs-12:clamp(1.75rem,2.9vw + .95rem,3.5rem);         /* 28→56 h2 */
  --fs-13:clamp(2rem,3.3vw + .95rem,3.75rem);           /* 32→60 h1 */

  /* Entrelinha — 6 passos */
  --lh-1:.94;    /* display / hero */
  --lh-2:1.14;   /* títulos */
  --lh-3:1.38;   /* citações, claims */
  --lh-4:1.52;   /* lead */
  --lh-5:1.62;   /* corpo */
  --lh-flat:1;   /* números, ícones */
  --lh-glyph:.5; /* colapsa a caixa de um glifo decorativo isolado */

  /* Tracking — 6 passos */
  --ls-display:-.032em;  /* tipos grandes */
  --ls-title:-.022em;    /* títulos médios */
  --ls-tight:-.012em;    /* lead, citações */
  --ls-body:.01em;       /* corpo */
  --ls-wide:.16em;       /* labels, botões */
  --ls-wider:.24em;      /* eyebrows */

  /* Espaçamento — 12 passos, fixos na base e fluidos no topo */
  --sp-1:.35rem;
  --sp-2:.5rem;
  --sp-3:.7rem;
  --sp-4:.9rem;
  --sp-5:1.15rem;
  --sp-6:clamp(1rem,.85rem + .6vw,1.5rem);
  --sp-7:clamp(1.35rem,1.05rem + 1.1vw,2rem);
  --sp-8:clamp(1.75rem,1.35rem + 1.5vw,2.6rem);
  --sp-9:clamp(2.25rem,1.75rem + 2vw,3.25rem);
  --sp-10:clamp(3rem,2.3rem + 2.8vw,4.5rem);
  --sp-11:clamp(4rem,3rem + 4vw,6rem);
  --sp-12:clamp(6rem,4.4rem + 6.4vw,8rem);

  /* Camadas */
  --z-art:-3;
  --z-wash:-2;
  --z-deco:-1;
  --z-base:1;
  --z-raised:2;
  --z-over:3;
  --z-grain:9;
  --z-nav:100;

  /* Raios — um único sistema, tudo arredondado */
  --r-xs:6px;
  --r-sm:10px;
  --r-md:14px;
  --r-lg:20px;
  --r-pill:999px;

  /* Layout */
  --w:1280px;
  --pad:clamp(1.25rem,5vw,4.5rem);
  --nav-h:76px;

  /* Motion — 5 durações de interface + 4 ambientes em laço */
  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --t-1:.3s;    /* micro: cor, opacidade */
  --t-2:.45s;   /* padrão de interface */
  --t-3:.6s;    /* componente */
  --t-4:.9s;    /* reveal */
  --t-5:1.2s;   /* imagem, parallax */
  --t-cue:2.4s;    --t-draw:2.6s;    --t-pulse:3.4s;    --t-spin:90s;
}

/* ---------- Reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}
body{
  margin:0;background:var(--ink);color:var(--paper);
  font-family:var(--f);font-weight:400;font-size:var(--fs-7);
  line-height:var(--lh-5);letter-spacing:var(--ls-body);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  overflow-x:clip;
}
img,svg,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4,p,figure,blockquote{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
::selection{background:var(--pink);color:#fff}
:focus-visible{outline:2px solid var(--cyan-soft);outline-offset:3px;border-radius:var(--r-xs)}

/* ---------- Utilitários de layout ---------- */
.wrap{width:100%;max-width:var(--w);margin-inline:auto;padding-inline:var(--pad)}
.wrap--wide{max-width:1560px}
.section{position:relative;padding-block:clamp(5rem,8vw,7.5rem)}
.section--tight{padding-block:var(--sp-9)}

/* ---------- Tipografia ---------- */
.eyebrow{
  font-size:var(--fs-3);font-weight:500;letter-spacing:var(--ls-wider);text-transform:uppercase;
  color:var(--cyan-soft);display:flex;align-items:center;gap:var(--sp-4);
}
.eyebrow::before{content:"";width:clamp(20px,3vw,42px);height:1px;background:currentColor;opacity:.55;flex:none}
.eyebrow--center{justify-content:center}

.display{
  font-weight:700;line-height:var(--lh-1);letter-spacing:var(--ls-display);text-wrap:balance;
  font-size:var(--fs-12);
}
.display--hero{font-size:var(--fs-13);line-height:var(--lh-1);letter-spacing:var(--ls-display)}
.display--sm{font-size:var(--fs-11);line-height:var(--lh-2);letter-spacing:var(--ls-title)}

.lead{
  font-weight:300;font-size:var(--fs-8);line-height:var(--lh-4);
  letter-spacing:var(--ls-tight);color:var(--fg-2);text-wrap:pretty;
}
.body-lg{font-size:var(--fs-7);line-height:var(--lh-5);color:var(--fg-2)}
.small{font-size:var(--fs-5);line-height:var(--lh-5);color:var(--muted-2);letter-spacing:var(--ls-body)}

.grad-text{
  background:var(--grad-text);-webkit-background-clip:text;background-clip:text;
  color:transparent;-webkit-text-fill-color:transparent;
}
.quote{font-family:var(--f-quote);font-style:italic;font-weight:400;letter-spacing:var(--ls-tight);line-height:var(--lh-3)}

/* ---------- Botões ---------- */
.btn{
  --btn-fg:#fff;
  position:relative;display:inline-flex;align-items:center;gap:var(--sp-3);
  padding:var(--sp-5) var(--sp-7);border:0;border-radius:var(--r-pill);
  font-size:var(--fs-5);font-weight:500;letter-spacing:var(--ls-wide);text-transform:uppercase;
  color:var(--btn-fg);cursor:pointer;overflow:hidden;isolation:isolate;
  transition:transform var(--t-2) var(--ease-out),box-shadow var(--t-2) var(--ease-out);
}
.btn__bg{position:absolute;inset:0;z-index:var(--z-wash);background:var(--grad-festival);background-size:200% 100%;transition:background-position var(--t-3) var(--ease-out)}
.btn:hover{transform:translateY(-2px);box-shadow:var(--sh-glow)}
.btn:hover .btn__bg{background-position:100% 0}
.btn__arrow{width:15px;height:15px;flex:none;transition:transform var(--t-2) var(--ease-out)}
.btn:hover .btn__arrow{transform:translateX(4px)}

.btn--ghost{background:transparent;border:1px solid var(--line-2);color:var(--paper)}
.btn--ghost .btn__bg{display:none}
.btn--ghost:hover{border-color:var(--on-4);background:var(--surf-2);box-shadow:none}

.btn--light{background:var(--paper);color:var(--ink)}
.btn--light .btn__bg{display:none}
.btn--light:hover{box-shadow:var(--sh-2)}

.link-inline{
  display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-5);font-weight:500;
  letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--cyan-soft);
  padding-bottom:var(--sp-1);border-bottom:1px solid var(--accent-line);
  transition:border-color var(--t-2) var(--ease),color var(--t-2) var(--ease),gap var(--t-2) var(--ease);
}
.link-inline:hover{color:#fff;border-color:#fff;gap:var(--sp-4)}

/* ---------- Grão / textura global ---------- */
.grain{
  position:fixed;inset:0;z-index:var(--z-grain);pointer-events:none;opacity:.22;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");
}

/* ---------- Orbes decorativos (elemento gráfico oficial) ---------- */
.orb{position:absolute;pointer-events:none;user-select:none}
.section > .orb,.hero > .orb{position:absolute}
.orb img{width:100%;height:auto}
.orb--spin img{animation:spin var(--t-spin) linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

.glow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(80px)}

/* ==========================================================================
   NAV
   ========================================================================== */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:var(--z-nav);height:var(--nav-h);
  display:flex;align-items:center;
  transition:background var(--t-2) var(--ease),backdrop-filter var(--t-2) var(--ease),border-color var(--t-2) var(--ease),height var(--t-2) var(--ease);
  border-bottom:1px solid transparent;
}
.nav.is-stuck{
  height:64px;background:var(--glass-3);backdrop-filter:blur(22px) saturate(1.4);
  -webkit-backdrop-filter:blur(22px) saturate(1.4);border-bottom-color:var(--line-1);
}
.nav__inner{width:100%;max-width:1560px;margin-inline:auto;padding-inline:var(--pad);display:flex;align-items:center;gap:var(--sp-7)}
.nav__logo{flex:none}
.nav__logo img{height:clamp(26px,2.2vw,32px);width:auto;opacity:0;transform:translateY(-6px);transition:opacity var(--t-2) var(--ease),transform var(--t-2) var(--ease),height var(--t-2) var(--ease)}
.nav.is-stuck .nav__logo img{height:24px;opacity:1;transform:none}
.nav.is-open .nav__logo img{opacity:1;transform:none}
.nav__menu{margin-left:auto;display:flex;align-items:center;gap:var(--sp-7)}
.nav__link{
  font-size:var(--fs-4);font-weight:500;letter-spacing:var(--ls-wide);text-transform:uppercase;
  color:var(--fg-3);position:relative;padding-block:var(--sp-1);transition:color var(--t-1) var(--ease);
}
.nav__link::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--cyan-soft);transition:right var(--t-2) var(--ease-out)}
.nav__link:hover{color:#fff}
.nav__link:hover::after{right:0}
.nav__cta{padding:var(--sp-4) var(--sp-6);font-size:var(--fs-3)}
.nav__burger{display:none;margin-left:auto;width:44px;height:44px;background:none;border:0;cursor:pointer;position:relative}
.nav__burger span{position:absolute;left:11px;right:11px;height:1.5px;background:var(--paper);transition:transform var(--t-2) var(--ease),opacity var(--t-1)}
.nav__burger span:nth-child(1){top:17px}
.nav__burger span:nth-child(2){top:25px}
.nav.is-open .nav__burger span:nth-child(1){transform:translateY(4px) rotate(45deg)}
.nav.is-open .nav__burger span:nth-child(2){transform:translateY(-4px) rotate(-45deg)}

@media(max-width:900px){
  .nav__burger{display:block}
  .nav__menu{
    position:fixed;inset:var(--nav-h) 0 auto;flex-direction:column;align-items:flex-start;gap:0;
    background:var(--glass-4);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
    padding:var(--sp-4) var(--pad) var(--sp-7);border-bottom:1px solid var(--line-1);
    clip-path:inset(0 0 100% 0);transition:clip-path var(--t-3) var(--ease-out);
  }
  .nav.is-open .nav__menu{clip-path:inset(0 0 0 0)}
  .nav__link{width:100%;padding-block:var(--sp-5);border-bottom:1px solid var(--line-1);font-size:var(--fs-5)}
  .nav__cta{margin-top:var(--sp-6)}
}

/* ==========================================================================
   DOBRA 1 — HERO / MANIFESTO
   Cinco áreas fundidas em uma única obra
   ========================================================================== */
.hero{
  position:relative;min-height:clamp(660px,82svh,860px);display:flex;align-items:center;
  overflow:hidden;isolation:isolate
}

/* ---------- A obra: foto dominante + ecos em prisma ----------
   Ocupa a metade direita para que o texto tenha chão escuro e legível.
   Os ecos citam o rastro de movimento da própria fotografia do KV. */
.mural{position:absolute;inset:0 0 0 38%;z-index:var(--z-art);overflow:hidden}
.mural::after{
  /* dissolve a obra no fundo, sem emenda */
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(ellipse at 72% 44%,transparent 0 34%,rgba(4,8,26,.12) 60%,rgba(4,8,26,.4) 100%),
    linear-gradient(90deg,var(--ink) 0%,rgba(4,8,26,.86) 14%,rgba(4,8,26,.3) 40%,transparent 68%);
}
.mural__main,.mural__echo{position:absolute;top:0;bottom:0;overflow:hidden}
.mural__main img,.mural__echo img{
  width:100%;height:100%;object-fit:cover;transform:scale(1.1);will-change:transform;
}

.mural__main{left:0;right:0}
.mural__main img{object-position:52% 26%;filter:saturate(1.06) contrast(1.04)}

/* ecos: faixas verticais esmaecidas, feathered nas duas bordas */
.mural__echo{
  top:auto;bottom:auto;mix-blend-mode:screen;border-radius:50%;
  -webkit-mask-image:radial-gradient(ellipse at center,#000 0 42%,rgba(0,0,0,.76) 58%,transparent 76%);
  mask-image:radial-gradient(ellipse at center,#000 0 42%,rgba(0,0,0,.76) 58%,transparent 76%);
  filter:blur(.15px);
}
.mural__echo img{filter:saturate(1.1) contrast(1.02)}
.mural__echo--1{left:-5%;top:5%;width:34%;height:48%;opacity:.58;transform:rotate(-12deg)}
.mural__echo--2{left:13%;bottom:2%;width:29%;height:42%;opacity:.42;transform:rotate(13deg)}
.mural__echo--3{right:15%;top:8%;width:27%;height:38%;opacity:.32;transform:rotate(10deg)}
.mural__echo--4{right:-7%;bottom:0;width:38%;height:52%;opacity:.52;transform:rotate(-9deg)}
.mural__echo--1 img{object-position:62% 40%}
.mural__echo--2 img{object-position:44% 34%}
.mural__echo--3 img{object-position:50% 44%}
.mural__echo--4 img{object-position:46% 52%}

/* Camada de cor do KV sobre a obra */
.hero__wash{
  position:absolute;inset:0 0 0 38%;z-index:var(--z-wash);
  background:var(--grad-kv);opacity:.34;mix-blend-mode:soft-light;
}
.hero__wash2{
  position:absolute;inset:0;z-index:var(--z-wash);
  background:
    radial-gradient(78% 96% at 0% 32%,rgba(60,140,187,.5),transparent 62%),
    radial-gradient(58% 62% at 96% 8%,rgba(240,58,156,.3),transparent 62%),
    radial-gradient(46% 44% at 74% 96%,rgba(79,193,233,.18),transparent 64%),
    linear-gradient(180deg,rgba(4,8,26,.62) 0%,transparent 26%,rgba(4,8,26,.42) 68%,var(--ink) 100%);
}
.hero__orb{z-index:var(--z-deco);width:clamp(240px,26vw,420px);top:6%;right:-6%;opacity:.1}

/* Etiquetas das cinco áreas */
.areas{
  position:absolute;left:0;right:0;bottom:0;z-index:var(--z-raised);
  display:flex;border-top:1px solid var(--line-1);
  background:linear-gradient(180deg,transparent,rgba(4,8,26,.55));
  backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
}
.areas__item{
  flex:1 1 0;padding:var(--sp-5) var(--sp-6) var(--sp-5);
  font-size:var(--fs-2);font-weight:500;letter-spacing:var(--ls-wider);text-transform:uppercase;
  color:var(--fg-4);position:relative;
  transition:color var(--t-2) var(--ease);
}
.areas__item + .areas__item{border-left:1px solid var(--line-1)}
.areas__item::before{
  content:"";position:absolute;top:-1px;left:0;right:100%;height:1px;
  background:var(--grad-festival);transition:right var(--t-4) var(--ease-out);
}
.areas__item.is-lit{color:#fff}
.areas__item.is-lit::before{right:0}
.areas__num{display:block;font-size:var(--fs-1);letter-spacing:var(--ls-wider);color:var(--cyan-soft);margin-bottom:var(--sp-1);opacity:.8}

/* Mobile: a obra volta a ser full-bleed com a foto dominante */
@media(max-width:1024px){
  .mural{inset:0 0 0 22%}
  .hero__wash{inset:0 0 0 22%}
  .mural::after{background:linear-gradient(90deg,var(--ink) 0%,rgba(4,8,26,.9) 16%,rgba(4,8,26,.4) 46%,transparent 74%)}
}
@media(max-width:760px){
  .hero{min-height:100svh;align-items:flex-end}
  .mural{inset:0}
  .hero__wash{inset:0;opacity:.4}
  .mural__echo{display:none}
  .mural__echo--4{display:block;right:-6%;width:44%;opacity:.32}
  .mural__main img{object-position:56% 24%}
  .mural::after{
    background:
      linear-gradient(180deg,rgba(4,8,26,.5) 0%,rgba(4,8,26,.14) 20%,rgba(4,8,26,.72) 48%,rgba(4,8,26,.92) 78%,var(--ink) 100%),
      linear-gradient(90deg,rgba(4,8,26,.66) 0%,rgba(4,8,26,.24) 58%,transparent 100%);
  }
  .hero__orb{display:none}
}

.hero__content{
  position:relative;z-index:var(--z-over);width:100%;max-width:1560px;margin-inline:auto;
  padding-top:calc(var(--nav-h) + var(--sp-6));
  padding-bottom:clamp(5.75rem,11vh,7.5rem);
}
.hero__text{max-width:min(100%,704px)}
.hero__logo{width:clamp(180px,19vw,260px);margin-bottom:var(--sp-7)}
.hero__eyebrow{margin-bottom:var(--sp-5)}
.hero h1{max-width:18ch;margin-bottom:var(--sp-6)}
.hero__sub{max-width:min(100%,44ch);margin-bottom:var(--sp-7)}
.hero__sub p + p{margin-top:var(--sp-4)}
.hero__sub strong{font-weight:500;color:#fff}

/* Mantém a mensagem visível em janelas desktop muito largas e baixas. */
@media(min-width:761px) and (max-height:760px){
  .hero{min-height:620px}
  .hero__content{padding-top:calc(var(--nav-h) + var(--sp-5));padding-bottom:5.25rem}
  .hero__logo{width:clamp(170px,17vw,220px);margin-bottom:var(--sp-6)}
  .hero__eyebrow{margin-bottom:var(--sp-4)}
  .hero h1{font-size:clamp(2rem,2.7vw,3rem);margin-bottom:var(--sp-5)}
  .hero__sub{margin-bottom:var(--sp-6)}
  .hero__sub p + p{margin-top:var(--sp-2)}
}

.scroll-cue{
  position:absolute;right:var(--pad);bottom:clamp(5.5rem,11vh,8rem);z-index:var(--z-over);
  display:flex;align-items:center;gap:var(--sp-4);
  font-size:var(--fs-2);font-weight:500;letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--muted-2);
}
.scroll-cue__line{width:1px;height:64px;background:linear-gradient(180deg,transparent,var(--cyan-soft));position:relative;overflow:hidden}
.scroll-cue__line::after{content:"";position:absolute;inset:0;background:#fff;animation:cue var(--t-cue) var(--ease) infinite}
@keyframes cue{0%{transform:translateY(-100%)}60%,100%{transform:translateY(100%)}}
@media(max-width:900px){
  .scroll-cue{display:none}
  .areas__item{font-size:var(--fs-1);letter-spacing:var(--ls-wide);padding:var(--sp-4) var(--sp-2) var(--sp-4)}
  .areas__num{display:none}
}
@media(max-width:560px){
  .areas{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .areas::-webkit-scrollbar{display:none}
  .areas__item{flex:0 0 42%;text-align:left;scroll-snap-align:start;white-space:nowrap}
  .areas__item + .areas__item{border-left:1px solid var(--line-1)}
}

/* ==========================================================================
   DOBRA 2 — O QUE É APTOS
   ========================================================================== */
.aptos{overflow:hidden;background:linear-gradient(180deg,var(--ink) 0%,#0A1438 42%,var(--ink) 100%)}
.aptos::before{
  content:"";position:absolute;inset:12% -18% auto auto;width:58vw;aspect-ratio:1;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(60,140,187,.18),rgba(79,193,233,.07) 36%,transparent 70%);filter:blur(28px)
}
.aptos::after{
  content:"";position:absolute;left:-18%;top:28%;width:48vw;aspect-ratio:1;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(240,58,156,.12),rgba(185,40,122,.06) 38%,transparent 70%);filter:blur(34px)
}
.aptos > .wrap{position:relative;z-index:var(--z-base)}
.aptos__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:var(--sp-10);align-items:center;margin-bottom:var(--sp-9)}
.aptos__logo{width:clamp(96px,10vw,132px);margin-bottom:var(--sp-6);opacity:.95}
.aptos__head h2{margin-bottom:var(--sp-6)}
.aptos__note{max-width:48ch;padding-left:var(--sp-7);border-left:1px solid var(--pink-line)}
.aptos__manifesto{font-size:clamp(1.2rem,1.6vw,1.65rem);font-weight:300;line-height:1.5;letter-spacing:var(--ls-tight);color:var(--fg-1)}
.aptos__note .aptos__manifesto strong{font-weight:500;color:#fff}
.aptos__note strong{font-weight:500;color:#fff}
@media(max-width:860px){
  .aptos__head{grid-template-columns:1fr;gap:var(--sp-7)}
  .aptos__note{padding-left:var(--sp-6)}
}

/* Editorial: modelo + métodos, sem interromper o storytelling */
.pillars{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(0,1.05fr);gap:var(--sp-10);align-items:center}
.pillars__media{position:relative;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:4/5;max-height:620px}
.pillars__media img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;transform:scale(1.06);will-change:transform}
.pillars__media::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 42%,rgba(4,8,26,.72) 100%),
             linear-gradient(120deg,rgba(60,140,187,.22),transparent 55%,rgba(240,58,156,.18));
}
.aptos__methods-title{font-size:var(--fs-9);font-weight:500;line-height:var(--lh-3);letter-spacing:var(--ls-tight);color:#fff;margin-bottom:var(--sp-7);max-width:28ch}
.pillar{padding:var(--sp-6) 0;border-top:1px solid var(--line-2)}
.pillar:last-child{border-bottom:1px solid var(--line-2)}
.pillar__top{display:flex;align-items:baseline;gap:var(--sp-4);margin-bottom:var(--sp-4)}
.pillar__idx{font-size:var(--fs-2);font-weight:500;letter-spacing:var(--ls-wider);color:var(--cyan-soft);flex:none}
.pillar__name{font-size:var(--fs-10);font-weight:700;letter-spacing:var(--ls-title);line-height:var(--lh-2)}
.chips{display:flex;flex-wrap:wrap;gap:var(--sp-2)}
.chip{
  font-size:var(--fs-2);font-weight:500;letter-spacing:var(--ls-wide);text-transform:uppercase;
  padding:var(--sp-2) var(--sp-4);border:1px solid var(--line-2);border-radius:var(--r-pill);color:var(--fg-2);
  transition:border-color var(--t-2) var(--ease),color var(--t-2) var(--ease),background var(--t-2) var(--ease);
}
.chip:hover{border-color:var(--accent-line-2);color:#fff;background:var(--accent-tint)}
.chip--accent{border-color:var(--pink-line);color:var(--pink-soft)}
@media(max-width:860px){.pillars{grid-template-columns:1fr}.pillars__media{aspect-ratio:3/4}}

/* Packshots em faixa discreta, como continuidade dos métodos */
.boxes{margin-top:var(--sp-7);padding-top:var(--sp-6);border-top:1px solid var(--line-1)}
.boxes__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(.75rem,2vw,2rem);align-items:end}
.box{
  position:relative;padding:var(--sp-2) 0 var(--sp-4);border-bottom:1px solid var(--line-2);
  transition:border-color var(--t-2) var(--ease),transform var(--t-2) var(--ease-out);
}
.box:hover{border-color:var(--accent-line-2);transform:translateY(-4px)}
.box__img{aspect-ratio:16/8;display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-2);opacity:.9}
.box__img img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(0,0,0,.42));transition:transform var(--t-3) var(--ease-out)}
.box:hover .box__img img{transform:scale(1.035)}
.box:first-child{border-bottom-color:var(--pink-line)}
.box__name{font-size:var(--fs-5);font-weight:700;letter-spacing:var(--ls-body);margin-bottom:var(--sp-1)}
.box__use{font-size:var(--fs-3);letter-spacing:var(--ls-body);color:var(--muted-2);line-height:var(--lh-4)}
@media(max-width:900px){
  .boxes__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:var(--sp-3)}
  .boxes__grid::-webkit-scrollbar{display:none}
  .box{flex:0 0 min(72vw,290px);scroll-snap-align:start}
}

/* Stats / prêmios */
.proof{
  margin-top:var(--sp-9);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4);
  background:transparent;border:0;overflow:visible
}
.proof__cell{
  position:relative;min-height:clamp(310px,24vw,370px);padding:clamp(2rem,3vw,3rem);
  display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto 1fr;column-gap:var(--sp-6);align-content:start;
  border:1px solid var(--line-2);border-radius:var(--r-lg);overflow:hidden;isolation:isolate;
  background:linear-gradient(145deg,#070D22 0%,#09122D 66%,#0B1740 100%);
  box-shadow:0 24px 60px -44px rgba(60,140,187,.72);
  transition:border-color var(--t-2) var(--ease),transform var(--t-3) var(--ease-out),box-shadow var(--t-3) var(--ease);
}
.proof__cell::before{content:"";position:absolute;z-index:var(--z-base);left:0;right:0;top:0;height:2px;background:var(--grad-festival);opacity:.56}
.proof__cell:hover{border-color:var(--accent-line-2);transform:translateY(-4px);box-shadow:0 32px 74px -42px rgba(60,140,187,.82)}
.proof__mundo{
  position:relative;z-index:var(--z-base);grid-column:1;grid-row:1;align-self:center;
  width:clamp(54px,5.2vw,76px);height:clamp(54px,5.2vw,76px);object-fit:contain;opacity:.72;
  filter:drop-shadow(0 12px 24px rgba(79,193,233,.14));
  transform-origin:center;animation:proof-icon-spin 30s linear infinite;will-change:transform;
  transition:opacity var(--t-2) var(--ease),filter var(--t-2) var(--ease)
}
.proof__cell:nth-child(2) .proof__mundo{animation-duration:36s;animation-direction:reverse}
.proof__cell:nth-child(3) .proof__mundo{animation-duration:33s}
.proof__cell:hover .proof__mundo{opacity:.94;filter:drop-shadow(0 14px 28px rgba(79,193,233,.24))}
@keyframes proof-icon-spin{to{transform:rotate(360deg)}}
.proof__num{
  grid-column:2;grid-row:1;justify-self:end;align-self:center;
  font-size:clamp(3.75rem,5.2vw,5.25rem);font-weight:700;line-height:var(--lh-1);letter-spacing:var(--ls-display);margin:0;
  display:flex;align-items:baseline;gap:.1em;
}
.proof__num sup{font-size:.34em;font-weight:500;letter-spacing:var(--ls-body);top:-1.1em;position:relative}
.proof__title{grid-column:1/-1;grid-row:2;font-size:var(--fs-8);font-weight:500;line-height:var(--lh-3);letter-spacing:var(--ls-body);margin:var(--sp-7) 0 var(--sp-4);color:#fff}
.proof__desc{grid-column:1/-1;grid-row:3;font-size:var(--fs-7);line-height:1.68;color:rgba(220,229,255,.62);max-width:33ch}
@media(max-width:1080px) and (min-width:861px){
  .proof__cell{padding:var(--sp-7);min-height:350px}
  .proof__desc{font-size:var(--fs-6)}
}
@media(max-width:860px){
  .proof{grid-template-columns:1fr}
  .proof__cell{min-height:270px}
  .proof__mundo{width:64px;height:64px;opacity:.72}
}

.aptos__cta{margin-top:var(--sp-9);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-5);align-items:center}
.aptos__cta-button{
  min-height:60px;padding-inline:clamp(1.8rem,3vw,2.7rem);justify-content:center;
  border:1px solid rgba(255,255,255,.18);font-size:var(--fs-5);letter-spacing:var(--ls-wider);
  box-shadow:0 18px 44px -18px rgba(60,140,187,.78),0 10px 30px -22px rgba(240,58,156,.72)
}
.aptos__cta-button::after{
  content:"";position:absolute;z-index:var(--z-base);inset:-40% auto -40% -35%;width:24%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);transform:skewX(-18deg);
  transition:left var(--t-4) var(--ease-out);pointer-events:none
}
.aptos__cta-button:hover::after{left:112%}
.aptos__cta-button:hover{box-shadow:0 24px 52px -16px rgba(60,140,187,.9),0 14px 36px -18px rgba(240,58,156,.82)}
.aptos__cta-button .btn__arrow{margin-left:var(--sp-2)}

/* ==========================================================================
   DOBRA 3 — BELEZA BRASILEIRA (mapa + Dr. Tonon)
   ========================================================================== */
.brasil{position:relative;overflow:hidden;background:var(--ink)}
.brasil::before{
  content:"";position:absolute;inset:0;z-index:0;
  background:
    radial-gradient(64% 52% at 18% 46%,rgba(60,140,187,.28),transparent 66%),
    radial-gradient(54% 46% at 86% 66%,rgba(240,58,156,.14),transparent 68%),
    radial-gradient(42% 36% at 52% 8%,rgba(79,193,233,.1),transparent 70%);
}
.brasil > .wrap{position:relative;z-index:var(--z-base)}
.brasil__head{max-width:64ch;margin-bottom:var(--sp-9)}
.brasil__brand{width:clamp(112px,12vw,158px);margin-bottom:var(--sp-6);opacity:.94}
.brasil__head .eyebrow{margin-bottom:var(--sp-6)}
.brasil__head h2{margin-bottom:var(--sp-6)}
.brasil__head .lead{max-width:52ch}

.brasil__stage{display:block}
.brasil-origin{
  position:relative;display:grid;grid-template-columns:minmax(350px,.82fr) minmax(0,1.18fr);
  column-gap:clamp(3rem,5vw,5rem);align-items:stretch;overflow:visible
}
.brasil-origin::before{
  content:"";position:absolute;inset:5% -8% 0;pointer-events:none;
  background:
    radial-gradient(42% 46% at 34% 45%,rgba(60,140,187,.16),transparent 72%),
    radial-gradient(42% 46% at 76% 70%,rgba(240,58,156,.09),transparent 74%)
}

/* Composição aberta: mapa, narrativa e retrato ocupam o mesmo campo visual. */
.mapa{
  position:relative;isolation:isolate;z-index:var(--z-base);grid-column:1;grid-row:1;
  width:100%;height:100%;padding:0;display:flex;flex-direction:column;justify-content:center
}
.mapa::before{
  content:"";position:absolute;z-index:-1;inset:8% 2% 18%;border-radius:48%;
  background:radial-gradient(circle,rgba(79,193,233,.16),rgba(60,140,187,.07) 48%,transparent 72%);filter:blur(34px)
}
.mapa svg{position:relative;display:block;width:min(100%,500px);aspect-ratio:1;margin-inline:auto}
.mapa__shape{fill:url(#gBrasil);opacity:.84}
.mapa__stroke{fill:none;stroke:rgba(255,255,255,.42);stroke-width:1.15;stroke-linejoin:round}
.mapa__glow{filter:blur(30px);opacity:.28}
.mapa__locations circle{fill:#fff;stroke:rgba(169,217,234,.62);stroke-width:1.6;filter:drop-shadow(0 0 5px rgba(79,193,233,.8))}
.mapa__locations circle:nth-child(3),.mapa__locations circle:nth-child(8){animation:map-point 2.8s ease-in-out infinite}
.mapa__locations circle:nth-child(8){animation-delay:1.1s}
@keyframes map-point{0%,100%{opacity:.68}50%{opacity:1}}
.mapa__facts{position:relative;display:flex;flex-wrap:wrap;gap:clamp(2rem,4vw,4rem);align-items:flex-start;width:min(88%,480px);margin:var(--sp-5) auto 0}
.mapa__facts p{padding:0}
.mapa__facts p + p{padding-left:0;border-left:0}
.mapa__facts b{display:block;font-size:var(--fs-10);line-height:var(--lh-1);letter-spacing:var(--ls-title);color:#fff;margin-bottom:var(--sp-2)}
.mapa__facts span{display:block;max-width:18ch;font-size:var(--fs-3);line-height:var(--lh-4);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--on-3)}

.brasil-narrative{
  position:relative;z-index:var(--z-raised);grid-column:2;grid-row:1;min-width:0;
  display:flex;flex-direction:column;gap:var(--sp-7);
  font-size:var(--fs-7);line-height:var(--lh-5);color:var(--fg-2)
}
.brasil-story{position:relative;min-width:0;padding:var(--sp-5) 0 0;font:inherit;color:inherit}
.brasil-story__copy{max-width:62ch;font:inherit;color:inherit}
.brasil-story__copy .eyebrow{margin-bottom:var(--sp-5);color:var(--cyan-soft)}
.brasil-story__copy p + p{margin-top:var(--sp-4)}
.brasil-story__copy strong{color:#fff;font-weight:500}

/* Depoimento editorial: texto e retrato formam uma única peça visual. */
.tonon{
  position:relative;z-index:var(--z-raised);width:100%;min-height:clamp(320px,23vw,350px);margin:0;padding:0;
  display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.78fr);align-items:stretch;
  overflow:hidden;border:1px solid rgba(142,205,255,.18);border-radius:22px;color:#fff;
  background:linear-gradient(115deg,rgba(9,19,53,.96),rgba(11,16,46,.94) 58%,rgba(28,14,48,.9));
  box-shadow:0 28px 70px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.04)
}
.tonon::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--grad-festival)}
.tonon::after{content:"";position:absolute;z-index:var(--z-deco);right:-9%;bottom:-34%;width:52%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(60,140,187,.3),rgba(240,58,156,.1) 48%,transparent 72%);filter:blur(18px)}
.tonon__quote{position:relative;z-index:var(--z-raised);align-self:center;margin:0;padding:clamp(1.4rem,1.8vw,1.75rem) clamp(2rem,3.2vw,3.2rem);max-width:40ch;font:inherit;color:var(--fg-1)}
.tonon__quote blockquote{font:inherit;letter-spacing:inherit;color:inherit;text-wrap:pretty}
.tonon__mark{display:block;height:.7em;margin-bottom:var(--sp-3);font-size:2.3em;font-weight:700;line-height:1;color:#b9287a}
.tonon__person{position:relative;z-index:var(--z-base);min-width:0;min-height:100%;overflow:hidden}
.tonon__img{position:absolute;inset:0 clamp(1.25rem,2.2vw,2rem) 0 0;display:flex;align-items:flex-end;justify-content:center}
.tonon__img img{display:block;width:100%;height:100%;object-fit:contain;object-position:bottom center;transform:scale(1.04);transform-origin:center bottom;filter:saturate(.94) contrast(1.04)}
.tonon__cite{margin-top:var(--sp-5);font-style:normal;display:block;color:#fff}
.tonon__name{display:block;font-size:var(--fs-6);font-weight:700;letter-spacing:var(--ls-body);margin-bottom:var(--sp-1)}
.tonon__role{display:block;font-size:var(--fs-3);line-height:var(--lh-4);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--cyan-soft)}

@media(max-width:940px){
  .brasil-origin{display:flex;flex-direction:column;gap:var(--sp-8)}
  .mapa{width:100%;height:auto;padding:0}
  .mapa svg{max-width:460px}
  .brasil-narrative{width:100%;max-width:820px;margin-inline:auto}
  .brasil-story{padding-top:0}
}

@media(prefers-reduced-motion:reduce){.mapa__locations circle{animation:none}}
@media(max-width:680px){
  .mapa__facts{width:100%;gap:var(--sp-7)}
  .brasil-narrative{gap:var(--sp-6)}
  .tonon{grid-template-columns:1fr;min-height:0}
  .tonon__quote{padding:var(--sp-6)}
  .tonon__person{width:100%;height:360px;min-height:360px;margin-inline:auto}
  .tonon__img{inset:0 var(--sp-4) 0 var(--sp-4)}
}

/* Frase de destaque */
.destaque{
  margin-top:var(--sp-9);padding-top:var(--sp-8);border-top:1px solid var(--line-2);
  display:grid;grid-template-columns:auto 1fr;gap:var(--sp-9);align-items:center;
}
.destaque__logo{width:clamp(150px,17vw,224px);opacity:.9}
.destaque__eq{
  font-size:var(--fs-11);font-weight:300;line-height:var(--lh-2);letter-spacing:var(--ls-title);
  display:flex;flex-wrap:wrap;align-items:center;gap:.4em .55em;
}
.destaque__eq b{font-weight:700}
.destaque__plus{color:var(--pink);font-weight:300}
@media(max-width:760px){.destaque{grid-template-columns:1fr;gap:var(--sp-7)}}

/* ==========================================================================
   DOBRA 4 — OS CINCO SECRETS (faixas horizontais)
   ========================================================================== */
.secrets{background:var(--ink-2)}
.secrets__head{max-width:64ch;margin-bottom:var(--sp-8)}
.secrets__head h2{max-width:12ch;margin-bottom:var(--sp-5)}
.secrets__head .lead{max-width:52ch}
.secrets__nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--line-2);border-bottom:0;border-radius:var(--r-md) var(--r-md) 0 0;overflow:hidden}
.secret-tab{
  position:relative;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);
  color:var(--fg-3);background:rgba(255,255,255,.012);border:0;text-align:left;cursor:pointer;
  transition:color var(--t-2) var(--ease),background var(--t-2) var(--ease);
}
.secret-tab + .secret-tab{border-left:1px solid var(--line-2)}
.secret-tab::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--grad-festival);transition:right var(--t-3) var(--ease-out)}
.secret-tab:hover{color:#fff;background:rgba(255,255,255,.026)}
.secret-tab.is-active{color:#fff;background:rgba(60,140,187,.09)}
.secret-tab.is-active::after{right:0}
.secret-tab b{font-size:var(--fs-2);font-weight:500;letter-spacing:var(--ls-wide);color:var(--cyan-soft)}
.secret-tab span{font-size:var(--fs-5);font-weight:600;letter-spacing:var(--ls-body)}

.secrets__list{height:clamp(500px,36vw,560px)}
.strip{
  position:relative;display:grid;grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);height:100%;
  border:1px solid var(--line-2);border-radius:0 0 var(--r-lg) var(--r-lg);overflow:hidden;
  background:linear-gradient(145deg,#0A1435,#10112C 62%,#21102D);animation:secret-in var(--t-4) var(--ease-out);
}
.strip[hidden]{display:none}
@keyframes secret-in{from{opacity:.25;transform:translateY(10px)}to{opacity:1;transform:none}}
.strip__media{position:relative;min-width:0;height:100%;overflow:hidden;background:#071943}
.strip__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.94) brightness(.86);transform:scale(1.015);transition:transform var(--t-5) var(--ease-out)}
.strip:hover .strip__media img{transform:scale(1.045)}
.strip__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,8,26,.02) 55%,rgba(4,8,26,.35) 100%),linear-gradient(180deg,transparent 64%,rgba(4,8,26,.22))}
.strip__tint{position:absolute;inset:0;z-index:var(--z-base);opacity:.18;background:var(--grad-festival);mix-blend-mode:soft-light}

.strip__body{position:relative;z-index:var(--z-raised);display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,3.4vw,3.8rem);gap:var(--sp-4);min-width:0}
.strip__idx{display:flex;align-items:center;gap:var(--sp-4);font-size:var(--fs-3);font-weight:500;letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--cyan-soft)}
.strip__idx b{font-size:var(--fs-9);font-weight:700;letter-spacing:var(--ls-title);line-height:var(--lh-flat);color:#fff;opacity:.22}
.strip__name{font-size:clamp(1.8rem,2.55vw,3.05rem);font-weight:700;letter-spacing:var(--ls-title);line-height:var(--lh-2);max-width:18ch}
.strip__phrase{font-family:var(--f-quote);font-style:italic;font-size:var(--fs-8);line-height:var(--lh-3);color:var(--fg-1);max-width:30ch}
.strip__foot{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,auto);align-items:end;gap:var(--sp-5);margin-top:auto;padding-top:var(--sp-4);border-top:1px solid var(--line-2)}
.strip__prods{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);padding-bottom:var(--sp-4)}
.strip__packshots{
  position:relative;display:flex;align-items:flex-end;justify-content:flex-end;min-width:clamp(280px,23vw,390px);
  min-height:clamp(135px,11vw,170px);padding:0 var(--sp-2);overflow:visible;isolation:isolate
}
.strip__packshots img{
  position:relative;z-index:var(--z-base);width:clamp(170px,13vw,224px);max-width:none;height:auto;object-fit:contain;
  filter:drop-shadow(0 22px 18px rgba(0,0,0,.56));transition:transform var(--t-3) var(--ease-out)
}
.strip__packshots .packshot--stiim{width:auto;height:clamp(126px,10vw,158px)}
.strip__packshots img + img{margin-left:clamp(-5.4rem,-5.6vw,-3.8rem)}
.strip__packshots .packshot--stiim + .packshot--stiim{margin-left:clamp(-2rem,-2.1vw,-1.35rem)}
.strip__packshots .packshot--stiim + img{margin-left:var(--sp-2)}
.strip:hover .strip__packshots img{transform:translateY(-4px)}
.prod{
  display:flex;align-items:center;gap:.45em;font-size:var(--fs-2);font-weight:500;letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--fg-3)
}
.prod + .prod::before{content:"+";margin-right:var(--sp-2);font-size:var(--fs-6);font-weight:300;color:var(--pink-soft)}
.prod b{color:var(--cyan-soft);font-weight:500}
@media(max-width:860px){
  .secrets__nav{display:flex;overflow-x:auto;scrollbar-width:none}
  .secrets__nav::-webkit-scrollbar{display:none}
  .secret-tab{flex:0 0 128px}
  .secrets__list{height:auto}
  .strip{grid-template-columns:1fr;height:auto;border-radius:0 0 var(--r-md) var(--r-md)}
  .strip__media{height:clamp(190px,46vw,280px)}
  .strip__media::after{background:linear-gradient(180deg,transparent 55%,rgba(4,8,26,.48))}
  .strip__body{padding:var(--sp-7) var(--sp-6);min-height:360px}
  .strip__foot{grid-template-columns:1fr;margin-top:var(--sp-4)}
  .strip__prods{padding-bottom:0}
  .strip__packshots{width:100%;min-width:0;min-height:120px;justify-content:center}
  .strip__packshots img{width:clamp(150px,43vw,196px)}
  .strip__packshots .packshot--stiim{width:auto;height:clamp(112px,32vw,142px)}
}

/* ==========================================================================
   DOBRA 5 — EXPLORE (abas)
   ========================================================================== */
.explore{background:var(--ink)}
.explore__head{position:relative;margin-bottom:var(--sp-8);min-height:clamp(54px,6vw,72px)}
.explore__intro{max-width:65ch}
.explore__intro .eyebrow{min-height:clamp(44px,5vw,60px);margin-bottom:var(--sp-6)}
.explore__aptos{position:absolute;top:0;right:0;display:block;width:clamp(142px,14vw,190px);height:auto;opacity:.88}

.tabs{display:flex;gap:0;border-bottom:1px solid var(--line-2);overflow-x:auto;scrollbar-width:none;margin-bottom:var(--sp-7)}
.tabs::-webkit-scrollbar{display:none}
.tab{
  position:relative;flex:1 1 0;min-width:135px;padding:var(--sp-4) var(--sp-5) var(--sp-5);background:none;border:0;
  border-radius:var(--r-sm) var(--r-sm) 0 0;
  text-align:left;cursor:pointer;transition:opacity var(--t-2) var(--ease);opacity:.5;
}
.tab:hover{opacity:.8}
.tab[aria-selected="true"]{opacity:1}
.tab::after{content:"";position:absolute;left:0;right:100%;bottom:-1px;height:2px;background:var(--grad-festival);transition:right var(--t-3) var(--ease-out)}
.tab[aria-selected="true"]::after{right:0}
.tabs.is-auto .tab[aria-selected="true"]::after{animation:tab-progress 6.5s linear both}
.tabs.is-auto.is-paused .tab[aria-selected="true"]::after{animation-play-state:paused}
@keyframes tab-progress{from{right:100%}to{right:0}}
.tab__n{display:block;font-size:var(--fs-2);font-weight:500;letter-spacing:var(--ls-wider);color:var(--cyan-soft);margin-bottom:var(--sp-2)}
.tab__t{display:block;font-size:var(--fs-7);font-weight:700;letter-spacing:var(--ls-tight);line-height:var(--lh-2)}

.panel{display:none}
.panel.is-active{display:block;animation:fade var(--t-3) var(--ease-out)}
@keyframes fade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.panel__grid{display:grid;grid-template-columns:1.22fr 1fr;gap:var(--sp-9);align-items:stretch}
.panel__media{min-width:0}
.panel__results{margin-top:var(--sp-8);padding-top:var(--sp-6);border-top:1px solid var(--line-2)}
.results__head{margin-bottom:var(--sp-5)}
.results__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-6)}
.result-pair{min-width:0}
.result-pair__label{margin-bottom:var(--sp-3);font-size:var(--fs-2);font-weight:500;letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--cyan-soft)}
@media(max-width:940px){
  .panel__grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .explore__aptos{width:118px}
}

/* slot de vídeo */
.slot{
  position:relative;border:1px solid var(--line-1);border-radius:var(--r-md);overflow:hidden;
  background:linear-gradient(160deg,rgba(60,140,187,.14),rgba(240,58,156,.09));
  display:flex;flex-direction:column;justify-content:flex-end;
}
.slot--video{aspect-ratio:16/10}
.slot__hatch{
  position:absolute;inset:0;
  background:repeating-linear-gradient(-45deg,rgba(255,255,255,.05) 0 1px,transparent 1px 9px);
}
.slot__play{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:clamp(56px,6vw,78px);aspect-ratio:1;border-radius:50%;
  border:1px solid var(--line-4);display:grid;place-items:center;
  background:var(--surf-2);backdrop-filter:blur(6px);
}
.slot__play svg{width:18px;height:18px;margin-left:3px;fill:#fff;opacity:.85}
.slot__meta{position:relative;padding:var(--sp-5) var(--sp-6);display:flex;justify-content:space-between;align-items:flex-end;gap:var(--sp-4)}
.slot__label{font-size:var(--fs-2);font-weight:500;letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--on-2)}
.slot__tag{
  font-size:var(--fs-1);font-weight:500;letter-spacing:var(--ls-wide);text-transform:uppercase;
  padding:var(--sp-1) var(--sp-3);border-radius:var(--r-pill);border:1px solid var(--accent-line);color:var(--cyan-soft);flex:none;
}

/* Galeria de resultados — dois casos, cada um com Antes e Depois quadrados. */
.compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4)}
.compare__card{
  position:relative;aspect-ratio:1;margin:0;border:1px solid var(--line-1);border-radius:var(--r-md);overflow:hidden;
  background:repeating-linear-gradient(-45deg,rgba(79,193,233,.07) 0 1px,transparent 1px 8px),linear-gradient(150deg,rgba(60,140,187,.2),rgba(79,193,233,.1));
}
.compare__card--after{background:repeating-linear-gradient(45deg,rgba(240,58,156,.07) 0 1px,transparent 1px 8px),linear-gradient(150deg,rgba(240,58,156,.2),rgba(185,40,122,.1))}
.compare__tag{
  position:absolute;top:1.1rem;font-size:var(--fs-2);font-weight:500;letter-spacing:var(--ls-wider);
  text-transform:uppercase;color:var(--on-1);
}
.compare__card--before .compare__tag{left:1.15rem}
.compare__card--after .compare__tag{right:1.15rem}
@media(max-width:820px){
  .results__grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .compare{gap:var(--sp-3)}
}

.panel__aside{display:flex;flex-direction:column;gap:var(--sp-7);justify-content:center}
.panel__desc h3{font-size:var(--fs-10);font-weight:700;letter-spacing:var(--ls-title);margin-bottom:var(--sp-3);line-height:var(--lh-2)}
.panel__desc p{font-size:var(--fs-7);color:var(--muted);line-height:var(--lh-5)}
.panel__list{display:flex;flex-direction:column}
.panel__list li{
  display:flex;gap:var(--sp-4);padding:var(--sp-4) 0;border-top:1px solid var(--line-1);
  font-size:var(--fs-5);color:var(--fg-2);
}
.panel__list li:last-child{border-bottom:1px solid var(--line-1)}
.panel__list b{flex:none;font-size:var(--fs-2);font-weight:500;letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--cyan-soft);width:5.5rem;padding-top:var(--sp-1)}

/* ==========================================================================
   DOBRA 6 — TECNOLOGIA (mosaico)
   ========================================================================== */
.tech{position:relative;overflow:hidden;background:var(--ink-2)}
.tech::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(58% 46% at 14% 22%,rgba(60,140,187,.3),transparent 64%),
    radial-gradient(52% 44% at 86% 34%,rgba(240,58,156,.2),transparent 64%),
    radial-gradient(50% 40% at 52% 92%,rgba(255,194,74,.11),transparent 66%);
}
.tech > .wrap{position:relative}
.tech__head{max-width:66ch;margin-bottom:var(--sp-8)}
.tech__head .eyebrow{margin-bottom:var(--sp-6)}
.tech__head .display{max-width:18ch}

.mosaic{
  position:relative;min-height:clamp(620px,56vw,720px);overflow:hidden;isolation:isolate;
  border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--ink);box-shadow:var(--sh-2)
}
.mosaic__visual,.mosaic__kv{position:absolute;inset:0;width:100%;height:100%}
.mosaic__visual{z-index:0}
.mosaic__kv{object-fit:cover;object-position:center}
.mosaic::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,transparent 52%,rgba(4,8,26,.22) 70%,rgba(4,8,26,.82) 100%);
  box-shadow:inset 0 0 90px rgba(4,8,26,.2)
}
.mo{
  position:absolute;z-index:2;padding:var(--sp-5) var(--sp-6);min-height:150px;
  background:rgba(4,8,26,.54);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-sm);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  text-shadow:0 2px 18px rgba(4,8,26,.8)
}
.mo--aptos{left:var(--sp-8);bottom:var(--sp-8);width:min(28%,330px);border-top-color:rgba(169,217,234,.55)}
.mo--expr{left:36%;bottom:var(--sp-8);width:min(28%,330px);border-top-color:rgba(255,255,255,.4)}
.mo--stiim{right:var(--sp-8);bottom:var(--sp-8);width:min(28%,340px);border-top-color:rgba(255,194,74,.55)}
.mo__art,.mo__art[hidden]{display:none!important}
.mo__brand{font-size:var(--fs-7);font-weight:700;letter-spacing:var(--ls-wide);text-transform:uppercase;margin-bottom:var(--sp-3)}
.mo__brand--amber{color:var(--amber)}
.mo__claim{font-size:var(--fs-10);font-weight:300;letter-spacing:var(--ls-title);line-height:var(--lh-2);margin-bottom:var(--sp-3);max-width:24ch}
.mo__sub{font-size:var(--fs-5);letter-spacing:var(--ls-body);color:var(--on-1);max-width:38ch}
.mo__foot{display:none}
.mo--expr .mo__claim,.mo--stiim .mo__claim{font-size:var(--fs-9)}
@media(max-width:900px){
  .mosaic{min-height:clamp(760px,145vw,980px)}
  .mosaic__kv{object-position:center}
  .mosaic::after{
    background:
      radial-gradient(ellipse 72% 24% at 0 5%,rgba(4,8,26,.72),transparent 76%),
      radial-gradient(ellipse 74% 25% at 0 62%,rgba(4,8,26,.68),transparent 78%),
      radial-gradient(ellipse 76% 28% at 100% 100%,rgba(22,13,6,.72),transparent 78%)
  }
  .mo--aptos{left:var(--sp-7);top:4%;bottom:auto;width:min(72%,340px)}
  .mo--expr{left:var(--sp-7);top:55%;bottom:auto;width:min(68%,330px)}
  .mo--stiim{left:auto;right:var(--sp-7);bottom:var(--sp-7);width:min(74%,350px)}
  .mo__sub{max-width:34ch}
}
@media(max-width:560px){
  .mosaic{min-height:860px;border-radius:var(--r-md)}
  .mo--aptos{left:var(--sp-6);top:var(--sp-6)}
  .mo--expr{left:var(--sp-6);top:54%}
  .mo--stiim{right:var(--sp-6);bottom:var(--sp-6)}
  .mo__claim{font-size:var(--fs-9)}
  .mo__sub{font-size:var(--fs-4)}
}

/* ==========================================================================
   DOBRA 7 — DEPOIMENTOS
   ========================================================================== */
.depo{position:relative;overflow:clip;background:var(--ink);text-align:center}
.depo::before{
  content:"";position:absolute;inset:18% 0 auto;height:68%;pointer-events:none;
  background:radial-gradient(ellipse at 50% 48%,rgba(60,140,187,.1),transparent 58%)
}
.depo__orb{width:clamp(260px,26vw,400px);top:48%;left:50%;transform:translate(-50%,-50%);opacity:.045;z-index:0}
.depo > .wrap{position:relative;z-index:var(--z-base)}
.depo__head{max-width:760px;margin:0 auto var(--sp-9)}
.depo__mark{width:clamp(62px,5.5vw,82px);margin:0 auto var(--sp-6);opacity:.78}
.depo .eyebrow{margin-bottom:var(--sp-6)}
.depo h2{margin-bottom:var(--sp-6)}
.depo__sub{max-width:54ch;margin-inline:auto}

.reels{
  display:flex;gap:var(--sp-6);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:1px;
  padding:var(--sp-2) 1px var(--sp-5);scrollbar-width:none;text-align:left;cursor:grab;overscroll-behavior-inline:contain
}
.reels:active{cursor:grabbing}
.reels::-webkit-scrollbar{display:none}
.reel{
  position:relative;flex:0 0 clamp(210px,21vw,270px);aspect-ratio:9/16;scroll-snap-align:start;
  border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line-1);
  background:
    radial-gradient(circle at 50% 38%,rgba(79,193,233,.08),transparent 34%),
    linear-gradient(165deg,rgba(60,140,187,.18),rgba(240,58,156,.1));
  display:flex;flex-direction:column;justify-content:flex-end;
  box-shadow:0 24px 60px -46px rgba(60,140,187,.9);
  transition:transform var(--t-3) var(--ease-out),border-color var(--t-3) var(--ease),box-shadow var(--t-3) var(--ease);
}
.reel:hover{transform:translateY(-5px);border-color:var(--line-3);box-shadow:0 28px 68px -42px rgba(60,140,187,.95)}
.reel__hatch{position:absolute;inset:0;background:repeating-linear-gradient(-45deg,rgba(255,255,255,.045) 0 1px,transparent 1px 10px)}
.reel__placeholder{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:var(--sp-3);
  font-size:var(--fs-2);font-weight:500;letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--fg-4);white-space:nowrap
}
.reel__play{
  width:54px;aspect-ratio:1;border-radius:50%;border:1px solid var(--line-3);
  display:grid;place-items:center;background:var(--surf-1);backdrop-filter:blur(6px);opacity:.7
}
.reel__play svg{width:15px;height:15px;margin-left:2px;fill:#fff;opacity:.85}
.reel__meta{position:relative;padding:var(--sp-5)}
.reel__n{font-size:var(--fs-1);font-weight:500;letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--cyan-soft);margin-bottom:var(--sp-1)}
.reel__t{font-size:var(--fs-5);font-weight:500;line-height:var(--lh-3)}
.reels__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-5);margin-top:var(--sp-2)}
.reels__hint{text-align:left}
.reels__controls{display:flex;gap:var(--sp-2)}
.reels__control{
  width:42px;aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--line-2);border-radius:50%;
  background:var(--surf-1);color:var(--fg-1);cursor:pointer;
  transition:background var(--t-1) var(--ease),border-color var(--t-1) var(--ease),opacity var(--t-1) var(--ease)
}
.reels__control:hover:not(:disabled){background:var(--surf-3);border-color:var(--accent-line)}
.reels__control:disabled{opacity:.28;cursor:default}
.reels__control svg{width:16px;height:16px}
@media(max-width:760px){
  .depo__head{margin-bottom:var(--sp-8)}
  .depo__mark{margin-bottom:var(--sp-5)}
  .reels{margin-right:calc(var(--pad) * -1);padding-right:var(--pad)}
  .reel{flex-basis:min(72vw,260px)}
}

/* ==========================================================================
   DOBRA 8 — FECHAMENTO + FORM
   ========================================================================== */
.final{position:relative;overflow:clip;background:var(--ink)}
.final__bg{
  position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center;
  filter:saturate(.9) contrast(1.04)
}
.final::before{
  content:"";position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(90deg,rgba(4,8,26,.9) 0%,rgba(4,8,26,.62) 48%,rgba(4,8,26,.82) 100%),
    linear-gradient(128deg,rgba(60,140,187,.42),rgba(185,40,122,.2) 48%,rgba(240,58,156,.3));
}
.final::after{
  content:"";position:absolute;inset:0;z-index:1;
  background:radial-gradient(70% 60% at 78% 12%,rgba(79,193,233,.22),transparent 62%),linear-gradient(180deg,rgba(4,8,26,.12),rgba(4,8,26,.54));
}
.final > .wrap{position:relative;z-index:2}
.final__orb{width:clamp(200px,22vw,340px);top:8%;left:-6%;opacity:.16;z-index:0}
.final__grid{display:grid;grid-template-columns:1.02fr .98fr;gap:var(--sp-10);align-items:center}
@media(max-width:940px){.final__grid{grid-template-columns:1fr;gap:var(--sp-9)}}
.final__logo{width:clamp(96px,10vw,128px);margin-bottom:var(--sp-7);opacity:.95}
.final__text p{font-size:var(--fs-9);font-weight:300;line-height:var(--lh-3);letter-spacing:var(--ls-tight);color:var(--on-1)}
.final__text p + p{margin-top:var(--sp-6)}
.final__text strong{font-weight:700;color:#fff}
.final__cta{margin-top:var(--sp-8)}

/* Formulário */
.form{
  background:var(--glass-1);backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);
  border:1px solid var(--line-on);border-radius:var(--r-lg);padding:var(--sp-8);
}
.form__title{font-size:var(--fs-10);font-weight:700;letter-spacing:var(--ls-title);margin-bottom:var(--sp-2);line-height:var(--lh-2)}
.form__sub{font-size:var(--fs-6);color:var(--on-3);margin-bottom:var(--sp-7)}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}
@media(max-width:560px){.form__row{grid-template-columns:1fr}}
.field{position:relative;margin-bottom:var(--sp-4)}
.field label{
  display:block;font-size:var(--fs-2);font-weight:500;letter-spacing:var(--ls-wide);text-transform:uppercase;
  color:var(--on-3);margin-bottom:var(--sp-2);
}
.field input,.field select{
  width:100%;padding:var(--sp-4) var(--sp-4);background:var(--surf-2);
  border:1px solid var(--line-on);border-radius:var(--r-sm);font-size:var(--fs-7);color:#fff;
  transition:border-color var(--t-2) var(--ease),background var(--t-2) var(--ease);
}
/* Exceção técnica: var() não é interpretável dentro de um data-URI. */
.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='rgba(255,255,255,.6)' stroke-width='1.4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:11px;padding-right:var(--sp-8)}
.field select option{background:var(--ink-3);color:#fff}
.field input::placeholder{color:var(--on-4)}
.field input:focus,.field select:focus{border-color:var(--line-4);background:var(--surf-3);outline:none}
.field.has-error input,.field.has-error select{border-color:#FF8A8A}
.field__err{display:none;font-size:var(--fs-3);color:#FFB0B0;margin-top:var(--sp-1);letter-spacing:var(--ls-body)}
.field.has-error .field__err{display:block}
.field--hidden{display:none}

.consent{display:flex;gap:var(--sp-4);align-items:flex-start;margin:var(--sp-6) 0 var(--sp-6);cursor:pointer}
.consent input{
  appearance:none;flex:none;width:17px;height:17px;margin-top:2px;border-radius:var(--r-xs);
  border:1px solid var(--line-4);background:var(--surf-2);cursor:pointer;position:relative;
  transition:background var(--t-1),border-color var(--t-1);
}
.consent input:checked{background:#fff;border-color:#fff}
.consent input:checked::after{content:"";position:absolute;left:5px;top:1.5px;width:5px;height:9px;border:solid var(--ink);border-width:0 1.7px 1.7px 0;transform:rotate(45deg)}
.consent span{font-size:var(--fs-4);line-height:var(--lh-4);color:var(--on-3)}
.consent a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
.consent a:hover{color:#fff}
.consent.has-error span{color:#FFB0B0}
.form__submit{width:100%;justify-content:center}
.form__ok{
  display:none;text-align:center;padding:var(--sp-9) var(--sp-4);
}
.form.is-sent .form__body{display:none}
.form.is-sent .form__ok{display:block}
.form__ok-icon{width:52px;aspect-ratio:1;border-radius:50%;border:1px solid var(--line-4);display:grid;place-items:center;margin:0 auto var(--sp-6)}
.form__ok-icon svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:1.6}
.form__ok h3{font-size:var(--fs-9);font-weight:700;letter-spacing:var(--ls-title);margin-bottom:var(--sp-3)}
.form__ok p{font-size:var(--fs-7);color:var(--on-3);max-width:32ch;margin-inline:auto}

/* ==========================================================================
   RODAPÉ
   ========================================================================== */
.foot{position:relative;overflow:hidden;background:var(--ink);padding-block:var(--sp-10) var(--sp-7)}
.foot::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(122deg,#3C8CBB 0%,#3C8CBB 32%,#B9287A 64%,#F03A9C 100%);opacity:.24;
}
.foot > *{position:relative;z-index:var(--z-base)}
.foot__top{display:grid;grid-template-columns:1.15fr 1fr;gap:var(--sp-9);padding-bottom:var(--sp-8);border-bottom:1px solid var(--line-2)}
@media(max-width:860px){.foot__top{grid-template-columns:1fr;gap:var(--sp-8)}}
.foot__logos{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-9)}
.foot__logos img{height:clamp(28px,3vw,40px);width:auto;opacity:.92}
.foot__logos .foot__ilikia{height:clamp(26px,2.8vw,36px);filter:brightness(0) invert(1);opacity:.88}
.foot__contact{display:flex;flex-direction:column;gap:var(--sp-6)}
.foot__block h4{font-size:var(--fs-2);font-weight:500;letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--cyan-soft);margin-bottom:var(--sp-4)}
.foot__links{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-6)}
.foot__links a{font-size:var(--fs-6);color:var(--fg-2);transition:color var(--t-1) var(--ease)}
.foot__links a:hover{color:#fff}
.refs{padding-block:var(--sp-8)}
.refs h4{font-size:var(--fs-2);font-weight:500;letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--muted-2);margin-bottom:var(--sp-6)}
.refs ol{counter-reset:r;columns:2;column-gap:var(--sp-9)}
@media(max-width:760px){.refs ol{columns:1}}
.refs li{counter-increment:r;font-size:var(--fs-3);line-height:var(--lh-5);color:var(--fg-4);margin-bottom:var(--sp-4);padding-left:var(--sp-6);position:relative;break-inside:avoid}
.refs li::before{content:counter(r) ".";position:absolute;left:0;color:var(--muted-2)}
.foot__legal{padding-top:var(--sp-7);border-top:1px solid var(--line-1);display:flex;flex-wrap:wrap;gap:var(--sp-4) var(--sp-7);justify-content:space-between;align-items:center}
.foot__legal p{font-size:var(--fs-3);color:var(--muted-2);letter-spacing:var(--ls-body)}

/* ==========================================================================
   REVEAL / MOTION
   ========================================================================== */
[data-reveal]{opacity:0;transform:translateY(34px);transition:opacity var(--t-4) var(--ease-out),transform var(--t-5) var(--ease-out)}
[data-reveal].is-visible{opacity:1;transform:none}
[data-reveal="fade"]{transform:none}
[data-reveal="left"]{transform:translate3d(-30px,0,0)}
[data-reveal="right"]{transform:translate3d(30px,0,0)}
[data-reveal].is-visible{transform:none}
[data-stagger] > *{opacity:0;transform:translateY(26px);transition:opacity var(--t-4) var(--ease-out),transform var(--t-4) var(--ease-out)}
[data-stagger].is-visible > *{opacity:1;transform:none}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  [data-reveal],[data-stagger] > *{opacity:1!important;transform:none!important}
}

/* Revisão editorial — setembro 2026 */
.hero{min-height:100svh}
.mural{inset:0}
.mural__main img{object-position:center;filter:none}
.mural::after{background:linear-gradient(90deg,rgba(4,8,26,.3),transparent 75%),linear-gradient(0deg,rgba(4,8,26,.8),transparent 28%)}
.hero__wash,.hero__wash2{display:none}
.hero__text{max-width:58%}
.hero__logo{width:170px}
.hero h1{font-size:clamp(2.8rem,4.6vw,5rem);max-width:19ch}
.hero__sub{font-size:clamp(1rem,1.25vw,1.2rem)}
.hero .btn{max-width:100%;white-space:normal;text-align:center}
.areas{padding-inline:max(var(--pad),calc((100% - 1440px)/2))}
.areas__item{text-align:center}
.portfolio{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-6);margin-block:var(--sp-8)}
.portfolio article{padding:var(--sp-7);border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--surf-2)}
.portfolio h3{font-size:var(--fs-10);margin:var(--sp-4) 0}
.portfolio article>p:last-child{color:var(--fg-2);line-height:1.6}
.amwc-note{font-size:1rem;color:var(--fg-2);line-height:1.6;margin-top:var(--sp-6);max-width:100ch}
.explore__intro .lead{margin-top:var(--sp-5);max-width:62ch}
.tab{text-align:center}
.protocol__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.slot--video{aspect-ratio:4/5}
.slot__meta{background:linear-gradient(transparent,rgba(4,8,26,.95));padding-top:var(--sp-9)}
.panel__grid{grid-template-columns:1fr 1fr;gap:var(--sp-8)}
.panel__aside{gap:var(--sp-5)}
.panel__aside .strip__packshots{justify-content:flex-start;height:115px}
.panel__aside .strip__packshots img{max-height:100%;width:auto;max-width:24%;object-fit:contain}
.technology-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-6)}
.technology-card{display:grid;grid-template-rows:340px 1fr;overflow:hidden;border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--ink)}
.technology-card__image{overflow:hidden}
.technology-card__image img{width:100%;height:100%;object-fit:cover}
.technology-card__image--aptos img{object-position:center 58%;transform:scale(1.5)}
.technology-card__copy{padding:var(--sp-6);display:grid;grid-template-rows:3rem 6rem auto;gap:var(--sp-3)}
.technology-card__copy .mo__brand{font-size:1rem;letter-spacing:.08em;margin:0}
.technology-card__copy h3{font-size:clamp(1.5rem,2vw,2rem);line-height:1.15;font-weight:400}
.technology-card__copy>p:last-child{color:var(--fg-2);font-size:1rem}
@media(max-width:900px){
 .hero__text{max-width:70%}.hero h1{font-size:clamp(2.6rem,5.5vw,4rem)}
 .technology-grid{grid-template-columns:1fr}.technology-card{grid-template-columns:1fr 1fr;grid-template-rows:300px}
 .technology-card__copy{grid-template-rows:3rem 6rem auto;align-content:center}
 .panel__grid{grid-template-columns:1fr}.slot--video{aspect-ratio:4/3}
}
@media(max-width:600px){
 .hero__content{padding-top:calc(var(--nav-h) + 260px)}
 .hero__text{max-width:100%}.hero__logo{width:140px}.hero h1{font-size:2.65rem}
 .mural__main img{object-position:78% top;height:540px;object-fit:cover}
 .mural::after{background:linear-gradient(0deg,var(--ink) 35%,rgba(4,8,26,.8) 55%,transparent 85%)}
 .hero__eyebrow{font-size:.75rem}.areas{overflow:auto;padding-inline:var(--pad)}
 .areas__item{flex:0 0 38%;text-align:center;font-size:.75rem}
 .portfolio{grid-template-columns:1fr}.technology-card{grid-template-columns:1fr;grid-template-rows:320px 1fr}
 .technology-card__copy{grid-template-rows:2.5rem 5.5rem auto}
 .tab{padding-inline:var(--sp-4);min-width:95px}.tab__t{font-size:.95rem}
}

.protocol__play{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;color:#fff;background:rgba(4,8,26,.12);border:0;cursor:pointer;font-weight:700;font-size:1rem;text-shadow:0 2px 8px #04081a}
.protocol__play>span:first-child{display:grid;place-items:center;width:72px;height:72px;border:1px solid #fff;border-radius:50%;background:rgba(4,8,26,.55);font-size:1.5rem;padding-left:4px}
.protocol__play:hover{background:rgba(4,8,26,.3)}
.slot--video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.foot__co{font-size:1.25rem;margin-left:calc(var(--sp-9) * -1 + 8px)}

.nav.is-stuck .nav__logo img{height:36px}
.panel__aside .strip__packshots{min-width:0;min-height:0;width:100%;height:110px;gap:var(--sp-3);margin:0;padding:0}
.panel__aside .strip__packshots img{width:145px;max-width:24%;height:100%;margin-left:0}
@media(max-width:600px){
 .mural__main img{mask-image:linear-gradient(#000 50%,transparent 100%);-webkit-mask-image:linear-gradient(#000 50%,transparent 100%)}
 .explore__aptos{position:static;width:110px;margin-top:var(--sp-6)}
 .explore__intro .eyebrow{min-height:0}
 .panel__aside .strip__packshots img{width:130px;max-width:24%}
}

/* Segunda direção — luz em movimento, vídeo horizontal e imagens da campanha. */
.hero__light{position:absolute;inset:-35%;pointer-events:none;z-index:1;mix-blend-mode:screen;filter:blur(34px);opacity:.4;will-change:transform}
.hero__light--cyan{background:linear-gradient(115deg,transparent 34%,rgba(79,193,233,.06) 39%,rgba(79,193,233,.46) 46%,transparent 53%);animation:hero-light-cyan 13s ease-in-out infinite alternate}
.hero__light--pink{background:linear-gradient(115deg,transparent 59%,rgba(240,58,156,.26) 66%,rgba(185,40,122,.08) 73%,transparent 78%);animation:hero-light-pink 17s ease-in-out infinite alternate}
.mural__main{animation:hero-camera 18s ease-in-out infinite alternate;transform-origin:75% 35%}
.hero .grad-text{background-size:220% 100%;animation:hero-type-light 10s ease-in-out infinite alternate}


.hero .scroll-cue{display:none}

@keyframes hero-light-cyan{from{transform:translate3d(-13%,0,0) rotate(-7deg);opacity:.2}to{transform:translate3d(13%,2%,0) rotate(7deg);opacity:.65}}
@keyframes hero-light-pink{from{transform:translate3d(10%,-3%,0);opacity:.25}to{transform:translate3d(-12%,3%,0);opacity:.6}}
@keyframes hero-camera{from{transform:scale(1)}to{transform:scale(1.055)}}
@keyframes hero-type-light{from{background-position:0% 50%}to{background-position:100% 50%}}
.panel__grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start}
.slot--video{aspect-ratio:16/9;width:100%;border-radius:var(--r-md);background:#000}
.protocol__video-label{font-size:.875rem;font-weight:500;color:var(--cyan-soft);letter-spacing:.09em;text-transform:uppercase;margin-bottom:var(--sp-4)}
.protocol__external{display:inline-block;font-size:.875rem;color:var(--fg-2);margin-top:var(--sp-4);text-decoration:underline;text-underline-offset:4px}
.protocol__portrait{float:right;width:100px;height:128px;object-fit:cover;border-radius:var(--r-sm);margin:0 0 var(--sp-5) var(--sp-5)}
.panel__desc::after{content:"";display:block;clear:both}
.panel__desc h3{font-size:clamp(1.35rem,1.8vw,1.65rem)}
.panel__desc p{font-size:1rem}
.technology-card__image--aptos img{transform:none;object-position:62% center}
.technology-card:nth-child(2) .technology-card__image img{object-position:48% center}
.technology-card__image--stiim{position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 70% 35%,rgba(237,188,76,.18),transparent 58%),linear-gradient(135deg,#061344,#072a68 60%,#091731)}
.technology-card__image--stiim img{position:relative;z-index:1;width:auto;max-width:65%;height:74%;object-fit:contain;filter:drop-shadow(18px 25px 18px rgba(0,0,0,.5));transform:rotate(-9deg)}
.stiim-stage{position:absolute;width:72%;height:10%;bottom:8%;border-radius:50%;background:radial-gradient(ellipse,rgba(250,211,110,.3),rgba(79,193,233,.12) 45%,transparent 72%);filter:blur(12px)}
@media(max-width:1050px){.panel__grid{grid-template-columns:1fr}.protocol__portrait{width:130px;height:155px}}
@media(max-width:600px){.hero__light{filter:blur(24px);opacity:.3}.protocol__portrait{width:100px;height:128px}.slot--video{aspect-ratio:16/9}.panel__aside{padding-top:var(--sp-3)}}
@media(prefers-reduced-motion:reduce){.hero__light,.mural__main,.hero .grad-text{animation:none!important}}

/* Terceira revisão — foto protagonista e produtos legíveis. */
.hero__content{max-width:1440px;padding-top:calc(var(--nav-h) + 2rem)}
.hero__text{max-width:57%}
.hero h1{font-size:clamp(3.25rem,5.6vw,5.75rem);max-width:17ch;line-height:1.02}
.hero__logo{width:185px;margin-bottom:var(--sp-6)}
.hero__sub{max-width:43ch}
.mural__main img{object-position:100% center;transform:none;will-change:auto}
.mural__main{transform-origin:65% 42%;animation:hero-camera-close 7s ease-in-out infinite alternate}
.mural::after{background:linear-gradient(90deg,rgba(4,8,26,.38),rgba(4,8,26,.12) 43%,transparent 64%),linear-gradient(0deg,rgba(4,8,26,.82),transparent 28%)}
@keyframes hero-camera-close{0%{transform:scale(1.02) translate3d(0,0,0)}100%{transform:scale(1.16) translate3d(-2.5%,1%,0)}}
.panel__grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.55fr);grid-template-areas:"portrait video" "details details";gap:var(--sp-7) var(--sp-8);align-items:stretch}
.panel__portrait{grid-area:portrait;position:relative;min-height:340px;border-radius:var(--r-md);overflow:hidden;margin:0}
.panel__portrait .protocol__portrait{float:none;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;margin:0;border-radius:0}
.panel__media{grid-area:video;align-self:center}
.panel__aside{grid-area:details;display:grid;grid-template-columns:1.15fr 1fr;gap:var(--sp-7) var(--sp-8);align-items:start;padding-top:var(--sp-5)}
.panel__desc h3{font-size:clamp(1.65rem,2.3vw,2.15rem);max-width:28ch}
.panel__desc p{font-size:1.05rem;max-width:56ch}
.protocol-products{grid-column:1/-1;border-top:1px solid var(--line-2);padding-top:var(--sp-6)}
.protocol-products__grid{display:flex;justify-content:center;gap:var(--sp-6);flex-wrap:wrap}
.protocol-product{width:270px;max-width:100%;margin:0;padding:var(--sp-5);border:1px solid var(--line-2);border-radius:var(--r-md);background:radial-gradient(ellipse at 50% 25%,rgba(79,193,233,.09),transparent 70%);text-align:center}
.protocol-product__art{height:165px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.protocol-product__art img{object-fit:contain;max-width:none;flex:none}
.protocol-product--aptos .protocol-product__art img{width:185%;height:185%}
.protocol-product--stiim .protocol-product__art img{width:auto;height:132px}
.protocol-product figcaption{font-size:1rem;line-height:1.4;margin-top:var(--sp-4);font-weight:500}
.technology-card__image--lattice img{object-position:center 60%}
@media(max-width:1050px){.panel__grid{grid-template-columns:1fr 1.5fr}.panel__portrait{min-height:280px}.panel__aside{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
 .panel__grid{grid-template-columns:1fr;grid-template-areas:"video" "portrait" "details"}
 .panel__portrait{min-height:0;aspect-ratio:4/3;max-height:390px}
 .panel__portrait .protocol__portrait{object-position:center 35%}
 .panel__aside{grid-template-columns:1fr}
 .protocol-products__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3)}
 .protocol-product{width:100%;padding:var(--sp-3)}
 .protocol-product__art{height:130px}.protocol-product--stiim .protocol-product__art img{height:100px}
 .protocol-product figcaption{font-size:.9rem}
}
@media(max-width:600px){
 .hero__content{padding-top:calc(var(--nav-h) + 265px)}.hero__text{max-width:100%}
 .hero h1{font-size:2.8rem;max-width:18ch}.hero__logo{width:140px}
 .mural__main img{object-position:85% top;height:550px}
 .mural__main{transform-origin:65% 18%;animation-name:hero-camera-mobile}
 @keyframes hero-camera-mobile{from{transform:scale(1)}to{transform:scale(1.1) translate3d(-2%,0,0)}}
}
@media(prefers-reduced-motion:reduce){.mural__main{animation:none!important}}
.protocol-product--aptos .protocol-product__art img{width:150%;height:150%}

/* Produtos integrados à tecnologia do protocolo, sem vitrine separada. */
.panel__aside{background:linear-gradient(120deg,rgba(79,193,233,.055),rgba(60,140,187,.025));border:1px solid var(--line-2);border-radius:var(--r-md);padding:var(--sp-7);gap:var(--sp-7)}
.panel__technology{display:block!important}
.panel__technology>b{display:block;width:auto;margin-bottom:var(--sp-3)}
.panel__technology>span{display:block;font-size:1rem}
.panel__technology .protocol-products{border:0;padding:0;margin-top:var(--sp-3)}
.panel__technology .protocol-products__grid{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:var(--sp-4)}
.panel__technology .protocol-product{border:0;background:none;width:190px;max-width:calc(50% - 10px);padding:0;text-align:left}
.panel__technology .protocol-product__art{height:115px}
.panel__technology .protocol-product figcaption{font-size:.875rem;margin-top:var(--sp-2);text-align:center}
.panel__technology .protocol-product--stiim .protocol-product__art img{height:95px}
.technology-card__image--lattice img{object-position:center}
.mural__main{animation:none!important;transform:none}
@media(max-width:760px){.panel__aside{padding:var(--sp-5)}.panel__technology .protocol-product{max-width:calc(50% - 8px)}.panel__technology .protocol-product__art{height:105px}}

/* Ficha equilibrada e padrão de formulário APTOS / Ilíkia. */
.panel__aside{align-items:center;grid-template-columns:1.2fr 1fr}
.panel__desc .protocol-products{margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid var(--line-2)}
.panel__desc .protocol-products__grid{display:flex;justify-content:flex-start;gap:var(--sp-5);flex-wrap:wrap}
.panel__desc .protocol-product{border:0;background:none;width:190px;max-width:calc(50% - 12px);padding:0}
.panel__desc .protocol-product__art{height:120px}
.panel__desc .protocol-product--stiim .protocol-product__art img{width:115%;height:115%;mix-blend-mode:screen}
.panel__desc .protocol-product figcaption{font-size:.9rem;margin-top:.25rem}
.form{background:#fff;color:#123264;border:1px solid rgba(60,140,187,.2);border-radius:22px;padding:34px;box-shadow:0 30px 70px -34px rgba(60,140,187,.42)}
.form__title{font-size:1.6rem;color:#123264}.form__sub{color:#415c7d;font-size:1rem}
.form__required{font-size:.8rem;color:#536780;margin-bottom:1rem}
.form .field label{color:#123264;font-size:.8125rem;letter-spacing:0;text-transform:none;font-weight:700}
.form .field input,.form .field select{background-color:#f3f7fc;color:#173456;border:1.5px solid rgba(60,140,187,.2);border-radius:11px;font-size:1rem;padding:14px 15px}
.form .field select{padding-right:2rem;color-scheme:light;background-image:none;appearance:auto}
.form .field select option{background:#fff;color:#173456}
.form .field input::placeholder{color:#6a7a90}
.form .field input:focus,.form .field select:focus{border-color:#3c8cbb;box-shadow:0 0 0 4px rgba(60,140,187,.1)}
.form .consent span{color:#415c7d;font-size:.8125rem}.form .consent a:hover{color:#3c8cbb}
.form .consent input{border-color:#7e93b0}.form .consent input:checked{background:#3c8cbb;border-color:#3c8cbb}.form .consent input:checked::after{border-color:white}
.form .field.has-error input,.form .field.has-error select{border-color:#ba2340}.form .field__err,.form .consent.has-error span,.form__error{color:#ba2340;font-size:.8125rem}
.form__error{margin-top:1rem}.form__error[hidden]{display:none}
.form__submit:disabled{opacity:.6;cursor:wait}
.form .form__ok p{color:#415c7d}.form .form__ok-icon{border-color:#3c8cbb}.form .form__ok-icon svg{stroke:#3c8cbb}
@media(max-width:760px){.panel__aside{grid-template-columns:1fr}.form{padding:24px}.panel__desc .protocol-product{max-width:calc(50% - 12px)}}

/* Cadastro: equilibrar chamada e cartão sem alterar os campos. */
.final__grid{grid-template-columns:1fr 1.12fr;gap:clamp(36px,5vw,80px);max-width:1200px;margin-inline:auto}
.final__logo{margin-bottom:24px}
.final__title{font-size:clamp(2.3rem,3.6vw,3.5rem);line-height:1.08;letter-spacing:-.035em;max-width:15ch;margin-bottom:24px}
.final__text p{font-size:1.0625rem;line-height:1.6;max-width:46ch}
.final__text p+p{margin-top:16px}
.final__cta{margin-top:28px}
.final .form{padding:28px}
.final .form__sub{margin-bottom:20px;line-height:1.5}
.final .field{margin-bottom:14px}
.final .field input,.final .field select{padding:11px 12px;min-height:46px}
.final .consent{margin:18px 0}
.final .form__submit{min-height:50px;padding:14px 18px;font-size:.75rem;letter-spacing:.1em;white-space:normal;text-align:center}
@media(max-width:940px){.final__grid{grid-template-columns:1fr;max-width:640px;gap:36px}.final__title{max-width:19ch}.final__text p{max-width:none}}
@media(max-width:560px){.final .form{padding:22px}.final__title{font-size:2.3rem}}