/* TGR — Refino institucional P1. Camada sobre style.css (identidade aprovada preservada). Padrão: curvatura, sombra, volume, cor saturada (mesma intensidade da Central TGR). */
:root{--violet:#a259ff;--magenta:#ff3fd0;--cyan:#3fe4ff;--blue:#4a7dff;--edge:rgba(184,118,255,.85);--glowA:rgba(162,89,255,.55);--glowB:rgba(255,63,208,.5);--glowC:rgba(63,228,255,.45)}
html{overflow-x:clip}body{overflow-x:clip;background:#05030d}
.site-glow{background:radial-gradient(ellipse 55% 40% at 88% 6%,rgba(162,89,255,.42),transparent),radial-gradient(ellipse 50% 50% at -8% 46%,rgba(63,228,255,.2),transparent),radial-gradient(ellipse 60% 40% at 60% 100%,rgba(255,63,208,.2),transparent),#05030d}
/* ---------- 1. HEADER: pílula de vidro flutuante, escudo reforçado, logotipo oficial ---------- */
.header{position:sticky;top:12px;z-index:60;max-width:min(1560px,calc(100% - 28px));height:84px;margin:14px auto 0;padding:0 clamp(16px,2.4vw,34px);border-radius:28px;
  border:1.5px solid var(--edge);background:linear-gradient(180deg,rgba(30,16,62,.86),rgba(10,6,26,.82));backdrop-filter:blur(22px) saturate(1.5);
  box-shadow:0 0 30px var(--glowA),0 24px 40px -18px rgba(0,0,0,.95),0 30px 50px -30px var(--glowB),inset 0 1px rgba(255,255,255,.16),inset 0 -8px 20px rgba(63,228,255,.08)}
.header:after{left:9%;right:9%;bottom:-1px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--violet) 22%,var(--magenta) 55%,var(--cyan) 84%,transparent);opacity:.85;box-shadow:0 0 18px var(--violet)}
.branding{min-width:0;gap:14px;flex:none}
.shield-wrap{position:relative;display:grid;place-items:center;width:72px;height:72px;margin:-4px 0}
.shield-wrap:before{content:"";position:absolute;inset:2px;border-radius:50%;background:radial-gradient(circle,rgba(162,89,255,.55),rgba(63,228,255,.12) 55%,transparent 72%);filter:blur(6px);animation:shieldPulse 5s ease-in-out infinite}
.branding .shield{position:relative;width:58px;height:auto;filter:drop-shadow(0 0 10px rgba(162,89,255,1)) drop-shadow(0 0 24px rgba(63,228,255,.55))}
.branding .wordmark{height:30px;width:auto;display:block;filter:drop-shadow(0 0 10px rgba(162,89,255,.7))}
@keyframes shieldPulse{0%,100%{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}
.navigation{flex:1}
.navigation a{border-radius:14px;color:#d9d0f0;transition:.2s}
.navigation a:hover,.navigation a.current{background:linear-gradient(135deg,rgba(162,89,255,.35),rgba(255,63,208,.18));border:1px solid rgba(200,140,255,.7);box-shadow:0 0 18px rgba(162,89,255,.55),inset 0 -2px var(--magenta);color:#fff}
.sound-btn{border-radius:14px;border-color:rgba(176,110,255,.7);background:rgba(20,12,44,.85);box-shadow:0 0 14px rgba(162,89,255,.3)}
.button{border-radius:16px}
.button-primary{background:linear-gradient(125deg,#b13cff,#7a3cff 50%,#2f6bff);border-color:#d49cff;box-shadow:inset 0 1px rgba(255,255,255,.55),inset 0 -2px #5129a3,0 0 26px rgba(176,60,255,.65),0 18px 34px -12px rgba(255,63,208,.7)}
.button-primary:hover{box-shadow:inset 0 1px rgba(255,255,255,.6),0 0 38px rgba(176,60,255,.95),0 22px 40px -10px rgba(255,63,208,.9)}
.button-glass{border-color:rgba(190,130,255,.85);box-shadow:inset 0 1px rgba(255,255,255,.2),inset 0 -2px rgba(63,228,255,.5),0 0 18px rgba(162,89,255,.35),0 18px 30px -16px var(--glowB)}
/* ---------- 2. HERO: peça contínua, sem caixa nem corte reto ---------- */
.hero{max-width:none;width:100%;margin:-98px 0 0;padding-top:98px;min-height:850px;background:none;overflow:clip;isolation:isolate}
.hero:before{inset:0;background:radial-gradient(ellipse 52% 55% at 82% 38%,rgba(162,89,255,.5),transparent 70%),radial-gradient(ellipse 38% 45% at 14% 62%,rgba(63,228,255,.16),transparent 70%),radial-gradient(ellipse 46% 36% at 55% 108%,rgba(255,63,208,.32),transparent 70%)}
.hero-smoke{opacity:.5;mix-blend-mode:screen;filter:saturate(1.5) hue-rotate(6deg);-webkit-mask-image:radial-gradient(ellipse 78% 82% at 58% 46%,#000 38%,transparent 82%);mask-image:radial-gradient(ellipse 78% 82% at 58% 46%,#000 38%,transparent 82%)}
.hero-vignette{background:linear-gradient(90deg,rgba(5,3,13,.88) 4%,rgba(8,5,22,.5) 36%,transparent 72%),linear-gradient(0deg,#05030d 0,transparent 30%),linear-gradient(180deg,#05030d 0,transparent 16%)}
.hero-frame{inset:auto;left:50%;right:auto;transform:translateX(-50%);width:min(1780px,calc(100% - clamp(28px,6vw,112px)));top:112px;bottom:64px;border-radius:48px;border:1.5px solid rgba(184,118,255,.6);
  box-shadow:0 0 70px rgba(162,89,255,.3),0 50px 90px -50px var(--glowB),inset 0 0 100px rgba(162,89,255,.14),inset 0 1px rgba(255,255,255,.1)}
.hero-frame:after{left:14%;right:14%;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,var(--violet) 20%,var(--magenta) 55%,var(--cyan) 88%,transparent);box-shadow:0 0 26px var(--violet),0 0 44px var(--magenta)}
.hero-inner{padding-top:60px;padding-bottom:110px;min-height:760px}
.hero h1 span{background:linear-gradient(120deg,#c9a4ff 0,#b56cff 40%,#ff3fd0 100%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 22px rgba(162,89,255,.75))}
.hero h1 em{background:linear-gradient(90deg,#fff,#d9b8ff 55%,#3fe4ff);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 16px rgba(63,228,255,.35))}
.world-picture{border-radius:28px;border:1.5px solid rgba(200,140,255,.9);box-shadow:0 0 0 1px rgba(181,58,255,.3),0 0 100px rgba(162,89,255,.6),0 60px 70px -46px var(--magenta),inset 0 0 28px rgba(162,89,255,.3)}
.world-picture:after,.world-picture img{border-radius:20px}
.float-tag{border-radius:18px;border-color:rgba(200,140,255,.9);box-shadow:0 18px 40px rgba(0,0,0,.7),0 0 30px rgba(162,89,255,.6),inset 0 1px rgba(255,255,255,.4)}
.float-tag-one{left:-12px}.float-tag-two{right:-8px}
.scroll-prompt{bottom:92px}
/* ---------- 4. FAIXA INFERIOR: pílula flutuante com volume, curvatura, sombra e loop contínuo ---------- */
.marquee{position:relative;z-index:6;width:min(1480px,calc(100% - 28px));margin:-56px auto 34px;padding:0;border:0;background:none;box-shadow:none;overflow:visible}
.marquee-shadow{position:absolute;left:5%;right:5%;bottom:-30px;height:52px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(162,89,255,.95),rgba(255,63,208,.5) 46%,transparent 74%);filter:blur(20px);animation:mqShadow 5.5s ease-in-out infinite}
.marquee-body{position:relative;height:80px;border-radius:999px;transform:perspective(1400px) rotateX(6deg);transform-origin:50% 100%;
  background:linear-gradient(180deg,rgba(74,38,150,.95),rgba(30,15,70,.97) 52%,rgba(15,8,38,.99));border:1.5px solid rgba(204,150,255,.95);
  box-shadow:0 0 38px rgba(162,89,255,.7),0 28px 42px -16px rgba(0,0,0,.95),0 20px 38px -10px rgba(255,63,208,.6),inset 0 2px rgba(255,255,255,.32),inset 0 -12px 24px rgba(63,228,255,.22),inset 0 0 44px rgba(162,89,255,.3)}
.marquee-rim{position:absolute;left:22px;right:22px;top:3px;height:42%;border-radius:999px 999px 70% 70%/100% 100% 60% 60%;background:linear-gradient(180deg,rgba(255,255,255,.26),rgba(255,255,255,.04) 70%,transparent);pointer-events:none}
.marquee-window{position:absolute;inset:0;overflow:hidden;border-radius:inherit;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%)}
.marquee-track{display:flex;width:max-content;min-width:0;height:100%;align-items:center;padding:0;animation:mqLoop 36s linear infinite;will-change:transform;white-space:normal}
.marquee-set{display:flex;align-items:center;flex:none;font-size:13px;letter-spacing:.26em;font-weight:850;color:#f4ecff;white-space:nowrap;text-shadow:0 0 14px rgba(162,89,255,.9),0 0 28px rgba(162,89,255,.5)}
.marquee-set b{color:var(--cyan);margin:0 44px;font-size:15px;text-shadow:0 0 14px var(--cyan)}
.marquee-sheen{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(100deg,transparent 38%,rgba(255,255,255,.18) 49%,transparent 60%);background-size:260% 100%;animation:mqSheen 7.5s linear infinite;mix-blend-mode:screen}
@keyframes mqLoop{to{transform:translateX(-50%)}}
@keyframes mqSheen{from{background-position:130% 0}to{background-position:-130% 0}}
@keyframes mqShadow{0%,100%{opacity:.75;transform:scaleX(.94)}50%{opacity:1;transform:scaleX(1.02)}}
/* ---------- 8. CURVATURA / SOMBRA / VOLUME EM TODA A PÁGINA ---------- */
.section{max-width:1640px}
.service-card{border-radius:32px;border-color:rgba(184,118,255,.9);box-shadow:inset 0 1px rgba(255,255,255,.3),inset 0 -3px #9b3cff,0 0 34px rgba(162,89,255,.45),0 34px 50px -30px var(--magenta)}
.service-cyan{border-color:rgba(63,228,255,.95);box-shadow:inset 0 1px rgba(255,255,255,.3),inset 0 -3px #1fd0ff,0 0 34px rgba(63,228,255,.45),0 34px 50px -30px var(--cyan)}
.service-blue{border-color:rgba(100,140,255,.95);box-shadow:inset 0 1px rgba(255,255,255,.3),inset 0 -3px #4a7dff,0 0 34px rgba(74,125,255,.45),0 34px 50px -30px var(--blue)}
.service-fuchsia{border-color:rgba(255,100,225,.95);box-shadow:inset 0 1px rgba(255,255,255,.3),inset 0 -3px #ff3fd0,0 0 34px rgba(255,63,208,.45),0 34px 50px -30px var(--magenta)}
.service-card:hover{transform:translateY(-6px);box-shadow:inset 0 1px rgba(255,255,255,.4),inset 0 -3px #ff3fd0,0 0 48px rgba(255,63,208,.65),0 40px 56px -28px var(--magenta)}
.service-icon{text-shadow:0 0 28px var(--violet),0 0 52px var(--violet)}
.section h2 span{background:linear-gradient(100deg,#b56cff,#ff3fd0 55%,#3fe4ff);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 16px rgba(162,89,255,.4))}
.manifesto{max-width:min(1560px,calc(100% - 28px));margin:48px auto;border-radius:44px;border:1.5px solid var(--edge);background:linear-gradient(120deg,rgba(14,10,36,.95),rgba(34,16,70,.95) 55%,rgba(16,9,40,.95));box-shadow:0 0 60px rgba(162,89,255,.35),0 50px 80px -40px var(--glowB),inset 0 1px rgba(255,255,255,.14),inset 0 0 80px rgba(162,89,255,.12)}
.manifesto-badges span{border-radius:14px;border-color:rgba(190,130,255,.85);background:rgba(50,22,100,.55);box-shadow:0 0 14px rgba(162,89,255,.3)}
.project-card{border-radius:32px;border:1.5px solid var(--edge);background:linear-gradient(150deg,#1c1238,#0b1226);box-shadow:inset 0 -3px rgba(171,69,255,.75),0 0 30px rgba(162,89,255,.4),0 36px 50px -34px var(--magenta);transition:transform .25s,opacity .3s,box-shadow .25s}
.project-card:hover{box-shadow:inset 0 -3px #ff3fd0,0 0 44px rgba(255,63,208,.55),0 42px 56px -30px var(--magenta)}
.project-card[hidden]{display:none!important}
.project-art{height:280px}.art-device{border-radius:22px;border-color:rgba(220,185,255,.9)}
.project-copy span{color:var(--cyan)}
.affiliate-glass{border-radius:44px;border:1.5px solid var(--edge);box-shadow:0 0 56px rgba(162,89,255,.4),0 46px 70px -40px var(--glowB),inset 0 1px rgba(255,255,255,.14)}
.affiliate{overflow:clip}.affiliate-mark{right:4%;top:-30%}
.contact h2 span{filter:drop-shadow(0 0 20px rgba(255,63,208,.4))}
/* ---------- 6. PORTFÓLIO: proposta + filtros ---------- */
.proposal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:26px}
.proposal-item{position:relative;padding:22px 24px;border-radius:26px;border:1.5px solid rgba(63,228,255,.7);background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(14,10,34,.9) 30%,rgba(6,4,16,.98));
  box-shadow:0 0 26px rgba(63,228,255,.28),0 22px 36px -24px var(--glowA),inset 0 1px rgba(255,255,255,.14)}
.proposal-item b{font-size:12px;letter-spacing:.2em;color:var(--cyan);text-shadow:0 0 12px var(--cyan)}
.proposal-item h4{margin:8px 0 6px;font-size:20px;letter-spacing:-.02em}.proposal-item p{margin:0;color:#c7bde0;font-size:13.5px}
.filters{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:0 0 24px}
.filters button{border:1.5px solid rgba(184,118,255,.7);background:rgba(20,12,44,.8);color:#d9d0f0;border-radius:999px;padding:9px 18px;font-weight:700;font-size:12px;transition:.2s}
.filters button:hover{border-color:var(--cyan);box-shadow:0 0 18px rgba(63,228,255,.5)}
.filters button.on{color:#fff;border-color:transparent;background:linear-gradient(120deg,#9b3cff,#ff3fd0);box-shadow:0 0 22px rgba(255,63,208,.6)}
/* ---------- 7. CARD ESTILO INSTAGRAM ---------- */
.social{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,72px);align-items:center}
.social-text p{color:#cbc1e3;max-width:520px;font-size:15px}
.social-points{list-style:none;padding:0;margin:18px 0 26px;display:grid;gap:10px}
.social-points li{position:relative;padding-left:30px;color:#e6defa;font-size:14px}
.social-points li:before{content:"✦";position:absolute;left:0;top:0;color:var(--cyan);text-shadow:0 0 12px var(--cyan)}
.ig-stage{position:relative;min-height:600px;display:grid;place-items:center}
.ig-orbit{position:absolute;width:min(92%,520px);aspect-ratio:1;border-radius:50%;border:1.5px solid rgba(162,89,255,.55);box-shadow:0 0 70px rgba(162,89,255,.4),inset 0 0 60px rgba(255,63,208,.2);transform:rotate(-16deg) scaleY(.82)}
.ig-orbit:after{content:"";position:absolute;inset:11%;border-radius:50%;border:1.5px solid rgba(63,228,255,.5)}
.ig-card{position:relative;z-index:2;width:min(100%,360px);border-radius:30px;padding:14px 14px 18px;border:1.5px solid rgba(204,150,255,.95);
  background:linear-gradient(165deg,rgba(255,255,255,.08),rgba(20,12,46,.95) 24%,rgba(7,5,18,.99));box-shadow:0 0 50px rgba(162,89,255,.6),0 44px 60px -30px var(--magenta),0 24px 40px rgba(0,0,0,.7),inset 0 1px rgba(255,255,255,.2)}
.ig-head{display:flex;align-items:center;gap:11px;padding:4px 6px 12px}
.ig-avatar{width:42px;height:42px;border-radius:50%;padding:2px;background:conic-gradient(from 210deg,#ff3fd0,#a259ff,#3fe4ff,#ff3fd0);display:grid;place-items:center;flex:none}
.ig-avatar img{width:100%;height:100%;object-fit:contain;background:#0b0618;border-radius:50%;padding:5px}
.ig-user{display:flex;flex-direction:column;line-height:1.25}.ig-user b{font-size:14px}.ig-user small{font-size:10.5px;color:#a79fc4}
.ig-dots{margin-left:auto;color:#b9aedb;letter-spacing:2px}
.ig-media{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:1;background:radial-gradient(ellipse at 75% 10%,rgba(255,63,208,.6),transparent 60%),radial-gradient(ellipse at 10% 95%,rgba(63,228,255,.5),transparent 60%),linear-gradient(150deg,#2a1066,#0a0f30)}
.ig-art{position:absolute;inset:0;padding:26px;display:flex;flex-direction:column;justify-content:center}
.ig-art small{letter-spacing:.3em;font-size:10px;font-weight:800;color:#e3cfff}
.ig-art b{display:block;margin-top:18px;font-size:clamp(26px,3.2vw,38px);line-height:1.08;letter-spacing:-.04em;text-shadow:0 6px 24px rgba(0,0,0,.6)}
.ig-art i{display:block;height:5px;width:58%;margin-top:22px;border-radius:5px;background:linear-gradient(90deg,#ff3fd0,#3fe4ff);box-shadow:0 0 22px #ff3fd0}
.ig-count{position:absolute;right:12px;top:12px;font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;background:rgba(10,6,26,.75);border:1px solid rgba(190,130,255,.6)}
.ig-actions{display:flex;gap:14px;align-items:center;padding:14px 8px 8px}
.ig-actions svg{width:26px;height:26px;fill:none;stroke:#f3ecff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(162,89,255,.8))}
.ig-actions svg:first-child{stroke:#ff3fd0;fill:rgba(255,63,208,.25)}.ig-save{margin-left:auto}
.ig-caption{margin:0;padding:0 8px;font-size:12.5px;line-height:1.55;color:#d6cdee}.ig-caption b{color:#fff}.ig-caption em{font-style:normal;color:var(--cyan)}
.ig-story,.ig-reel{position:absolute;z-index:3;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px;border-radius:24px;border:1.5px solid rgba(204,150,255,.9);background:linear-gradient(160deg,rgba(40,20,88,.95),rgba(10,6,26,.98));box-shadow:0 0 32px rgba(162,89,255,.6),0 26px 40px -18px #000}
.ig-story{left:0;bottom:12%}.ig-reel{right:0;top:10%;width:92px;height:150px;justify-content:center;border-color:rgba(63,228,255,.9);box-shadow:0 0 32px rgba(63,228,255,.5),0 26px 40px -18px #000}
.ig-ring{width:62px;height:62px;border-radius:50%;padding:3px;background:conic-gradient(from 160deg,#ff3fd0,#a259ff,#3fe4ff,#ff3fd0);display:grid;place-items:center}.ig-ring img{width:100%;height:100%;object-fit:contain;background:#0b0618;border-radius:50%;padding:8px}
.ig-story small,.ig-reel small{font-size:10px;letter-spacing:.14em;color:#e3d8ff;font-weight:700;text-transform:uppercase}.ig-reel span{font-size:38px;color:var(--cyan);text-shadow:0 0 22px var(--cyan)}
.ig-note{position:absolute;bottom:-4px;left:0;right:0;text-align:center;font-size:11px;color:#9d92b8;margin:0}
/* ---------- 5. FOOTER: centralizado, organizado, com escudo sob o logotipo ---------- */
.footer{display:block;position:relative;overflow:hidden;max-width:min(1640px,100%);margin:70px auto 0;padding:64px clamp(20px,5vw,90px) 28px;border:1.5px solid var(--edge);border-bottom:0;border-radius:56px 56px 0 0;
  background:linear-gradient(180deg,rgba(40,20,84,.9),#080514 62%);box-shadow:0 -36px 90px -34px var(--glowA),0 -2px 40px rgba(255,63,208,.25),inset 0 2px rgba(255,255,255,.12);font-size:13px;color:#b6aad0;text-align:center}
.footer-glow{position:absolute;left:50%;top:-30%;width:70%;height:80%;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(162,89,255,.4),transparent 70%);filter:blur(30px);pointer-events:none}
.footer-top{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px}
.footer-brand{display:flex;flex-direction:column;align-items:center;gap:6px}
.footer-brand .fb-word{width:min(360px,72vw);height:auto;filter:drop-shadow(0 0 16px rgba(162,89,255,.8))}
.fb-shield{display:grid;place-items:center;width:84px;height:84px;position:relative}
.fb-shield:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(162,89,255,.6),transparent 70%);filter:blur(10px)}
.fb-shield img{position:relative;width:64px;height:auto;filter:drop-shadow(0 0 12px rgba(162,89,255,1)) drop-shadow(0 0 26px rgba(63,228,255,.5))}
.footer-tag{max-width:520px;margin:0;color:#cbc1e3;font-size:14px}
.footer-cols{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,220px));justify-content:center;gap:clamp(24px,6vw,90px);margin:38px auto 0;padding:34px 0;border-top:1px solid rgba(176,110,255,.3);border-bottom:1px solid rgba(176,110,255,.3);text-align:center}
.footer-cols h5{margin:0 0 12px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--cyan);text-shadow:0 0 12px rgba(63,228,255,.6)}
.footer-cols a{display:block;padding:5px 0;color:#d6cdee;font-size:13px;transition:.2s}.footer-cols a:hover{color:#fff;text-shadow:0 0 14px var(--violet)}
.footer-bottom{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;margin-top:22px;font-size:11px;color:#9a8fb7}.footer-bottom a{color:#c9a5ff}
.footer a:last-child{color:inherit}.footer-bottom a:last-child{color:#c9a5ff}
/* ---------- RESPONSIVO ---------- */
@media(min-width:1800px){.header{max-width:1640px}.hero-inner{max-width:1700px}.marquee{width:min(1560px,calc(100% - 28px))}}
@media(min-width:2300px){.hero{min-height:960px}.hero-inner{max-width:1900px}.hero h1{font-size:96px}.header{max-width:1780px}.section{max-width:1800px}.manifesto{max-width:1780px}.hero-frame{width:min(2000px,calc(100% - 160px))}.footer{max-width:1780px}}
@media(max-width:1100px){.navigation{top:calc(100% + 10px)!important;left:0!important;right:0!important;border-radius:22px!important;box-shadow:0 0 40px rgba(162,89,255,.5),0 30px 50px -20px #000!important}
  .hero-inner{padding-bottom:120px}.social{grid-template-columns:1fr}.ig-stage{min-height:560px}.proposal{grid-template-columns:1fr}}
@media(max-width:900px){.footer-cols{grid-template-columns:1fr;gap:20px}}
@media(max-width:780px){.header{height:68px;top:8px;margin-top:10px;max-width:calc(100% - 20px);border-radius:22px}.shield-wrap{width:56px;height:56px}.branding .shield{width:44px}.branding .wordmark{height:22px}
  .hero{margin-top:-78px;padding-top:78px}.hero-frame{border-radius:32px;top:90px;bottom:70px}.hero-inner{padding:48px 20px 110px}.scroll-prompt{bottom:84px}
  .marquee{margin-top:-46px}.marquee-body{height:64px}.marquee-set{font-size:11px}.marquee-set b{margin:0 28px}
  .service-card,.project-card,.affiliate-glass{border-radius:26px}.manifesto{border-radius:32px;margin:30px auto}.footer{border-radius:36px 36px 0 0;padding-top:48px}
  .ig-stage{min-height:520px}.ig-story{left:-4px;bottom:6%;padding:10px}.ig-reel{right:-4px;width:76px;height:124px}.ig-ring{width:50px;height:50px}.float-tag-one{left:0}.float-tag-two{right:0}}
@media(max-width:420px){.sound-btn #motionLabel{display:none}.header-actions{gap:8px}.hero h1{font-size:clamp(40px,12vw,52px)}.ig-story,.ig-reel{display:none}}
@media(prefers-reduced-motion:reduce){.marquee-track,.marquee-sheen,.marquee-shadow,.shield-wrap:before{animation:none!important}.marquee-body{transform:none}}
.motion-paused .marquee-track,.motion-paused .marquee-sheen,.motion-paused .marquee-shadow,.motion-paused .shield-wrap:before{animation-play-state:paused!important}

/* fim do hero sem faixa dura: a aura dissolve para o fundo da página */
.hero:before{-webkit-mask-image:linear-gradient(180deg,#000 0,#000 62%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 62%,transparent 100%)}
.hero-smoke{-webkit-mask-image:radial-gradient(ellipse 78% 70% at 58% 40%,#000 38%,transparent 82%);mask-image:radial-gradient(ellipse 78% 70% at 58% 40%,#000 38%,transparent 82%)}
/* vinheta do hero dissolve nas bordas (sem corte horizontal na emenda com a faixa/seção seguinte) */
.hero-vignette{background:linear-gradient(90deg,rgba(5,3,13,.88) 4%,rgba(8,5,22,.5) 36%,transparent 72%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 62%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 62%,transparent 100%)}
/* ===== HEADER INFINITO: barra de vidro de ponta a ponta, sem borda lateral e sem cantos; conteúdo centralizado ===== */
.header{position:sticky;top:0;width:100%;max-width:none;margin:0;height:84px;border-radius:0;border:0;border-bottom:1px solid rgba(184,118,255,.55);
  padding-inline:max(clamp(16px,2.6vw,40px),calc((100% - 1620px)/2));
  background:linear-gradient(180deg,rgba(28,15,60,.88),rgba(8,5,22,.8));backdrop-filter:blur(22px) saturate(1.5);
  box-shadow:0 18px 40px -16px rgba(0,0,0,.9),0 22px 50px -28px rgba(162,89,255,.75),inset 0 1px rgba(255,255,255,.1)}
.header:after{left:0;right:0;bottom:-1px;height:2px;border-radius:0;background:linear-gradient(90deg,transparent 0,var(--violet) 18%,var(--magenta) 50%,var(--cyan) 82%,transparent 100%);opacity:.9;box-shadow:0 0 22px var(--violet),0 0 40px rgba(255,63,208,.5)}
.hero{margin-top:-84px;padding-top:84px}
.hero-frame{top:104px}
@media(min-width:2300px){.header{padding-inline:max(40px,calc((100% - 1780px)/2))}}
@media(max-width:780px){.header{height:68px;top:0;margin:0;max-width:none;border-radius:0}.hero{margin-top:-68px;padding-top:68px}.hero-frame{top:86px}}
/* rodapé como na Central de Artefatos: logotipo centralizado; abaixo, escudo (no lugar do ©) + identidade e WhatsApp numa linha */
.footer-id{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:6px 0 0;font-size:clamp(13px,1.5vw,17px);color:#e3d8ff;text-align:center}
.footer-id .fid-shield{width:30px;height:auto;flex:none;filter:drop-shadow(0 0 10px rgba(162,89,255,1)) drop-shadow(0 0 20px rgba(63,228,255,.5))}
.footer-id a{color:#8ff0ff;text-shadow:0 0 14px rgba(63,228,255,.5)}.footer-id a:hover{color:#fff}
.footer-brand .fb-word{width:min(420px,76vw)}
.footer-top{gap:8px}

/* ===== HEADER FIXO ROBUSTO (independe de sticky e de overflow dos ancestrais; funciona em qualquer navegador) ===== */
.header{position:fixed;top:0;left:0;right:0;width:auto;z-index:70}
.hero{margin-top:0;padding-top:84px}
@media(max-width:780px){.hero{margin-top:0;padding-top:68px}}

/* ===== FUNDO DO HERO IGUAL AO SITE ANTERIOR: fumaça viva em bumerangue (vídeo de 20 s, ida e volta, sem emenda) ===== */
.hero-smoke{opacity:.9;mix-blend-mode:normal;filter:saturate(1.6) contrast(1.15) brightness(1.1);-webkit-mask-image:linear-gradient(180deg,#000 0,#000 72%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 72%,transparent 100%)}
.hero-vignette{background:linear-gradient(90deg,rgba(5,3,13,.5) 0%,rgba(8,5,22,.22) 40%,transparent 72%)}
.hero:before{opacity:.55}

/* ===== HEADER FIXO REFORÇADO: camada própria (Safari/iOS), sem depender de sticky, de overflow dos ancestrais nem de cache antigo ===== */
.header{position:fixed!important;top:0!important;left:0;right:0;width:auto;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}