/* ==========================================================
   U.GO — site. Preto e branco; laranja e azul só em pontos.
   Regra: botão ou superfície laranja/azul sempre com texto branco.
   ========================================================== */
:root{
  --bg:#ffffff;--paper:#f5f5f4;--ink:#0a0a0a;--ink-2:#262626;--muted:#737373;--soft:#a3a3a3;--line:#e7e7e5;
  --orange:#f45818;--blue:#3e80c6;
  --ease:cubic-bezier(.23,1,.32,1);--spring:cubic-bezier(.34,1.56,.64,1);
  --radius:28px;--wrap:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px;overflow-x:clip}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 'Work Sans',system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-weight:400;letter-spacing:-.045em;line-height:1.04}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}
img{display:block;max-width:100%;height:auto}
svg{width:20px;height:20px;stroke-width:1.75;flex-shrink:0}
::selection{background:var(--ink);color:#fff}
a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.lg-defs{position:absolute;width:0;height:0;overflow:hidden}
.skip{position:fixed;top:-80px;left:16px;z-index:99;background:#fff;padding:10px 14px;border-radius:10px}.skip:focus{top:12px}
.desk{display:inline}
.section{max-width:var(--wrap);margin:0 auto;padding:130px 40px}

/* ---------- Tipografia ---------- */
.label{display:inline-flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:500}
.label .dot{width:6px;height:6px;border-radius:50%;background:var(--orange)}
.label.light{color:rgba(255,255,255,.62)}
h1{font-size:clamp(44px,5.9vw,86px);letter-spacing:-.062em;margin:26px auto 26px}
h2{font-size:clamp(38px,5vw,68px);letter-spacing:-.055em}
.two-tone>span{color:var(--soft)}
.sub{font-size:18px;color:var(--muted);max-width:560px;line-height:1.6}

/* ---------- Botões ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 24px;border-radius:999px;font-size:14px;font-weight:500;white-space:nowrap;transition:transform .35s var(--spring),box-shadow .3s,background .3s,color .3s}
.btn svg{width:17px;height:17px}
.btn-dark{background:var(--ink);color:#fff;box-shadow:0 10px 30px -12px rgba(0,0,0,.45)}
.btn-dark:hover{box-shadow:0 18px 40px -14px rgba(0,0,0,.55)}
.btn-accent{background:var(--orange);color:#fff}
.btn-glass{color:var(--ink)}
.btn-lg{min-height:60px;padding:0 32px;font-size:16px}
.btn-sm{min-height:40px;padding:0 18px;font-size:13px}

/* ---------- Liquid glass ---------- */
.glass,.glass-dark{position:relative;isolation:isolate;backdrop-filter:blur(18px) saturate(1.8);-webkit-backdrop-filter:blur(18px) saturate(1.8)}
.glass{background:linear-gradient(135deg,rgba(255,255,255,.68),rgba(255,255,255,.3));border:1px solid rgba(255,255,255,.75);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(255,255,255,.35),inset 0 0 20px rgba(255,255,255,.3),0 1px 1px rgba(0,0,0,.04),0 18px 50px rgba(0,0,0,.08)}
.glass-dark{background:linear-gradient(135deg,rgba(40,40,42,.55),rgba(12,12,14,.35));border:1px solid rgba(255,255,255,.14);color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(255,255,255,.05),inset 0 0 24px rgba(255,255,255,.05),0 24px 60px rgba(0,0,0,.35)}
.glass::before,.glass-dark::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;z-index:-1;
  background:linear-gradient(140deg,rgba(255,255,255,.9),rgba(255,255,255,.08) 32%,rgba(255,255,255,0) 55%,rgba(255,255,255,.45));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.glass-dark::before{opacity:.55}
.glass::after,.glass-dark::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;opacity:var(--hl,0);transition:opacity .35s var(--ease);
  background:radial-gradient(380px circle at var(--mx,50%) var(--my,0%),rgba(255,255,255,.5),transparent 45%)}
.glass-dark::after{background:radial-gradient(380px circle at var(--mx,50%) var(--my,0%),rgba(255,255,255,.14),transparent 45%)}
.lg-refract .nav.glass,.lg-refract .dock.glass,.lg-refract .btn-glass,.lg-refract .node-core.glass,.lg-refract .reel-bar,.lg-refract .overlay{backdrop-filter:url(#lg-refract) blur(8px) saturate(1.9)}

/* ---------- Progresso ---------- */
.scroll-progress{position:fixed;inset:0 0 auto;height:2px;z-index:80;transform-origin:0 50%;transform:scaleX(var(--sp,0));background:var(--ink);pointer-events:none}
.scroll-progress::after{content:'';position:absolute;right:0;top:-1px;width:4px;height:4px;border-radius:50%;background:var(--orange)}

/* ---------- Navegação ---------- */
.nav{position:fixed;z-index:60;top:18px;left:50%;transform:translateX(-50%);width:min(1160px,calc(100% - 40px));height:66px;border-radius:22px;display:flex;align-items:center;gap:26px;padding:0 12px 0 24px;
  transition:height .5s var(--ease),width .5s var(--ease),top .5s var(--ease),border-radius .5s var(--ease)}
.nav.is-scrolled{top:10px;height:58px;width:min(940px,calc(100% - 40px));border-radius:30px}
.brand img{height:30px;width:auto}
.nav nav{display:flex;gap:6px;margin:0 auto;position:relative;font-size:14px}
.nav nav>a{position:relative;z-index:1;padding:8px 14px;border-radius:20px;color:var(--ink-2);transition:color .2s}
.nav-indicator{position:absolute;z-index:0;top:0;left:0;height:100%;border-radius:20px;background:rgba(10,10,10,.06);opacity:0;transition:transform .55s var(--ease),width .55s var(--ease),opacity .3s}
.nav-indicator.on{opacity:1}
.nav-login{font-size:14px;color:var(--ink-2)}
.nav-cta{font-size:14px;font-weight:500;background:var(--ink);color:#fff;padding:0 20px;height:42px;display:inline-flex;align-items:center;border-radius:999px;transition:transform .35s var(--spring)}
.menu{display:none}
.nav .brand{position:relative;display:block}
.nav .logo-w{position:absolute;inset:0;height:30px;width:auto;opacity:0;transition:opacity .4s}
.nav .logo-b{transition:opacity .4s}
.nav{transition:height .5s var(--ease),width .5s var(--ease),top .5s var(--ease),border-radius .5s var(--ease),background .5s,border-color .5s,color .4s}
.nav.on-dark{background:linear-gradient(135deg,rgba(40,40,42,.6),rgba(12,12,14,.4));border-color:rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 18px 50px rgba(0,0,0,.3)}
.nav.on-dark::before{opacity:.4}
.nav.on-dark nav>a,.nav.on-dark .nav-login,.nav.on-dark .menu{color:rgba(255,255,255,.85)}
.nav.on-dark .nav-indicator{background:rgba(255,255,255,.12)}
.nav.on-dark .nav-cta{background:#fff;color:var(--ink)}
.nav.on-dark .logo-b{opacity:0}.nav.on-dark .logo-w{opacity:1}

/* ---------- Hero ---------- */
.hero{position:relative;min-height:100vh;display:grid;place-items:center;text-align:center;padding:140px 24px 90px;overflow:hidden;isolation:isolate;
  background:radial-gradient(60% 50% at 50% 0%,#f4f4f3,transparent 70%),#fff}
.hero-inner{position:relative;z-index:2;max-width:1280px}
.lead{font-size:clamp(17px,1.5vw,20px);color:var(--muted);line-height:1.6}
.actions{display:flex;gap:12px;justify-content:center;margin-top:36px;flex-wrap:wrap}

/* palavra rotativa — só tons de cinza */
.rotator{position:relative;display:inline-grid;vertical-align:bottom;text-align:left;transition:width .7s var(--ease)}
.rot-word{grid-area:1/1;padding-bottom:.08em;background:linear-gradient(100deg,#9a9a9a 20%,#d4d4d4 50%,#9a9a9a 80%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:sheen 5s linear infinite;
  opacity:0;filter:blur(12px);transform:translateY(.35em);transition:opacity .7s var(--ease),filter .7s var(--ease),transform .7s var(--ease)}
.rot-word.is-on{opacity:1;filter:none;transform:none}
.rot-word.is-out{opacity:0;filter:blur(12px);transform:translateY(-.35em)}
@keyframes sheen{to{background-position:-220% 0}}

/* orbes de vidro cromado */
.orbs{position:absolute;inset:0;z-index:1;pointer-events:none}
.orb{position:absolute;display:block;will-change:transform;transform:translate3d(var(--ox,0px),var(--oy,0px),0)}
.orb>i{display:block;width:100%;height:100%;border-radius:50%;
  background:radial-gradient(circle at 30% 24%,#fff 0,rgba(255,255,255,.7) 12%,rgba(255,255,255,0) 36%),radial-gradient(circle at 72% 84%,rgba(160,160,165,.45),transparent 55%),linear-gradient(160deg,rgba(255,255,255,.6),rgba(200,200,205,.35));
  border:1px solid rgba(255,255,255,.9);
  box-shadow:inset 0 -14px 28px rgba(120,120,128,.28),inset 0 10px 22px rgba(255,255,255,.9),0 30px 60px -18px rgba(0,0,0,.25);
  backdrop-filter:blur(6px) saturate(1.4);-webkit-backdrop-filter:blur(6px) saturate(1.4);
  animation:float var(--dur,14s) ease-in-out infinite alternate;animation-delay:var(--delay,0s)}
.orb.smoke>i{background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.75) 0,rgba(255,255,255,.12) 18%,rgba(255,255,255,0) 38%),radial-gradient(circle at 70% 85%,rgba(255,255,255,.18),transparent 50%),linear-gradient(160deg,#3a3a3e,#0c0c0e);
  border-color:rgba(255,255,255,.3);box-shadow:inset 0 -12px 26px rgba(255,255,255,.12),inset 0 8px 18px rgba(255,255,255,.25),0 30px 60px -18px rgba(0,0,0,.45)}
.orb.disc>i{animation-name:floatDisc;
  background:linear-gradient(180deg,#fff 0,rgba(255,255,255,.25) 18%,rgba(255,255,255,0) 40%),radial-gradient(ellipse at 50% 120%,rgba(120,120,128,.45),transparent 60%),linear-gradient(90deg,rgba(215,215,220,.7),rgba(255,255,255,.3) 45%,rgba(200,200,206,.7));
  box-shadow:inset 0 -10px 0 -2px rgba(255,255,255,.6),inset 0 -16px 22px rgba(90,90,98,.3),inset 0 6px 14px rgba(255,255,255,.95),0 28px 45px -20px rgba(0,0,0,.35)}
.orb.disc.smoke>i{background:linear-gradient(180deg,rgba(255,255,255,.7) 0,rgba(255,255,255,.08) 20%,transparent 40%),linear-gradient(90deg,#2a2a2e,#0b0b0d 50%,#2a2a2e);box-shadow:inset 0 -10px 0 -2px rgba(255,255,255,.18),inset 0 6px 14px rgba(255,255,255,.3),0 28px 45px -20px rgba(0,0,0,.5)}
@keyframes float{to{transform:translate3d(10px,-26px,0) rotate(8deg)}}
@keyframes floatDisc{from{transform:perspective(600px) rotateX(58deg) rotateZ(-14deg)}to{transform:perspective(600px) rotateX(64deg) rotateZ(10deg) translateY(-18px)}}
.o1{width:120px;height:120px;left:6%;top:20%;--dur:13s}
.o2{width:230px;height:230px;right:-5%;top:44%;--dur:17s;--delay:-4s}
.o3{width:70px;height:70px;left:18%;top:70%;--dur:11s;--delay:-2s}
.o4{width:190px;height:190px;left:-4%;top:58%;--dur:15s;--delay:-7s}
.o5{width:46px;height:46px;right:24%;top:15%;--dur:9s;--delay:-3s}
.o6{width:140px;height:140px;right:10%;top:72%;--dur:16s;--delay:-9s}

/* entrada */
.js .hero-inner>*{animation:rise 1.1s var(--ease) both}
.js .hero-inner>h1{animation-delay:.08s}.js .hero-inner>.lead{animation-delay:.2s}.js .hero-inner>.actions{animation-delay:.3s}
.js .hero .orb{animation:orbIn 1.6s var(--ease) both}
.js .hero .o2{animation-delay:.15s}.js .hero .o3{animation-delay:.3s}.js .hero .o4{animation-delay:.2s}.js .hero .o5{animation-delay:.4s}.js .hero .o6{animation-delay:.25s}
@keyframes rise{from{opacity:0;transform:translateY(24px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
@keyframes orbIn{from{opacity:0;scale:.6}to{opacity:1;scale:1}}

/* ---------- Mídia (vídeo ou cena de fallback) ---------- */
.media{position:relative;overflow:hidden;background:#0b0b0c;isolation:isolate}
.media>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:0;transition:opacity 1s var(--ease)}
.media.has-video>video{opacity:1}
.media.has-video>.stage,.media.has-video>.video-slot{opacity:0}
.stage{position:absolute;inset:0;z-index:0;transition:opacity 1s;background:radial-gradient(120% 90% at 50% 110%,#1d1d20,#0b0b0c 60%)}
.beam{position:absolute;border-radius:50%;filter:blur(60px);opacity:.75;mix-blend-mode:screen;animation:drift 18s ease-in-out infinite alternate}
.beam.b1{width:55%;height:70%;left:-10%;top:-20%;background:radial-gradient(closest-side,rgba(255,255,255,.55),transparent)}
.beam.b2{width:45%;height:60%;right:-8%;bottom:-25%;background:radial-gradient(closest-side,rgba(180,180,190,.5),transparent);animation-duration:22s;animation-delay:-6s}
.beam.b3{width:22%;height:30%;left:58%;top:12%;background:radial-gradient(closest-side,rgba(244,88,24,.55),transparent);animation-duration:14s;animation-delay:-3s}
.stage-b .b2{background:radial-gradient(closest-side,rgba(62,128,198,.55),transparent)}
.stage-c .b1{background:radial-gradient(closest-side,rgba(244,88,24,.35),transparent)}
@keyframes drift{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(12%,8%,0) scale(1.15)}100%{transform:translate3d(-6%,14%,0) scale(.95)}}
.grain{position:absolute;inset:-50%;opacity:.12;mix-blend-mode:overlay;animation:grain 1.2s steps(6) infinite;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
@keyframes grain{0%{transform:translate(0,0)}25%{transform:translate(-5%,3%)}50%{transform:translate(4%,-4%)}75%{transform:translate(-3%,-2%)}100%{transform:translate(2%,5%)}}
.video-slot{position:absolute;top:18px;right:18px;z-index:3;font:11px var(--font-text);letter-spacing:.06em;color:rgba(255,255,255,.45);border:1px dashed rgba(255,255,255,.22);border-radius:20px;padding:4px 10px;transition:opacity .6s}

/* ---------- Filme que se expande ---------- */
.reel{position:relative;height:220vh;--p:0}
.reel-sticky{position:sticky;top:0;height:100vh;display:grid;place-items:center;overflow:hidden}
.reel-media{position:absolute;inset:0;
  clip-path:inset(calc((1 - var(--p)) * 14%) calc((1 - var(--p)) * 12%) calc((1 - var(--p)) * 8%) round calc((1 - var(--p)) * 36px + 0px))}
.reel-media>.stage,.reel-media>video{transform:scale(calc(1.12 - var(--p) * .12))}
.reel-copy{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:22px;color:#fff;
  opacity:calc(var(--p) * 1.6 - .4);transform:translateY(calc((1 - var(--p)) * 40px))}
.reel-title{font-size:clamp(40px,6vw,92px);letter-spacing:-.06em;line-height:1.02}
.reel-title span{color:rgba(255,255,255,.45)}
.reel-bar{position:absolute;z-index:2;left:50%;bottom:6vh;transform:translate(-50%,calc((1 - var(--p)) * 30px));opacity:calc(var(--p) * 2 - 1);display:flex;align-items:center;gap:18px;padding:14px 26px;border-radius:999px;font-size:14px;white-space:nowrap}
.reel-bar i{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.5)}

/* ---------- A pergunta ---------- */
.question{text-align:center;display:flex;flex-direction:column;align-items:center;gap:26px}
.bridge{position:relative;display:grid;grid-template-columns:1fr 1.25fr 1fr;align-items:center;gap:24px;width:100%;margin-top:40px}
.bridge::before{content:'';position:absolute;left:12%;right:12%;top:50%;height:1px;background:linear-gradient(90deg,var(--line),var(--ink),var(--line));background-size:200% 100%;animation:flow 4s linear infinite;z-index:-1}
@keyframes flow{to{background-position:-200% 0}}
.node{display:flex;flex-direction:column;align-items:center;gap:8px;padding:26px 16px;background:#fff}
.node svg{color:var(--muted);margin-bottom:8px}
.node strong{font-weight:500;font-size:16px}
.node small{font-size:13px;color:var(--muted)}
.node-core{border-radius:26px;padding:30px 20px}
.node-core img{height:34px;width:auto;margin-bottom:10px}

/* ---------- Capítulos ---------- */
.chapters{background:var(--paper);padding-bottom:40px}
.chapters-head{padding-bottom:30px;display:flex;flex-direction:column;gap:22px}
.chapter{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center;padding-top:60px;padding-bottom:60px}
.chapter.flip{grid-template-columns:1.15fr .85fr}
.chapter.flip .chapter-text{order:2}
.chapter-text{display:flex;flex-direction:column;gap:18px}
.chapter-num{font:500 15px var(--font-text);color:var(--ink);display:flex;align-items:center;gap:14px}
.chapter-num::after{content:'';height:1px;width:60px;background:var(--ink)}
.chapter-text h3{font-size:clamp(30px,2.9vw,42px);letter-spacing:-.05em}
.chapter-text p{font-size:17px;color:var(--muted);max-width:430px}
.ticks{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;border-top:1px solid var(--line)}
.ticks li{padding:14px 0;border-bottom:1px solid var(--line);font-size:15px;display:flex;align-items:center;gap:12px}
.ticks li::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--ink)}
.chapter-media{aspect-ratio:16/11;border-radius:var(--radius);box-shadow:0 40px 80px -40px rgba(0,0,0,.45);transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .6s var(--ease)}
.overlay{position:absolute;z-index:2;left:28px;bottom:28px;max-width:min(360px,calc(100% - 56px));border-radius:22px;padding:20px 22px;display:flex;flex-direction:column;gap:10px;transform:translateY(var(--lift,0px))}
.overlay small{font:11px var(--font-text);letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.overlay strong{font-weight:400;font-size:20px;letter-spacing:-.03em;line-height:1.25}
.overlay .hint{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:rgba(255,255,255,.7);line-height:1.5}
.overlay .hint svg{width:16px;height:16px;color:#fff;margin-top:2px}
.progress{display:flex;gap:6px;margin-top:4px}
.progress b{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.18);position:relative;overflow:hidden}
.progress b::after{content:'';position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:0;animation:fill 6s var(--ease) infinite}
.progress b:nth-child(2)::after{animation-delay:1s}.progress b:nth-child(3)::after{animation-delay:2s}.progress b:nth-child(4)::after{animation-delay:3s}
@keyframes fill{0%{transform:scaleX(0)}20%,80%{transform:scaleX(1)}100%{transform:scaleX(1);opacity:0}}
.chat{gap:8px}
.bubble{font-size:14px;line-height:1.45;padding:11px 14px;border-radius:16px 16px 16px 4px;background:rgba(255,255,255,.1);align-self:flex-start;max-width:92%}
.bubble.me{align-self:flex-end;background:#fff;color:var(--ink);border-radius:16px 16px 4px 16px}
.in-view .chat .bubble{animation:pop .7s var(--ease) both}
.in-view .chat .bubble:nth-child(2){animation-delay:.8s}.in-view .chat .bubble:nth-child(3){animation-delay:1.6s}
@keyframes pop{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}

/* ---------- Orquestrador ---------- */
.orchestrator{position:relative;overflow:hidden;isolation:isolate;background:#0a0a0a;color:#fff;padding:140px 40px 110px;text-align:center}
.orchestrator::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(45% 40% at 50% 62%,rgba(255,255,255,.08),transparent 70%)}
.orchestrator::after{content:'';position:absolute;inset:0;z-index:-1;opacity:.4;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:56px 56px;-webkit-mask:radial-gradient(ellipse at center,#000 20%,transparent 70%);mask:radial-gradient(ellipse at center,#000 20%,transparent 70%)}
.orch-head{display:flex;flex-direction:column;align-items:center;gap:22px}
.orchestrator .two-tone>span{color:rgba(255,255,255,.4)}
.orchestration-map{position:relative;max-width:1120px;margin:80px auto 0;display:grid;grid-template-columns:1fr auto 1fr;gap:60px;align-items:center;text-align:left}
.orchestration-map::before{content:'';position:absolute;left:50%;top:50%;width:380px;height:380px;margin:-190px 0 0 -190px;border-radius:50%;z-index:-1;filter:blur(40px);opacity:.55;
  background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.35),transparent 30%,rgba(244,88,24,.45),transparent 55%,rgba(255,255,255,.25),transparent 80%);animation:spin 16s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.orch-col{display:flex;flex-direction:column;gap:12px}
.col-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:4px}
.orch-item{position:relative;display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);font-size:15px;transition:border-color .3s,background .3s,transform .5s var(--ease)}
.orch-item svg{color:rgba(255,255,255,.7);width:18px;height:18px}
.orch-item:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3);transform:translateX(4px)}
.orch-item::after{content:'';position:absolute;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--orange);box-shadow:0 0 12px 3px rgba(244,88,24,.6);animation:pulse 2.4s ease-in-out infinite}
.orch-col:first-child .orch-item::after{right:-3px}.orch-col:last-child .orch-item::after{left:-3px}
.orch-item:nth-of-type(2)::after{animation-delay:.8s}.orch-item:nth-of-type(3)::after{animation-delay:1.6s}
@keyframes pulse{0%,100%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.25)}}
.orch-core{width:280px;border-radius:30px;padding:34px 24px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;animation:breathe 5s ease-in-out infinite}
.orch-core img{height:40px;width:auto}
.orch-core span{font:12px var(--font-text);letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.orch-core p{font-size:14px;color:rgba(255,255,255,.7);line-height:1.55}
.orch-core::before{opacity:.8}
@keyframes breathe{0%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 50px rgba(255,255,255,.06),0 30px 80px rgba(0,0,0,.5)}50%{box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 0 90px rgba(255,255,255,.14),0 30px 80px rgba(0,0,0,.5)}}
.orch-core-link{display:none}
.orchestration-map .orch-core{position:relative}
.orchestration-map .orch-core~.orch-col,.orchestration-map .orch-col{z-index:1}
.orch-foot{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:56px;font-size:14px;color:rgba(255,255,255,.55)}
.orch-foot svg{width:16px;height:16px;animation:spin 6s linear infinite}

/* ---------- Manifesto ---------- */
.manifesto{padding-top:160px;padding-bottom:160px}
.scrub{font-size:clamp(30px,3.9vw,54px);letter-spacing:-.045em;line-height:1.18;max-width:1080px}
.scrub .sw{color:var(--ink);opacity:calc(.14 + var(--o,0) * .86);transition:opacity .25s linear}

/* ---------- Para quem ---------- */
.audiences{display:flex;flex-direction:column;gap:24px;padding-top:40px}
.aud-list{margin-top:36px;border-top:1px solid var(--ink)}
.aud-list>*{position:relative;display:grid;grid-template-columns:70px 1fr 1.2fr 40px;align-items:center;gap:24px;padding:34px 20px;border-bottom:1px solid var(--line);overflow:hidden;isolation:isolate;transition:color .45s var(--ease)}
.aud-list>*::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--ink);transform:scaleY(0);transform-origin:bottom;transition:transform .55s var(--ease)}
.aud-list>*:hover{color:#fff}
.aud-list>*:hover::before{transform:scaleY(1)}
.aud-list .n{font:14px var(--font-text);color:var(--muted);transition:color .45s}
.aud-list h3{font-size:clamp(26px,2.6vw,38px);letter-spacing:-.045em}
.aud-list p{font-size:15px;color:var(--muted);transition:color .45s}
.aud-list>*:hover p,.aud-list>*:hover .n{color:rgba(255,255,255,.65)}
.aud-list>*>svg{width:26px;height:26px;transition:transform .5s var(--ease)}
.aud-list>*:hover>svg{transform:rotate(45deg)}
.origin{font-size:14px;color:var(--muted);max-width:620px;margin-top:20px}

/* ---------- Fechamento ---------- */
.closing{position:relative;overflow:hidden;isolation:isolate;text-align:center;display:flex;flex-direction:column;align-items:center;gap:26px;padding:150px 24px 170px;background:radial-gradient(50% 45% at 50% 55%,#f2f2f1,transparent 70%)}
.closing h2{font-size:clamp(48px,7vw,104px);letter-spacing:-.062em;line-height:1}
.closing h2 span{color:var(--soft)}
.closing .btn-lg{margin-top:10px}
.participant{font-size:13px;color:var(--muted);text-decoration:underline;text-underline-offset:4px}
.c1{width:120px;height:120px;left:7%;top:24%;--dur:12s}
.c2{width:170px;height:170px;right:6%;top:52%;--dur:15s;--delay:-5s}
.c3{width:56px;height:56px;right:24%;top:16%;--dur:10s;--delay:-2s}

/* ---------- Dock flutuante ---------- */
.dock{position:fixed;z-index:55;left:50%;bottom:20px;display:flex;align-items:center;gap:18px;padding:8px 8px 8px 20px;border-radius:999px;transform:translate(-50%,160%);opacity:0;transition:transform .7s var(--ease),opacity .5s}
.dock.show{transform:translate(-50%,0);opacity:1}
.dock img{height:22px;width:auto}
.dock span{font-size:14px;color:var(--ink-2);white-space:nowrap}

/* ---------- Rodapé ---------- */
footer{max-width:var(--wrap);margin:0 auto;padding:40px 40px 110px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:14px}
footer .brand img{height:28px}
footer p{font-size:13px;color:var(--muted);margin-top:8px}
footer nav{display:flex;gap:24px}
footer>span{color:var(--muted);font-size:13px}

/* ---------- Revelações ---------- */
.w{display:inline-block;white-space:pre}
.motion .split .w{opacity:0;filter:blur(10px);transform:translateY(.45em);transition:opacity .9s var(--ease),filter .9s var(--ease),transform .9s var(--ease);transition-delay:calc(var(--i) * 45ms)}
.motion .split.in .w{opacity:1;filter:none;transform:none}
h2 span.w,h1 span.w{color:inherit}
.motion .reveal{opacity:0;transform:translateY(40px);transition:opacity 1s var(--ease),transform 1.1s var(--ease)}
.motion .reveal.in{opacity:1;transform:none}
.btn.mag,.nav-cta.mag{transition:transform .35s var(--spring),box-shadow .3s}

/* ---------- Responsivo ---------- */
@media(max-width:1000px){
  .section{padding:100px 28px}
  .chapter{gap:40px}
  .orchestration-map{grid-template-columns:1fr;gap:28px;max-width:420px}
  .orch-core{justify-self:center;order:-1}
  .orch-item::after{display:none}
  .aud-list>*{grid-template-columns:50px 1fr 36px}
  .aud-list p{grid-column:2/3}
  .aud-list>*>svg{grid-row:1;grid-column:3}
}
@media(max-width:760px){
  html{scroll-padding-top:90px}
  .desk{display:none}
  .nav{top:10px;height:60px;width:calc(100% - 20px);padding:0 10px 0 18px;gap:10px;border-radius:20px}
  .nav.is-scrolled{width:calc(100% - 20px);top:8px;height:56px}
  .brand img,.nav .logo-w{height:26px}
  .nav nav{display:none;position:absolute;top:68px;left:0;right:0;flex-direction:column;padding:10px;border-radius:20px;background:rgba(255,255,255,.96);box-shadow:0 20px 50px rgba(0,0,0,.12);border:1px solid var(--line)}
  .nav nav.open{display:flex}
  .nav nav>a{padding:14px}
  .nav-indicator{display:none}
  .nav-login{display:none}
  .nav-cta{margin-left:auto;height:38px;padding:0 14px;font-size:13px}
  .menu{display:flex;padding:6px}
  .hero{min-height:92vh;padding:120px 20px 70px}
  h1{font-size:clamp(40px,11vw,60px)}
  h1 br{display:none}
  .o1{width:80px;height:80px;left:-20px;top:14%}.o2{width:130px;height:130px;right:-40px;top:16%}.o3{display:none}.o4{width:110px;height:110px;left:-40px;top:76%}.o5{right:20%;top:84%}.o6{width:90px;height:90px;right:-20px;top:66%}
  .reel{height:170vh}
  .reel-media{clip-path:inset(calc((1 - var(--p)) * 10%) calc((1 - var(--p)) * 5%) calc((1 - var(--p)) * 6%) round calc((1 - var(--p)) * 26px))}
  .reel-bar{gap:10px;padding:12px 16px;font-size:12px}
  .section{padding:80px 20px}
  .bridge{grid-template-columns:1fr;gap:6px;margin-top:20px}
  .bridge::before{left:50%;right:auto;top:6%;bottom:6%;width:1px;height:auto;background:linear-gradient(var(--line),var(--ink),var(--line))}
  .node-core{width:100%;max-width:320px;justify-self:center}
  .chapter{grid-template-columns:1fr;gap:30px;padding-top:40px;padding-bottom:40px}
  .chapter.flip{grid-template-columns:1fr}.chapter.flip .chapter-text{order:0}
  .chapter-media{aspect-ratio:4/5}
  .overlay{left:16px;right:16px;bottom:16px;max-width:none}
  .orchestrator{padding:100px 20px 80px}
  .manifesto{padding-top:100px;padding-bottom:100px}
  .aud-list>*{grid-template-columns:36px 1fr 28px;gap:14px;padding:26px 8px}
  .closing{padding:110px 20px 130px}
  .dock{left:10px;right:10px;transform:translateY(160%);justify-content:space-between;bottom:12px}
  .dock.show{transform:none}
  .dock span{display:none}
  footer{flex-direction:column;align-items:flex-start;padding:36px 20px 110px}
  footer nav{flex-wrap:wrap;gap:16px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .motion .split .w,.motion .reveal{opacity:1;filter:none;transform:none}
  .reel{height:auto}.reel-sticky{position:relative;height:80vh}.reel{--p:1!important}
}

/* ==========================================================
   Produto: quatro frentes, app, WhatsApp e analytics
   ========================================================== */
/* grade de quatro frentes */
.bento{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:40px}
.tile{position:relative;min-height:300px;border-radius:30px;padding:32px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;background:#fff;border:1px solid var(--line);overflow:hidden;isolation:isolate;transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
.tile.dark{background:#0b0b0c;color:#fff;border-color:#0b0b0c}
.tile.dark::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 70% at 85% 0%,rgba(255,255,255,.14),transparent 60%)}
.tile::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:var(--hl,0);transition:opacity .35s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(0,0,0,.05),transparent 55%)}
.tile.dark::after{background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.1),transparent 55%)}
.tile:hover{transform:translateY(-6px);box-shadow:0 40px 70px -35px rgba(0,0,0,.35)}
.tile-icon{position:absolute;top:30px;left:30px;width:58px;height:58px;border-radius:18px;display:grid;place-items:center}
.tile-icon svg{width:24px;height:24px}
.tile-n{position:absolute;top:36px;right:32px;font:13px var(--font-text);color:var(--soft)}
.tile h3{font-size:clamp(28px,2.6vw,40px);letter-spacing:-.045em;padding-right:40px}
.tile p{font-size:16px;color:var(--muted);max-width:360px}
.tile.dark p{color:rgba(255,255,255,.6)}
.tile-go{position:absolute;right:30px;bottom:32px;width:26px;height:26px;transition:transform .5s var(--ease)}
.tile:hover .tile-go{transform:rotate(45deg)}

/* 01 · telefones do app */
.phones-stage{aspect-ratio:16/12;border-radius:var(--radius);position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(70% 70% at 50% 75%,#ffffff,#e8e8e6);box-shadow:0 40px 80px -45px rgba(0,0,0,.35)}
.phone{position:absolute;bottom:-6%;width:31%;height:auto;filter:drop-shadow(0 30px 35px rgba(0,0,0,.22));transition:transform 1s var(--ease)}
.p-center{left:34.5%;width:33%;bottom:-3%;z-index:2;transform:translateY(calc(var(--lift,0px) * .6))}
.p-left{left:7%;transform:rotate(-9deg) translateY(10%)}
.p-right{right:7%;transform:rotate(9deg) translateY(10%)}
.phones-stage:hover .p-left{transform:rotate(-13deg) translate(-6%,6%)}
.phones-stage:hover .p-right{transform:rotate(13deg) translate(6%,6%)}
.chip{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:999px;font-size:13px;color:var(--ink-2);white-space:nowrap;transform:translateY(var(--lift,0px))}
.chip svg{width:16px;height:16px}
.chip b{font-weight:600;color:var(--ink)}
.c-xp{left:5%;top:9%}.c-xp svg{color:var(--orange)}
.c-prize{right:5%;top:24%}

/* 02 · conversa no WhatsApp */
.chat-stage{aspect-ratio:16/12;border-radius:var(--radius);position:relative;overflow:hidden;isolation:isolate;background:#0b0b0c;display:grid;place-items:center;box-shadow:0 40px 80px -40px rgba(0,0,0,.5)}
.wa{position:relative;z-index:2;width:min(390px,84%);border-radius:26px;overflow:hidden}
.wa-head{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.1)}
.wa-head img{height:18px;width:auto}
.wa-head strong{display:block;font-size:14px;font-weight:500}
.wa-head small{display:flex;align-items:center;gap:6px;font-size:11px;color:rgba(255,255,255,.55)}
.wa-head small::before{content:'';width:6px;height:6px;border-radius:50%;background:#fff}
.wa-body{padding:16px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;height:360px;overflow:hidden}
.msg{align-self:flex-start;max-width:88%;padding:10px 13px;border-radius:15px 15px 15px 4px;background:rgba(255,255,255,.1);font-size:14px;line-height:1.45;display:none;flex-direction:column;gap:9px}
.msg.me{align-self:flex-end;flex-direction:row;align-items:center;gap:8px;background:#fff;color:var(--ink);border-radius:15px 15px 4px 15px}
.sys{align-self:center;display:flex;align-items:center;gap:7px;font-size:12px;color:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 12px;display:none}
.sys svg{width:14px;height:14px;color:var(--orange)}
.msg.show,.sys.show,.no-anim .msg,.no-anim .sys{display:flex;animation:pop .55s var(--ease) both}
.msg.me.show,.no-anim .msg.me{flex-direction:row}
.link-chip{display:inline-flex;align-items:center;gap:6px;width:fit-content;font-size:12px;padding:7px 11px;border-radius:10px;background:rgba(255,255,255,.12)}
.link-chip svg{width:14px;height:14px}
.battery-row{display:flex;gap:8px}
.battery-row .bat{opacity:.4}
.battery-row .bat.on{opacity:1}
.typing{display:none;align-self:flex-start;gap:4px;padding:12px 14px;border-radius:15px;background:rgba(255,255,255,.1)}
.typing.on{display:flex}
.typing i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.7);animation:blink 1s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes blink{0%,100%{opacity:.25}50%{opacity:1}}

/* ícone de bateria (nível 1 a 4) */
.bat{position:relative;display:inline-block;width:30px;height:15px;border:1.5px solid currentColor;border-radius:4px;flex-shrink:0;--f:.5}
.bat::before{content:'';position:absolute;right:-4px;top:4px;width:2px;height:5px;border-radius:0 2px 2px 0;background:currentColor}
.bat::after{content:'';position:absolute;left:2px;top:2px;bottom:2px;width:calc(var(--f) * (100% - 4px));border-radius:1.5px;background:currentColor}
.bat[data-l="1"]{--f:.22}.bat[data-l="2"]{--f:.5}.bat[data-l="3"]{--f:.72}.bat[data-l="4"]{--f:1}
.bat.low{color:var(--orange)}
.bat.mini{width:22px;height:11px;border-radius:3px}.bat.mini::before{top:3px;height:3px}
.bat.big{width:44px;height:21px;border-width:2px;border-radius:6px}.bat.big::before{top:6px;height:6px;right:-5px;width:3px}

/* 04 · painel do gestor */
.dash-stage{aspect-ratio:16/12;border-radius:var(--radius);padding:5%;display:grid;place-items:center;background:radial-gradient(70% 70% at 50% 40%,#fff,#e8e8e6);box-shadow:0 40px 80px -45px rgba(0,0,0,.35)}
.dash{width:100%;background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:16px;box-shadow:0 30px 60px -30px rgba(0,0,0,.25)}
.dash-top{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted)}
.dash-top img{height:18px;width:auto}
.dash-top em{margin-left:auto;font-style:normal;font-size:10px;border:1px solid var(--line);border-radius:999px;padding:3px 9px;white-space:nowrap}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0}
.kpis small,.panel small{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.kpis strong{font-size:34px;font-weight:300;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}
.kpis div>span{font-size:13px;color:var(--muted);margin-left:4px}
.bat-kpi{display:inline-flex;vertical-align:middle;margin-right:4px}
.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.panel{border:1px solid var(--line);border-radius:14px;padding:14px}
.panel.wide{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}
.panel.wide small{margin:0}
.bars>div{display:grid;grid-template-columns:26px 1fr;align-items:center;gap:8px;margin-top:9px}
.bars b{font:11px var(--font-text);font-weight:400;color:var(--muted)}
.bars i{height:8px;border-radius:4px;background:var(--ink);width:calc(var(--v) * 100%);transform-origin:0;transform:scaleX(0);transition:transform 1.3s var(--ease)}
.bars>div:nth-child(2) i{transition-delay:.1s}.bars>div:nth-child(3) i{transition-delay:.2s}.bars>div:nth-child(4) i{transition-delay:.3s}.bars>div:nth-child(5) i{transition-delay:.4s}
.in-view .bars i,.no-anim .bars i{transform:scaleX(1)}
.moods{list-style:none;margin:0;padding:0}
.moods li{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:7px 0;border-bottom:1px solid var(--line)}
.moods li:last-child{border:0}
.people{display:flex}
.people span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:11px;font-weight:500;margin-left:-8px;border:2px solid #fff}
.people span:last-child{background:#e7e7e5;color:var(--ink)}

@media(max-width:1000px){
  .tile{min-height:250px}
}
@media(max-width:760px){
  .bento{grid-template-columns:1fr;gap:12px;margin-top:28px}
  .tile{min-height:230px;padding:26px;border-radius:24px}
  .tile-icon{top:24px;left:24px;width:50px;height:50px}
  .phones-stage{aspect-ratio:4/5}
  .phone{width:40%}.p-center{left:28%;width:44%}.p-left{left:-2%}.p-right{right:-2%}
  .c-xp{left:4%;top:6%}.c-prize{right:4%;top:18%}
  .chat-stage{aspect-ratio:auto;padding:36px 0}
  .wa{width:90%}
  .dash-stage{aspect-ratio:auto;padding:12px}
  .dash{padding:16px;gap:12px}
  .dash-top span{display:none}
  .kpis strong{font-size:26px}
  .dash-grid{grid-template-columns:1fr}
}

/* menu: evita quebra de linha em larguras intermediárias */
.nav nav>a,.nav-cta,.nav-login{white-space:nowrap}
@media(max-width:1100px){.nav-login{display:none}.nav{gap:16px}.nav nav>a{padding:8px 11px}}
@media(max-width:900px){
  .nav nav{display:none;position:absolute;top:74px;left:0;right:0;flex-direction:column;padding:10px;border-radius:20px;background:rgba(255,255,255,.96);box-shadow:0 20px 50px rgba(0,0,0,.12);border:1px solid var(--line)}
  .nav nav.open{display:flex}
  .nav nav>a{padding:14px;color:var(--ink-2)!important}
  .nav-indicator{display:none}
  .nav-cta{margin-left:auto}
  .menu{display:flex;padding:6px}
}

/* ==========================================================
   Hero inspirado em Ouro Labs: pedra quente, manchete gigante,
   toro de pontos e frases que se revezam.
   ========================================================== */
:root{--stone:#dddbd6}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hero{position:relative;min-height:100vh;min-height:100svh;display:block;padding:0;background:var(--stone);overflow:hidden;isolation:isolate;text-align:center}
.torus{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:1;transition:opacity 1.1s var(--ease)}
.hero.no-torus .torus{opacity:.12}
.statements{position:absolute;inset:0;z-index:2;display:grid;place-items:center;padding:0 3vw;pointer-events:none}
.stmt{grid-area:1/1;margin:0;font-weight:500;text-transform:uppercase;letter-spacing:-.045em;line-height:.9;font-size:clamp(42px,8.4vw,150px);color:var(--ink)}
.stmt .ln{display:block;overflow:hidden;padding:.04em 0 .06em}
.stmt .ln>span{display:block;transform:translateY(110%);transition:transform 1s var(--ease)}
.stmt.is-on .ln>span{transform:none}
.stmt.is-out .ln>span{transform:translateY(-110%)}
.stmt .ln:nth-child(2)>span{transition-delay:.07s}.stmt .ln:nth-child(3)>span{transition-delay:.14s}
.stmt em{font-style:normal;color:var(--orange)}
.hero-foot{position:absolute;z-index:3;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:24px;padding:0 36px 32px}
.seal{width:112px;height:112px;color:var(--ink);justify-self:start}
.seal text{font:600 8.6px 'Work Sans',sans-serif;fill:currentColor;letter-spacing:.1em}
.seal-ring{transform-origin:60px 60px;animation:spin 22s linear infinite}
.hero-sub{font-size:15px;line-height:1.55;color:#55544f;max-width:560px;text-align:center}
.scroll-cue{justify-self:end;display:inline-flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
.eq{display:inline-flex;align-items:flex-end;gap:3px;height:18px}
.eq i{width:3px;height:100%;background:currentColor;transform-origin:bottom;animation:eq 1.1s ease-in-out infinite}
.eq i:nth-child(2){animation-delay:-.3s}.eq i:nth-child(3){animation-delay:-.6s}.eq i:nth-child(4){animation-delay:-.15s}
@keyframes eq{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}
.js .hero .stmt.is-on .ln>span{animation:lineIn 1.2s var(--ease) both}
.js .hero .stmt.is-on .ln:nth-child(2)>span{animation-delay:.08s}
@keyframes lineIn{from{transform:translateY(135%)}to{transform:none}}
.js .hero-foot{animation:rise 1.2s var(--ease) .5s both}
/* menu transparente sobre o hero */
.nav:not(.is-scrolled):not(.on-dark){background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.nav:not(.is-scrolled):not(.on-dark)::before,.nav:not(.is-scrolled):not(.on-dark)::after{opacity:0}
/* o cinza continua até o filme */
.reel{background:var(--stone)}
@media(max-width:760px){
  .stmt{font-size:clamp(34px,10.4vw,60px);letter-spacing:-.04em}
  .hero-foot{grid-template-columns:auto 1fr;padding:0 18px 22px;gap:14px}
  .hero-sub{display:none}
  .seal{width:84px;height:84px}
}
@media(prefers-reduced-motion:reduce){.stmt .ln>span{transform:none}.stmt:not(.is-on){display:none}}
.stmt.no-tr .ln>span{transition:none!important}
/* acentos (Ã, Ç, Ó) passam da altura da linha: esconder por completo quem está fora */
.stmt .ln>span{transform:translateY(135%)}
.stmt.is-out .ln>span{transform:translateY(-135%)}
.stmt.is-on .ln>span{transform:none}
.stmt:not(.is-on):not(.is-out){visibility:hidden}
.stmt .ln{padding:.08em 0 .1em;margin:-.04em 0}
@media(max-width:760px){.stmt{font-size:clamp(36px,11.4vw,62px)}}
/* letras interativas do hero */
.statements{pointer-events:none}
.stmt{pointer-events:auto;cursor:default}
.stmt .ch{display:inline-block;transition:transform .6s var(--spring),opacity .4s}

/* ==========================================================
   v5 — plataforma de produtos: menu Produtos, páginas por produto
   Cada produto é um verbo: Ativa · Acompanha · Mostra (laranja = energia)
   ========================================================== */

/* ---------- Menu com painel de produtos ---------- */
.menu-main{align-items:center}
.has-mega{position:static}
.mega-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;font-size:14px;color:var(--ink-2);transition:background .2s}
.mega-btn svg{width:15px;height:15px;transition:transform .35s var(--ease)}
.has-mega.open .mega-btn{background:rgba(10,10,10,.06)}
.has-mega.open .mega-btn svg{transform:rotate(180deg)}
.nav-link{padding:8px 14px;border-radius:20px;font-size:14px;color:var(--ink-2)}
.nav-link:hover,.mega-btn:hover{background:rgba(10,10,10,.05)}
.nav.on-dark .mega-btn,.nav.on-dark .nav-link{color:rgba(255,255,255,.85)}
.nav.on-dark .has-mega.open .mega-btn,.nav.on-dark .mega-btn:hover,.nav.on-dark .nav-link:hover{background:rgba(255,255,255,.1)}
.mega{position:absolute;top:calc(100% + 10px);left:50%;width:min(1000px,calc(100vw - 40px));transform:translate(-50%,-8px);opacity:0;visibility:hidden;pointer-events:none;
  background:rgba(255,255,255,.97);border:1px solid var(--line);border-radius:26px;box-shadow:0 30px 80px -20px rgba(0,0,0,.25);padding:14px;display:grid;grid-template-columns:1fr 250px;gap:12px;
  transition:opacity .3s var(--ease),transform .4s var(--ease),visibility 0s .3s;color:var(--ink);text-align:left}
.has-mega.open .mega{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);transition:opacity .3s var(--ease),transform .4s var(--ease)}
.mega-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mega-item{position:relative;display:flex;flex-direction:column;gap:6px;padding:20px 20px 150px;border-radius:18px;background:var(--paper);overflow:hidden;transition:background .3s,transform .4s var(--ease)}
.mega-item:hover{background:#ecebe8;transform:translateY(-2px)}
.mega-item .verb{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);font-weight:600}
.mega-item strong{font-size:19px;font-weight:500;letter-spacing:-.02em}
.mega-item p{font-size:13px;line-height:1.5;color:var(--muted)}
.mega-thumb{position:absolute;left:20px;right:20px;bottom:0;height:130px;display:flex;align-items:flex-end;justify-content:center;gap:6px}
.mega-thumb img{height:100%;width:auto;object-fit:contain;transition:transform .5s var(--ease)}
.t-app img{height:150%;transform:translateY(28%)}
.mega-item:hover .t-app img{transform:translateY(18%)}
.mega-item:hover .t-ag img{transform:translateY(-6px) rotate(-4deg)}
.t-an{padding-bottom:18px}
.t-an i{flex:1;max-width:26px;height:calc(var(--v) * 100%);border-radius:6px 6px 2px 2px;background:var(--ink);transition:height .5s var(--ease)}
.t-an i:nth-child(4){background:var(--orange)}
.mega-item:hover .t-an i{height:calc(var(--v) * 80% + 20%)}
.mega-side{display:flex;flex-direction:column;justify-content:space-between;gap:20px;padding:22px;border-radius:18px;background:var(--ink);color:#fff}
.mega-side small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.mega-side strong{font-size:26px;font-weight:400;letter-spacing:-.04em;line-height:1.1}
.mega-side span{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,.8)}
.mega-side svg{width:16px;height:16px;transition:transform .3s var(--ease)}
.mega-side:hover svg{transform:translateX(4px)}
.mega-sm{width:min(560px,calc(100vw - 40px));grid-template-columns:1fr 1fr;padding:10px;gap:6px}
.sol-item{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:16px;transition:background .25s}
.sol-item:hover{background:var(--paper)}
.sol-item svg{width:20px;height:20px;margin-top:2px;color:var(--ink)}
.sol-item strong{display:block;font-size:15px;font-weight:500}
.sol-item small{display:block;font-size:13px;color:var(--muted);line-height:1.45;margin-top:3px}

/* ---------- Botões extras ---------- */
.btn-light{background:#fff;color:var(--ink)}
.btn-glass-dark{color:#fff}

/* ---------- Plataforma: cartões que se empilham ---------- */
.platform{padding-bottom:40px}
.platform-head{padding-bottom:50px;display:flex;flex-direction:column;gap:22px}
.stack{max-width:1240px;margin:0 auto;padding:0 40px 60px}
.pcard{position:sticky;top:100px;min-height:min(620px,calc(100vh - 140px));margin-bottom:36px;border-radius:38px;display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center;padding:56px;overflow:hidden;isolation:isolate;
  transform-origin:50% 0;transform:scale(var(--s,1));filter:brightness(var(--b,1));box-shadow:0 -20px 60px -30px rgba(0,0,0,.25)}
.pc-app{background:#fff;border:1px solid var(--line)}
.pc-ag{background:#0b0b0c;color:#fff}
.pc-an{background:var(--stone)}
.pc-next{min-height:300px;grid-template-columns:1fr;text-align:center;background:transparent;border:1.5px dashed #c9c8c3;box-shadow:none;position:relative;top:auto}
.pc-next .pc-text{align-items:center}
.pc-text{display:flex;flex-direction:column;gap:18px;position:relative;z-index:2}
.pc-verb{font-size:clamp(60px,8vw,128px);font-weight:500;letter-spacing:-.06em;line-height:.85;text-transform:uppercase;color:var(--orange)}
.pc-next .pc-verb{font-size:clamp(36px,4vw,56px);color:var(--soft)}
.pcard h3{font-size:clamp(28px,2.8vw,42px);letter-spacing:-.045em}
.pcard p{font-size:17px;color:var(--muted);max-width:440px}
.pc-ag p{color:rgba(255,255,255,.62)}
.pc-link{display:inline-flex;align-items:center;gap:10px;font-weight:500;font-size:15px;margin-top:6px;width:fit-content;border-bottom:1.5px solid currentColor;padding-bottom:4px}
.pc-link svg{width:17px;height:17px;transition:transform .35s var(--ease)}
.pc-link:hover svg{transform:translateX(5px)}
.pc-visual{position:relative;height:100%;min-height:440px;aspect-ratio:auto!important;box-shadow:none!important}
.pc-visual.dash-stage{background:rgba(255,255,255,.35)}
.pc-app .phones-stage{background:radial-gradient(70% 70% at 50% 75%,#fff,#efefed)}

/* agentes: HUGO + balões */
.ag-visual{display:grid;place-items:center}
.ag-hugo{width:52%;max-width:300px;filter:drop-shadow(0 40px 40px rgba(0,0,0,.45));animation:hover-float 5s ease-in-out infinite}
.ag-hugo.big{width:62%;max-width:420px}
@keyframes hover-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-18px) rotate(2deg)}}
.ag-bubble{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:13px 17px;border-radius:18px 18px 18px 5px;font-size:15px;white-space:nowrap;animation:bubble-bob 6s ease-in-out infinite}
.ag-bubble.me{background:#fff;color:var(--ink);border-radius:18px 18px 5px 18px}
.ag-bubble .bat{color:#fff}
.ag-visual .b1{left:2%;top:14%}.ag-visual .b2{right:0;top:40%;animation-delay:-2s}.ag-visual .b3{left:8%;bottom:14%;animation-delay:-4s}
@keyframes bubble-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* ---------- Ciclo ---------- */
.loop-sec{position:relative;overflow:hidden;isolation:isolate;background:#0a0a0a;color:#fff;padding:140px 40px 150px;text-align:center}
.loop-sec::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(40% 45% at 50% 60%,rgba(244,88,24,.16),transparent 70%)}
.loop-head{display:flex;flex-direction:column;align-items:center;gap:22px}
.loop-sec .two-tone>span{color:rgba(255,255,255,.4)}
.loop{position:relative;width:min(880px,100%);height:620px;margin:60px auto 0}
.loop-ring{position:absolute;left:50%;top:50%;width:400px;height:400px;margin:-200px 0 0 -200px;border-radius:50%;border:1px dashed rgba(255,255,255,.22);animation:spin 10s linear infinite}
.loop-dot{position:absolute;top:-6px;left:50%;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--orange);box-shadow:0 0 20px 6px rgba(244,88,24,.6)}
.loop-core{position:absolute;left:50%;top:50%;width:170px;height:170px;margin:-85px 0 0 -85px;border-radius:50%;display:grid;place-items:center}
.loop-core img{width:92px;height:auto}
.loop-node{position:absolute;width:240px;display:flex;flex-direction:column;gap:6px;padding:18px 20px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);text-align:left;animation:node-glow 10s linear infinite}
.loop-node span{font:12px var(--font-text);color:rgba(255,255,255,.45)}
.loop-node strong{font-size:18px;font-weight:500}
.loop-node small{font-size:13px;line-height:1.5;color:rgba(255,255,255,.6)}
.n1{left:50%;top:0;margin-left:-120px}.n2{right:0;top:50%;margin-top:-60px;animation-delay:2.5s}.n3{left:50%;bottom:0;margin-left:-120px;animation-delay:5s}.n4{left:0;top:50%;margin-top:-60px;animation-delay:7.5s}
.n1{animation-delay:-.2s}
@keyframes node-glow{0%,18%{border-color:rgba(244,88,24,.8);background:rgba(244,88,24,.1)}28%,100%{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.04)}}

/* ---------- Páginas de produto ---------- */
.p-hero{position:relative;min-height:100vh;min-height:100svh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:130px max(40px,calc((100vw - 1240px)/2)) 70px;overflow:hidden;isolation:isolate}
.ph-app{background:radial-gradient(60% 60% at 80% 60%,#f3f2ef,#fff 70%)}
.ph-ag{background:#0a0a0a;color:#fff}
.ph-ag::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(40% 50% at 75% 55%,rgba(62,128,198,.28),transparent 70%),radial-gradient(30% 30% at 20% 80%,rgba(244,88,24,.12),transparent 70%)}
.ph-an{background:var(--stone)}
.p-hero-text{display:flex;flex-direction:column;gap:20px;position:relative;z-index:2}
.p-verb{font-size:clamp(76px,11vw,190px);font-weight:500;letter-spacing:-.065em;line-height:.8;text-transform:uppercase;color:var(--orange);margin:6px 0 4px -.04em}
.p-hero h1{font-size:clamp(38px,4.4vw,68px);margin:0;letter-spacing:-.05em}
.p-hero .lead{max-width:520px}
.ph-ag .lead{color:rgba(255,255,255,.65)}
.p-hero .actions{justify-content:flex-start;margin-top:10px}
.p-hero-visual{position:relative;height:min(640px,72vh)}
.phones-stage.big{aspect-ratio:auto;height:min(640px,72vh);border-radius:36px}
.dash-stage.big{aspect-ratio:auto;height:auto;padding:6%}
.ag-hero{display:grid;place-items:center}
.ag-hero .b1{left:4%;top:18%}.ag-hero .b2{right:2%;top:44%;animation-delay:-3s}
.peek-hugo{position:absolute;z-index:4;right:-2%;bottom:-3%;width:26%;filter:drop-shadow(0 20px 25px rgba(0,0,0,.25));animation:hover-float 5s ease-in-out infinite}
.js .p-hero-text>*{animation:rise 1s var(--ease) both}
.js .p-hero-text>.p-verb{animation:verbIn 1.2s var(--ease) both}
.js .p-hero-text>h1{animation-delay:.12s}.js .p-hero-text>.lead{animation-delay:.2s}.js .p-hero-text>.actions{animation-delay:.28s}
.js .p-hero-visual{animation:riseV 1.3s var(--ease) .15s both}
@keyframes verbIn{from{opacity:0;transform:translateY(40%);letter-spacing:.02em;filter:blur(10px)}to{opacity:1;transform:none;filter:none}}
@keyframes riseV{from{opacity:0;translate:0 60px}to{opacity:1;translate:0 0}}

/* recursos do app */
.features{display:flex;flex-direction:column;gap:22px}
.fgrid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:250px;gap:14px;margin-top:30px}
.f{position:relative;overflow:hidden;border-radius:28px;padding:28px;background:var(--paper);display:flex;flex-direction:column;gap:10px;transition:transform .5s var(--ease)}
.f:hover{transform:translateY(-4px)}
.f svg{width:26px;height:26px;margin-bottom:auto}
.f h3{font-size:24px;letter-spacing:-.04em}
.f p{font-size:15px;color:var(--muted);max-width:300px;position:relative;z-index:1}
.f.big{grid-row:span 2}
.f.big img{position:absolute;right:8%;bottom:-24%;width:46%;filter:drop-shadow(0 25px 30px rgba(0,0,0,.22));transition:transform .7s var(--ease)}
.f.big:hover img{transform:translateY(-4%)}
.f.big svg{margin-bottom:0}
.f.big h3{margin-top:auto}
.f.big h3,.f.big p{max-width:48%}
.f.dark{background:#0b0b0c;color:#fff}.f.dark p{color:rgba(255,255,255,.6)}
.f.accent{background:var(--orange);color:#fff}.f.accent p{color:rgba(255,255,255,.85)}

/* empresas x você */
.modes{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-top:40px}
.mode{border-radius:34px;padding:48px;background:var(--paper);display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.mode.dark{background:#0b0b0c;color:#fff}
.mode h3{font-size:clamp(28px,2.8vw,40px);letter-spacing:-.045em}
.ticks.light{border-color:rgba(255,255,255,.14)}.ticks.light li{border-color:rgba(255,255,255,.14)}.ticks.light li::before{background:#fff}
.mode .ticks{width:100%}

/* planos */
.pricing{display:flex;flex-direction:column;gap:22px}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}
.plan{border-radius:30px;padding:36px;border:1px solid var(--line);display:flex;flex-direction:column;gap:14px}
.plan.featured{background:#0b0b0c;color:#fff;border-color:#0b0b0c}
.plan .pname{font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.plan.featured .pname{color:var(--orange)}
.plan .price{font-size:48px;font-weight:300;letter-spacing:-.05em;line-height:1}
.plan .price small{font-size:15px;color:var(--muted);letter-spacing:0}
.plan ul{list-style:none;padding:0;margin:8px 0 auto;display:flex;flex-direction:column;gap:10px;font-size:15px}
.plan li{display:flex;gap:10px}.plan li::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;margin-top:9px;flex-shrink:0}
.plans-empty{grid-column:1/-1;border-radius:30px;padding:48px;background:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.plans-empty strong{font-size:26px;font-weight:400;letter-spacing:-.04em}
.plans-empty p{color:var(--muted);margin-top:6px}
.plans-note{font-size:14px;color:var(--muted)}.plans-note a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}

/* verbos dos agentes */
.verbs{display:flex;flex-direction:column;gap:22px}
.vgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}
.vgrid article{border-top:2px solid var(--ink);padding-top:24px;display:flex;flex-direction:column;gap:12px}
.vgrid .v{font-size:clamp(26px,2.4vw,34px);letter-spacing:-.045em}
.vgrid p{font-size:15px;color:var(--muted)}
.say{margin-top:auto;font-size:14px;line-height:1.45;padding:12px 14px;border-radius:16px 16px 16px 4px;background:var(--paper)}
.vgrid article:hover .say{background:var(--ink);color:#fff}
.say{transition:background .3s,color .3s}
.media-hugo{position:absolute;z-index:1;right:6%;bottom:-4%;width:34%;filter:drop-shadow(0 30px 30px rgba(0,0,0,.5));animation:hover-float 6s ease-in-out infinite}

/* fluxo */
.flow{display:flex;flex-direction:column;gap:22px}
.flow-row{display:flex;align-items:stretch;gap:0;margin-top:30px}
.flow-step{flex:1;border-radius:26px;padding:30px;background:var(--paper);display:flex;flex-direction:column;gap:8px}
.flow-step svg{width:26px;height:26px;margin-bottom:10px}
.flow-step strong{font-size:22px;font-weight:500;letter-spacing:-.03em}
.flow-step small{font-size:14px;color:var(--muted);line-height:1.5}
.flow-step.dark{background:#0b0b0c;color:#fff}.flow-step.dark small{color:rgba(255,255,255,.6)}
.flow-arrow{width:60px;align-self:center;height:2px;background:linear-gradient(90deg,var(--line),var(--orange),var(--line));background-size:200% 100%;animation:flow 2.4s linear infinite}

/* perguntas do analytics */
.qgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 28px;margin-top:30px}
.qgrid article{border-top:1px solid var(--ink);padding:24px 0 30px;display:flex;flex-direction:column;gap:10px}
.qgrid .q{font-size:clamp(24px,2.2vw,32px);letter-spacing:-.045em;line-height:1.1}
.qgrid p{font-size:15px;color:var(--muted)}

/* fechamento com HUGO */
.closing-cta{position:relative;display:flex;align-items:flex-end;justify-content:center}
.closing-hugo{position:absolute;right:calc(100% + 6px);bottom:-18px;width:120px;filter:drop-shadow(0 16px 20px rgba(0,0,0,.2));animation:hover-float 5s ease-in-out infinite}

/* rodapé */
.site-foot{max-width:var(--wrap);margin:0 auto;padding:60px 40px 120px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.2fr 2fr;gap:40px;align-items:start}
.site-foot .brand img{height:30px;width:auto}
.foot-brand p{font-size:14px;color:var(--muted);margin-top:12px;max-width:260px}
.foot-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.foot-cols div{display:flex;flex-direction:column;gap:10px;font-size:14px}
.foot-cols strong{font-weight:500;margin-bottom:4px}
.foot-cols a{color:var(--muted)}.foot-cols a:hover{color:var(--ink)}
.foot-copy{grid-column:1/-1;font-size:13px;color:var(--muted)}

/* ---------- Responsivo v5 ---------- */
@media(max-width:1000px){
  .pcard{grid-template-columns:1fr;padding:36px;min-height:auto;position:relative;top:auto;transform:none;filter:none}
  .pc-visual{min-height:380px}
  .p-hero{grid-template-columns:1fr;padding-top:120px}
  .p-hero-visual{height:auto;min-height:420px}
  .phones-stage.big{height:480px}
  .vgrid{grid-template-columns:1fr 1fr}
  .loop{height:auto;display:flex;flex-direction:column;align-items:center;gap:14px}
  .loop-ring{display:none}
  .loop-core{position:relative;left:auto;top:auto;margin:0 0 10px}
  .loop-node{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;margin:0!important;width:100%;max-width:420px}
}
@media(max-width:900px){
  .has-mega{width:100%}
  .mega-btn{width:100%;justify-content:space-between;padding:14px;font-size:16px;color:var(--ink-2)!important}
  .mega,.mega-sm{position:static;width:100%;transform:none;opacity:1;visibility:visible;pointer-events:auto;display:none;box-shadow:none;border:0;padding:4px 0 10px;background:transparent;grid-template-columns:1fr}
  .has-mega.open .mega{display:grid;transform:none}
  .mega-grid{grid-template-columns:1fr}
  .mega-item{padding:16px 16px 16px 16px}
  .mega-thumb,.mega-side{display:none}
  .nav-link{padding:14px;font-size:16px;color:var(--ink-2)!important}
  .nav nav.open{max-height:calc(100vh - 100px);overflow:auto;align-items:stretch}
}
@media(max-width:760px){
  .stack{padding:0 14px 30px}
  .pcard{padding:26px;border-radius:28px;gap:24px;margin-bottom:14px}
  .pc-visual{min-height:340px}
  .pc-verb{font-size:clamp(52px,16vw,80px)}
  .p-hero{padding:110px 20px 50px;gap:30px}
  .p-verb{font-size:clamp(64px,19vw,110px)}
  .fgrid{grid-template-columns:1fr;grid-auto-rows:auto}
  .f{min-height:200px}.f.big{min-height:380px}
  .modes{grid-template-columns:1fr}.mode{padding:30px}
  .plans{grid-template-columns:1fr}
  .vgrid{grid-template-columns:1fr}
  .flow-row{flex-direction:column}.flow-arrow{width:2px;height:30px;background:linear-gradient(var(--line),var(--orange),var(--line))}
  .qgrid{grid-template-columns:1fr}
  .loop-sec{padding:100px 20px}
  .closing-hugo{width:80px;right:auto;left:50%;margin-left:-40px;bottom:calc(100% + 10px)}
  .closing-cta{margin-top:90px}
  .site-foot{grid-template-columns:1fr;padding:40px 20px 110px}
  .foot-cols{grid-template-columns:1fr 1fr}
  .ag-bubble{font-size:13px;padding:10px 13px}
}
.pc-next{background:var(--bg)}

/* card grande do app: texto em cima, tela embaixo */
.f.big h3,.f.big p{max-width:none}
.f.big h3{margin-top:0}
.f.big svg{margin-bottom:auto}
.f.big img{right:50%;translate:50% 0;bottom:-38%;width:58%;max-width:230px}
.f.big:hover img{transform:translateY(-5%)}
.f.big>svg{order:-1}
.f.big{justify-content:flex-start}
.f.big>svg{margin-bottom:18px}
/* hero de produto: coluna de texto não empurra o visual */
.p-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.ph-ag .p-verb{font-size:clamp(56px,7.4vw,126px)}
.ag-hugo.big{width:74%;max-width:440px}
/* card largo do app */
.f.wide{grid-column:span 2}
.f.wide h3,.f.wide p{max-width:55%}
.f.wide img{position:absolute;right:8%;bottom:-42%;width:26%;max-width:200px;filter:drop-shadow(0 25px 30px rgba(0,0,0,.22));transition:transform .7s var(--ease)}
.f.wide:hover img{transform:translateY(-6%)}
@media(max-width:1000px){.p-hero{grid-template-columns:1fr}}
@media(max-width:760px){.f.wide{grid-column:auto;min-height:320px}.f.wide h3,.f.wide p{max-width:60%}.f.wide img{width:34%}.ph-ag .p-verb{font-size:clamp(46px,14vw,80px)}}
@media(max-width:760px){
  .pc-verb{font-size:clamp(40px,12.5vw,80px)}
  .p-hero .c-prize{display:none}
  .p-hero .c-xp{left:4%;top:5%}
}

/* ==========================================================
   Vídeos de vidro 3D (marca, conversa, gráfico, astronauta)
   ========================================================== */
.vid{background-color:#0b0b0c;background-size:cover;background-position:center;isolation:isolate}
.vid>video{border-radius:inherit}
.reel-media.vid::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.12) 40%,rgba(0,0,0,.5))}
.pc-visual.vid{border-radius:28px;overflow:hidden}
.pc-visual.vid .ag-bubble{z-index:2}
.pc-visual.vid .b1{left:6%;top:8%}
.pc-visual.vid .b3{left:auto;right:6%;bottom:8%}
.p-hero-visual.vid{border-radius:36px;overflow:hidden;height:min(620px,70vh);box-shadow:0 40px 90px -40px rgba(0,0,0,.5)}
.ph-ag .p-hero-visual.vid{box-shadow:0 40px 90px -30px rgba(244,88,24,.35)}
.ag-hero.vid .b1{left:6%;top:10%}.ag-hero.vid .b2{left:auto;right:6%;top:auto;bottom:10%}
.c-live{left:6%;top:6%;right:auto}
.live-dot{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 0 rgba(244,88,24,.6);animation:live 1.8s ease-out infinite}
@keyframes live{0%{box-shadow:0 0 0 0 rgba(244,88,24,.55)}100%{box-shadow:0 0 0 10px rgba(244,88,24,0)}}
.dash-sec{display:flex;flex-direction:column;gap:22px}
.dash-stage.wide{aspect-ratio:auto;padding:5%;margin-top:30px}
.dash-stage.wide .dash{max-width:900px;margin:0 auto}
@media(max-width:1000px){.p-hero-visual.vid{height:auto;aspect-ratio:16/10}}
@media(max-width:760px){.pc-visual.vid{min-height:260px;aspect-ratio:16/11!important}.p-hero-visual.vid{border-radius:26px}}
/* cartões da plataforma: verbo não empurra o visual */
.pcard{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
.pc-verb{font-size:clamp(52px,5.6vw,96px)}
@media(max-width:1000px){.pcard{grid-template-columns:1fr}}
/* sem verbos gigantes: títulos assumem o destaque */
.pcard h3{font-size:clamp(32px,3.4vw,52px)}
.p-hero h1{font-size:clamp(42px,5.2vw,80px);margin-top:6px}
/* App: seção com as telas reais */
.inside{display:flex;flex-direction:column;gap:22px}
.inside-stage{margin-top:30px;height:min(620px,70vh)}
@media(max-width:760px){.inside-stage{height:auto;aspect-ratio:4/5}}
.inside-stage{max-width:1000px;width:100%;margin:30px auto 0;height:auto;aspect-ratio:16/10}
.inside-stage .phone{width:23%;bottom:-8%}
.inside-stage .p-center{width:25%;left:37.5%;bottom:-5%}
.inside-stage .p-left{left:13%}.inside-stage .p-right{right:13%}
.inside-stage .peek-hugo{width:16%;right:4%;bottom:2%}
.inside-stage .c-xp{left:6%;top:10%}.inside-stage .c-prize{right:6%;top:22%}
@media(max-width:760px){.inside-stage{aspect-ratio:4/5}.inside-stage .phone{width:38%}.inside-stage .p-center{width:42%;left:29%}.inside-stage .p-left{left:0}.inside-stage .p-right{right:0}.inside-stage .peek-hugo{width:26%}}
/* "O app por dentro": telefones inteiros, dimensionados pela altura do cartão */
.phones-stage.big.inside-stage{height:auto;aspect-ratio:16/9;max-width:1100px;display:flex;align-items:center;justify-content:center;padding:3% 0}
.inside-stage .phone{position:relative;left:auto;right:auto;bottom:auto;height:80%;width:auto;max-width:none;flex-shrink:0}
.inside-stage .p-center{height:92%;z-index:2;transform:none;margin:0 -1.5%}
.inside-stage .p-left{transform:rotate(-7deg) translateY(4%)}
.inside-stage .p-right{transform:rotate(7deg) translateY(4%)}
.inside-stage:hover .p-left{transform:rotate(-10deg) translate(-4%,3%)}
.inside-stage:hover .p-right{transform:rotate(10deg) translate(4%,3%)}
.inside-stage .c-xp{left:5%;top:8%}.inside-stage .c-prize{right:5%;top:20%}
@media(max-width:1000px){.phones-stage.big.inside-stage{height:auto;aspect-ratio:4/3}}
@media(max-width:760px){.phones-stage.big.inside-stage{aspect-ratio:1/1}.inside-stage .phone{height:64%}.inside-stage .p-center{height:76%}.inside-stage .c-prize{display:none}.inside-stage .c-xp{top:5%}}
.phones-stage.big.inside-stage{max-height:78vh;min-height:340px}

/* ==========================================================
   Design system U.GO (catálogo 127.0.0.1:4173 · tokens-recebidos.css)
   Fundo #f5f5f5 · superfícies brancas · raio 30 · sombra suave
   Rótulos em Share Tech Mono · texto de apoio #626262 · linhas #dedee3
   ========================================================== */
:root{
  --bg:#f5f5f5;--stone:#f5f5f5;--paper:#ffffff;
  --muted:#626262;--line:#dedee3;--soft:#9a9a9f;
  --ds-shadow:0 10px 35px #3348610a,inset 0 1px 0 #fff;
  --ds-shadow-hover:0 18px 45px #33486114,inset 0 1px 0 #fff;
  --radius:30px;
}
body{background:var(--bg)}
a:focus-visible,button:focus-visible{outline:2px solid #3e80c6;outline-offset:4px}

/* rótulos de seção = overline do catálogo */
.label{font-family:var(--font-text);font-size:11px;font-weight:400;letter-spacing:1.8px;color:#777}
.label.light{color:rgba(255,255,255,.62)}
.chapter-num,.tile-n,.aud-list .n,.loop-node span{font-family:var(--font-text)}

/* fundos: #f5f5f5 no lugar do cinza quente */
.hero,.reel,.ph-an,.ph-app,.chapters{background:var(--bg)}
.ph-app{background:radial-gradient(60% 60% at 80% 60%,#fff,var(--bg) 70%)}
.closing{background:radial-gradient(50% 45% at 50% 55%,#fff,transparent 70%)}
.node{background:var(--bg)}
.hero-sub{color:var(--muted)}

/* superfícies brancas do catálogo */
.f:not(.dark):not(.accent),.mode:not(.dark),.flow-step:not(.dark),.plans-empty,.plan:not(.featured),
.pc-app,.pc-an,.tile:not(.dark),.dash,.panel,.vgrid .say,.qgrid article{background:#fff}
.f,.mode,.flow-step,.plans-empty,.plan,.tile,.pc-app,.pc-an{border:1px solid #fff;box-shadow:var(--ds-shadow);border-radius:var(--radius)}
.f.dark,.mode.dark,.flow-step.dark,.plan.featured,.tile.dark{border-color:#0b0b0c}
.f.accent{border-color:var(--orange)}
.f:hover,.tile:hover{box-shadow:var(--ds-shadow-hover)}
.qgrid article{border-radius:var(--radius);padding:28px;border:1px solid #fff;box-shadow:var(--ds-shadow)}
.vgrid .say{box-shadow:var(--ds-shadow)}
.vgrid article:hover .say{background:var(--ink)}
.pcard.pc-app,.pcard.pc-an{border-radius:38px}
.pc-next{background:var(--bg);border-color:var(--line)}
.dash-stage{background:#eeeef0;border:1px solid #dfdfe3}
.dash{border-color:#fff;box-shadow:var(--ds-shadow)}
.phones-stage{background:radial-gradient(70% 70% at 50% 75%,#fff,#eeeef0)}
.mega{background:#fff;border-color:#fff;box-shadow:0 30px 80px -20px rgba(51,72,97,.22),inset 0 1px 0 #fff}
.mega-item{background:var(--bg)}
.mega-item:hover{background:#eeeef0}
.sol-item:hover{background:var(--bg)}

/* botão secundário do catálogo: branco com contorno #ceced3 */
.btn-glass{background:#fff;border:1px solid #ceced3;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.btn-glass::before,.btn-glass::after{display:none}
.btn-accent{background:var(--orange);color:#fff}

/* movimento do catálogo: 160 ms na curva padrão para estados */
.nav-link,.mega-btn,.sol-item,.mega-item,.f,.tile,.aud-list>*,.orch-item,.say{transition-duration:160ms;transition-timing-function:cubic-bezier(.23,1,.32,1)}
.aud-list{border-top-color:var(--ink)}
footer.site-foot{border-top-color:var(--line)}
@media(max-width:760px){.closing-cta{margin-top:0}}

/* ==========================================================
   v7 — reposicionamento: a camada de inteligência entre
   a estratégia e a execução
   ========================================================== */
.hero-sub{max-width:680px}
.hero-sub strong{font-weight:500;color:var(--ink)}
.platform-head .sub{max-width:640px}

/* seção institucional: três camadas empilhadas */
.layer-sec{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px}
.layer-sec .sub{max-width:680px}
.layers{width:100%;max-width:900px;margin:36px auto 0;display:flex;flex-direction:column;gap:22px}
.layer{position:relative;display:grid;grid-template-columns:150px 1fr;align-items:center;gap:4px 24px;text-align:left;padding:26px 32px;border-radius:26px;background:#fff;border:1px solid #fff;box-shadow:var(--ds-shadow);margin:0 6%}
.layer strong{font-size:20px;font-weight:500;letter-spacing:-.02em}
.layer small{grid-column:2;font-size:14px;color:var(--muted)}
.l-tag{grid-row:span 2;font:11px var(--font-text);letter-spacing:1.8px;text-transform:uppercase;color:#777}
.l-mid{margin:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:40px 32px;background:#0a0a0a;color:#fff;border-color:#0a0a0a;box-shadow:0 40px 80px -30px rgba(244,88,24,.35),0 20px 50px -20px rgba(0,0,0,.4);overflow:hidden;isolation:isolate}
.l-mid::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 90% at 50% 120%,rgba(244,88,24,.35),transparent 70%),radial-gradient(40% 60% at 90% -10%,rgba(62,128,198,.3),transparent 70%)}
.l-mid img{height:32px;width:auto}
.l-mid strong{font-size:clamp(26px,3vw,38px);font-weight:400;letter-spacing:-.04em}
.l-mid small{grid-column:auto;color:rgba(255,255,255,.66);max-width:520px;font-size:15px;line-height:1.55}
.l-chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:6px}
.l-chips span{font:12px var(--font-text);letter-spacing:1px;text-transform:uppercase;padding:7px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06)}
.l-top::after,.l-bot::before{content:'';position:absolute;left:50%;width:2px;height:22px;margin-left:-1px;background:linear-gradient(var(--line),var(--orange),var(--line));background-size:100% 200%;animation:vflow 1.8s linear infinite}
.l-top::after{top:100%}.l-bot::before{bottom:100%}
@keyframes vflow{to{background-position:0 -200%}}
.thesis{margin-top:48px;font-size:clamp(30px,4.2vw,62px);letter-spacing:-.05em;line-height:1.05}
.thesis span{color:var(--soft)}

/* ciclo de seis etapas */
.loop6{height:720px}
.loop6 .loop-ring{width:430px;height:430px;margin:-215px 0 0 -215px}
.loop6 .loop-node{width:220px;animation-duration:12s}
.k1{left:calc(50% - 110px);top:calc(50% - 250px - 55px)}
.k2{left:calc(50% + 300px - 110px);top:calc(50% - 125px - 55px);animation-delay:2s}
.k3{left:calc(50% + 300px - 110px);top:calc(50% + 125px - 55px);animation-delay:4s}
.k4{left:calc(50% - 110px);top:calc(50% + 250px - 55px);animation-delay:6s}
.k5{left:calc(50% - 300px - 110px);top:calc(50% + 125px - 55px);animation-delay:8s}
.k6{left:calc(50% - 300px - 110px);top:calc(50% - 125px - 55px);animation-delay:10s}
.loop6 .loop-ring{animation-duration:12s}
.loop6 .loop-node{animation-name:node-glow6}
@keyframes node-glow6{0%,14%{border-color:rgba(244,88,24,.8);background:rgba(244,88,24,.1)}22%,100%{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.04)}}

/* U.GO Personal em segundo nível */
.personal-line{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-size:15px;color:var(--muted);width:fit-content}
.personal-line strong{color:var(--ink);font-weight:500}
.personal-line svg{width:16px;height:16px;transition:transform 160ms cubic-bezier(.23,1,.32,1)}
.personal-line:hover svg{transform:translateX(4px)}
.mega-personal{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-radius:16px;background:var(--bg);font-size:14px;color:var(--ink-2);transition:background 160ms}
.mega-personal strong{font-weight:500;color:var(--ink)}
.mega-personal:hover{background:#eeeef0}
.mega-personal svg{width:16px;height:16px}
.mega-side strong{font-size:22px}

/* arquitetura: hoje e o que ela sustenta */
.future{display:flex;flex-direction:column;gap:22px}
.future .sub{max-width:640px}
.arch{margin-top:24px;border-radius:32px;background:#0a0a0a;color:#fff;padding:32px;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden;isolation:isolate}
.arch::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(50% 80% at 100% 0%,rgba(62,128,198,.22),transparent 70%),radial-gradient(40% 70% at 0% 100%,rgba(244,88,24,.18),transparent 70%)}
.arch-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.arch-tag{width:140px;font:11px var(--font-text);letter-spacing:1.8px;text-transform:uppercase;color:rgba(255,255,255,.5)}
.arch-row.now a{padding:14px 22px;border-radius:999px;background:#fff;color:var(--ink);font-size:15px;transition:transform 160ms cubic-bezier(.23,1,.32,1)}
.arch-row.now a:hover{transform:translateY(-2px)}
.arch-row.next span{padding:14px 22px;border-radius:999px;border:1px dashed rgba(255,255,255,.28);color:rgba(255,255,255,.72);font-size:15px}
.arch-base{margin-top:8px;display:flex;align-items:center;gap:16px;padding:18px 22px;border-radius:20px;background:linear-gradient(90deg,rgba(244,88,24,.22),rgba(62,128,198,.18));border:1px solid rgba(255,255,255,.1);font-size:14px;color:rgba(255,255,255,.8)}
.arch-base img{height:22px;width:auto}

@media(max-width:1000px){
  .loop6{height:auto}
  .loop6 .loop-node{width:100%}
}
@media(max-width:760px){
  .layer{grid-template-columns:1fr;margin:0;padding:22px}
  .l-tag{grid-row:auto}
  .layer small{grid-column:auto}
  .l-mid{padding:30px 20px}
  .thesis{margin-top:32px}
  .arch{padding:22px}
  .arch-tag{width:100%}
  .arch-row.now a,.arch-row.next span{padding:11px 16px;font-size:14px}
  .arch-base{flex-direction:column;align-items:flex-start;gap:10px}
}
.mega-item .verb{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}
.loop-sec h2{color:#fff}.loop-sec .two-tone>span:not(.w){color:rgba(255,255,255,.4)}
.loop-sec .two-tone>span.w,.orchestrator .two-tone>span.w,.ph-ag .two-tone>span.w{color:inherit}
.arch-row.next .arch-tag{padding:0;border:0;font-size:11px;color:rgba(255,255,255,.5)}

/* seletor Para você / Para empresas (vale para os dois lados) */
.side-switch{display:flex;padding:4px;border-radius:999px;background:rgba(10,10,10,.06);font-size:13px;flex-shrink:0}
.side-switch a{padding:7px 13px;border-radius:999px;color:var(--mut,#626262);white-space:nowrap;transition:background .16s,color .16s}
.side-switch a[aria-current]{background:#fff;color:#0a0a0a;box-shadow:0 2px 8px rgba(0,0,0,.08)}

.nav .m-only{display:none}
@media(max-width:1180px){.nav-login{display:none}}
@media(max-width:900px){
  .side-switch{display:none}
  .nav .m-only{display:flex;align-items:center;justify-content:space-between;margin:10px 4px 4px;padding:16px 18px!important;border:0;border-radius:16px;background:var(--orange);color:#fff!important;font-weight:600;box-shadow:0 14px 28px -18px rgba(244,88,24,.78);transition:transform 160ms cubic-bezier(.23,1,.32,1),box-shadow 160ms ease-out}
  .nav .m-only:active{transform:scale(.98);box-shadow:0 9px 20px -16px rgba(244,88,24,.72)}
}
.nav.on-dark .side-switch{background:rgba(255,255,255,.12)}.nav.on-dark .side-switch a{color:rgba(255,255,255,.75)}.nav.on-dark .side-switch a[aria-current]{background:#fff;color:#0a0a0a}

/* ==========================================================
   v9 — preto só em texto (decisão da usuária, 30/09)
   Ação principal: laranja #f45818 com texto branco.
   Cor complementar: azul #3e80c6 em tons suaves (#eaf2fb).
   ========================================================== */
:root{--blue:#3e80c6;--blue-soft:#eaf2fb;--blue-line:#d6e5f5;--pink:#fff0e8}
::selection{background:#ffd9c7;color:#0a0a0a}
.scroll-progress{background:var(--orange)}.scroll-progress::after{display:none}
.btn-dark,.nav-cta{background:var(--orange);color:#fff;box-shadow:0 12px 26px -14px rgba(244,88,24,.55)}
.btn-dark:hover{box-shadow:0 16px 32px -14px rgba(244,88,24,.65)}
.nav.on-dark .nav-cta{background:var(--orange);color:#fff}
.seal{color:var(--muted)}.scroll-cue{color:var(--muted)}
/* menu produtos */
.mega-side{background:var(--blue-soft);color:var(--ink)}
.mega-side small{color:#777}.mega-side span{color:var(--ink)}
.t-an i{background:var(--blue)}.t-an i:nth-child(4){background:var(--orange)}
/* marcadores e linhas */
.ticks li::before{background:var(--blue)}
.chapter-num{color:var(--muted)}.chapter-num::after{background:var(--line)}
.aud-list{border-top-color:var(--line)}
.aud-list>*::before{background:var(--blue-soft)}
.aud-list>*:hover{color:var(--ink)}
.aud-list>*:hover p,.aud-list>*:hover .n{color:var(--muted)}
.vgrid article{border-top:1px solid var(--line)}
.vgrid article:hover .say{background:var(--blue);color:#fff}
.people span{background:var(--blue)}.people span:last-child{background:var(--blue-soft);color:var(--ink)}
.bars i{background:var(--blue)}
.orb.smoke>i,.orb.disc.smoke>i{background:radial-gradient(circle at 30% 22%,#fff 0,rgba(255,255,255,.6) 14%,transparent 38%),linear-gradient(160deg,#cfe0f2,#8fb3da);border-color:rgba(255,255,255,.8);box-shadow:inset 0 -12px 26px rgba(62,128,198,.25),inset 0 8px 18px rgba(255,255,255,.8),0 30px 60px -18px rgba(51,72,97,.3)}
/* cartões da plataforma */
.pc-ag{background:var(--blue-soft);color:var(--ink)}
.pc-ag p{color:var(--muted)}
.pc-an{background:#fff}
/* seção institucional */
.l-mid{background:var(--blue-soft);color:var(--ink);border-color:#fff;box-shadow:var(--ds-shadow)}
.l-mid::before{background:radial-gradient(60% 90% at 50% 120%,rgba(244,88,24,.12),transparent 70%)}
.l-mid small{color:var(--muted)}
.l-chips span{border-color:var(--blue-line);background:#fff;color:var(--ink)}
/* ciclo */
.loop-sec{background:var(--bg);color:var(--ink)}
.loop-sec::before{background:radial-gradient(40% 45% at 50% 60%,rgba(62,128,198,.12),transparent 70%)}
.loop-sec h2,.loop-sec .two-tone>span.w{color:var(--ink)}
.loop-sec .two-tone>span:not(.w){color:var(--soft)}
.loop-ring{border-color:var(--blue-line)}
.loop-core{background:#fff}
.loop-core img{width:92px}
.loop-node{background:#fff;border-color:#fff;box-shadow:var(--ds-shadow)}
.loop-node span{color:#777}.loop-node small{color:var(--muted)}
@keyframes node-glow6{0%,14%{border-color:var(--orange);background:#fff}22%,100%{border-color:#fff;background:#fff}}
@keyframes node-glow{0%,18%{border-color:var(--orange);background:#fff}28%,100%{border-color:#fff;background:#fff}}
/* arquitetura */
.arch{background:var(--blue-soft);color:var(--ink)}
.arch::before{background:none}
.arch-tag,.arch-row.next .arch-tag{color:#777}
.arch-row.now a{box-shadow:var(--ds-shadow)}
.arch-row.next span:not(.arch-tag){border-color:var(--blue-line);color:var(--muted);background:rgba(255,255,255,.5)}
.arch-base{background:#fff;border-color:#fff;color:var(--muted);box-shadow:var(--ds-shadow)}
/* páginas de produto */
.ph-ag{background:radial-gradient(60% 60% at 80% 60%,var(--blue-soft),var(--bg) 70%);color:var(--ink)}
.ph-ag::before{display:none}
.ph-ag .lead{color:var(--muted)}
.ph-ag .p-hero-visual.vid{box-shadow:0 40px 90px -40px rgba(51,72,97,.45)}
.mode.dark,.f.dark,.flow-step.dark,.tile.dark{background:var(--blue-soft);color:var(--ink);border-color:#fff}
.f.dark p,.mode.dark p,.flow-step.dark small{color:var(--muted)}
.f.accent{background:var(--pink);color:var(--ink);border-color:#fff}
.f.accent p{color:var(--muted)}.f.accent svg{color:var(--orange)}
/* conversa no WhatsApp e HUGO: palco claro */
.chat-stage{background:var(--blue-soft);box-shadow:var(--ds-shadow)}
.chat-stage .stage{display:none}
.wa{background:#fff;color:var(--ink);box-shadow:0 30px 60px -30px rgba(51,72,97,.35)}
.wa::before,.wa::after{display:none}
.wa-head{border-bottom-color:var(--line)}
.wa-head small{color:var(--muted)}.wa-head small::before{background:#39a96b}
.msg{background:var(--bg)}
.msg.me{background:var(--blue);color:#fff}
.link-chip{background:#fff;border:1px solid var(--line)}
.battery-row .bat{color:var(--ink)}.msg.me .bat{color:#fff}
.sys{color:var(--muted);border-color:var(--line)}
.typing{background:var(--bg)}.typing i{background:var(--muted)}
.chapter-media.media:not(.vid){background:var(--blue-soft)}
.chapter-media.media:not(.vid) .stage{display:none}
.chapter-media.media:not(.vid) .overlay{background:#fff;color:var(--ink);border-color:#fff;box-shadow:0 30px 60px -30px rgba(51,72,97,.35)}
.chapter-media.media:not(.vid) .overlay::before,.chapter-media.media:not(.vid) .overlay::after{display:none}
.chapter-media.media:not(.vid) .bubble{background:var(--bg)}
.chapter-media.media:not(.vid) .bubble.me{background:var(--blue);color:#fff}
.media-hugo{filter:drop-shadow(0 30px 30px rgba(51,72,97,.25))}