:root {
  --bg: #08080a;
  --bg-soft: #0f0f13;
  --panel: #141419;
  --text: #f8f7fb;
  --muted: #aaa8b2;
  --purple: #8b00ff;
  --magenta: #d000ff;
  --violet: #6b18ff;
  --green: #25f0ac;
  --green-2: #09d997;
  --border: rgba(255,255,255,.1);
  --container: 1180px;
  --ease-out: cubic-bezier(.16,1,.3,1);
  --ease-spring: cubic-bezier(.34,1.56,.64,1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: clip; }
body { margin: 0; background: var(--bg); color: var(--text); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; overflow-x: hidden; }
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button, input, textarea { font: inherit; }
button { color: inherit; }
::selection { background: var(--magenta); color: white; }

.page-noise { position: fixed; inset: 0; pointer-events: none; opacity: .11; z-index: 30; mix-blend-mode: soft-light; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E"); }
.cursor-glow { position: fixed; left: 0; top: 0; width: 520px; height: 520px; border-radius: 50%; background: radial-gradient(circle, rgba(137,0,255,.11), transparent 67%); transform: translate3d(-50%,-50%,0); pointer-events: none; z-index: 0; opacity: 0; transition: opacity .4s; }
body.pointer-active .cursor-glow { opacity: 1; }
.container { width: min(var(--container), calc(100% - 48px)); margin: 0 auto; position: relative; z-index: 2; }
.narrow { max-width: 880px; }
.section-dark { position: relative; background-color: var(--bg); background-image: radial-gradient(circle at 10% 20%, rgba(104,0,160,.08), transparent 26%), radial-gradient(circle at 88% 70%, rgba(189,0,255,.055), transparent 27%), repeating-linear-gradient(120deg, transparent 0 6px, rgba(255,255,255,.008) 7px 8px); }

/* Header e logo */
.site-header { position: fixed; top: 0; left: 0; right: 0; z-index: 50; border-bottom: 1px solid transparent; transition: background .4s, border-color .4s, backdrop-filter .4s, box-shadow .4s; }
.site-header.scrolled { background: rgba(8,8,10,.76); border-color: rgba(255,255,255,.075); backdrop-filter: blur(22px) saturate(130%); box-shadow: 0 18px 45px rgba(0,0,0,.18); }
.nav-wrap { height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { display: inline-flex; align-items: center; flex: none; }
.brand img { width: 188px; height: auto; }
.desktop-nav { display: flex; align-items: center; gap: 31px; color: #c9c7ce; font-size: .9rem; }
.desktop-nav a { position: relative; padding: 9px 0; transition: color .3s; }
.desktop-nav a::before { content:""; position:absolute; left:50%; right:50%; bottom:2px; height:1px; background:linear-gradient(90deg,var(--purple),#ef67ff); box-shadow:0 0 12px rgba(208,0,255,.65); transition:left .4s var(--ease-out),right .4s var(--ease-out); }
.desktop-nav a:hover { color:white; }
.desktop-nav a:hover::before { left:0; right:0; }
.menu-button, .mobile-menu { display: none; }

/* Botões com luz dinâmica e movimento magnético */
.button { --mag-x:0px; --mag-y:0px; --button-lift:0px; --pointer-x:50%; --pointer-y:50%; display: inline-flex; align-items: center; justify-content: center; gap: 11px; min-height: 50px; padding: 0 24px; border-radius: 12px; border: 1px solid transparent; font-size: .88rem; font-weight: 850; text-transform: uppercase; letter-spacing: .025em; cursor: pointer; position: relative; overflow: hidden; isolation: isolate; transform: translate3d(var(--mag-x), calc(var(--mag-y) + var(--button-lift)), 0); transition: transform .35s var(--ease-spring), box-shadow .35s var(--ease-out), border-color .35s, filter .35s; will-change: transform; }
.button > * { position: relative; z-index: 3; }
.button::before { content:""; position:absolute; inset:-2px; z-index:0; background:radial-gradient(150px circle at var(--pointer-x) var(--pointer-y),rgba(255,255,255,.34),transparent 58%); opacity:.2; transition:opacity .35s; }
.button::after { content:""; position:absolute; inset:1px; z-index:1; border-radius:10px; background:linear-gradient(105deg,transparent 15%,rgba(255,255,255,.28) 43%,transparent 66%); transform:translateX(-135%) skewX(-18deg); transition:transform .8s var(--ease-out); mix-blend-mode:screen; }
.button:hover { --button-lift:-4px; filter:saturate(1.12); }
.button:hover::before { opacity:.7; }
.button:hover::after { transform:translateX(135%) skewX(-18deg); }
.button:active { --button-lift:-1px; transition-duration:.12s; }
.button svg { width: 20px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; transition:transform .4s var(--ease-spring); }
.button:hover svg { transform:translateX(5px); }
.button-small { min-height: 43px; padding: 0 18px; font-size: .75rem; }
.button-lg { min-height: 59px; padding: 0 30px; }
.button-primary { color:white; background:linear-gradient(100deg,#6f00d4,#b900ef 58%,#d839ff); box-shadow:0 14px 45px rgba(155,0,235,.28),inset 0 1px rgba(255,255,255,.28),inset 0 -1px rgba(0,0,0,.22); }
.button-primary:hover { box-shadow:0 22px 60px rgba(169,0,255,.42),0 0 0 1px rgba(230,123,255,.24),inset 0 1px rgba(255,255,255,.32); }
.button-outline { border-color:rgba(255,255,255,.17); background:rgba(255,255,255,.035); box-shadow:inset 0 1px rgba(255,255,255,.06); }
.button-outline:hover { border-color:rgba(206,59,255,.65); box-shadow:0 16px 42px rgba(116,0,171,.2),inset 0 0 24px rgba(137,0,255,.09); }
.button-neon { color:#04130e; background:linear-gradient(100deg,#31ffc0,#12d998); box-shadow:0 0 19px rgba(37,240,172,.32),0 15px 44px rgba(0,210,140,.18),inset 0 1px rgba(255,255,255,.5); }
.button-neon:hover { box-shadow:0 0 36px rgba(37,240,172,.52),0 24px 58px rgba(0,210,140,.24),0 0 0 1px rgba(120,255,211,.34); }
.button-dark { background:#101014; color:#fff; box-shadow:0 14px 35px rgba(0,0,0,.18); }
.button-dark:hover { box-shadow:0 20px 46px rgba(0,0,0,.28),0 0 0 1px rgba(139,0,255,.2); }
.button-light { background:white; color:#101014; box-shadow:0 12px 30px rgba(0,0,0,.16); }
.button-light:hover { box-shadow:0 18px 42px rgba(0,0,0,.24); }

/* Hero */
.hero { min-height: 770px; padding: 132px 0 80px; overflow: hidden; }
.hero::before { content:""; position:absolute; inset:0; background:radial-gradient(ellipse at 82% 46%,rgba(105,17,146,.27),transparent 35%),linear-gradient(90deg,rgba(8,8,10,1) 0%,rgba(8,8,10,.96) 45%,rgba(8,8,10,.28) 78%,rgba(8,8,10,.72) 100%); z-index:1; }
.hero-grid { display:grid; grid-template-columns:1.03fr .97fr; align-items:center; min-height:560px; }
.hero-copy { z-index:5; padding-top:10px; }
.eyebrow { display:inline-flex; align-items:center; gap:10px; color:#d6d3dc; font-size:.75rem; font-weight:780; letter-spacing:.055em; text-transform:uppercase; margin-bottom:22px; padding:9px 13px; border:1px solid rgba(255,255,255,.1); border-radius:999px; background:rgba(255,255,255,.035); box-shadow:inset 0 1px rgba(255,255,255,.05); }
.pulse-dot { width:8px; height:8px; border-radius:50%; background:var(--green); box-shadow:0 0 0 0 rgba(37,240,172,.5); animation:pulse 2s infinite; }
@keyframes pulse { 70%{box-shadow:0 0 0 9px rgba(37,240,172,0)} 100%{box-shadow:0 0 0 0 rgba(37,240,172,0)} }
h1 { margin:0; font-size:clamp(2.85rem,4.8vw,3.20rem); line-height:.99; letter-spacing:-.058em; max-width:710px; }
.gradient-text { background:linear-gradient(90deg,#8e20ff,#d600ff 70%,#ef69ff); -webkit-background-clip:text; background-clip:text; color:transparent; filter:drop-shadow(0 0 20px rgba(190,0,255,.18)); }
.hero-subtitle { max-width:640px; margin:22px 0 20px; color:#c5c2cb; font-size:clamp(1rem,1.45vw,1.16rem); line-height:1.62; }
.hero-offer { display:flex; align-items:baseline; flex-wrap:wrap; gap:7px 12px; width:max-content; max-width:100%; margin:0 0 25px; padding:13px 17px; border:1px solid rgba(255,255,255,.1); border-radius:16px; background:linear-gradient(110deg,rgba(255,255,255,.055),rgba(110,0,170,.12)); box-shadow:inset 0 1px rgba(255,255,255,.05); }
.hero-offer-label { color:#9f9ba5; font-size:.76rem; }
.hero-offer-label s { color:#c9c6ce; }
.hero-offer strong { font-size:2.45rem; line-height:1; letter-spacing:-.06em; }
.hero-offer strong small { font-size:.85rem; letter-spacing:0; }
.hero-offer-note { flex-basis:100%; color:#9f9ba5; font-size:.69rem; }
.hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:23px; }
.text-link { color:#d3d0d8; font-weight:720; font-size:.89rem; position:relative; transition:color .3s; }
.text-link::after { content:""; position:absolute; left:0; bottom:-5px; width:0; height:1px; background:linear-gradient(90deg,var(--purple),var(--magenta)); transition:width .4s var(--ease-out); }
.text-link span { display:inline-block; margin-left:5px; transition:transform .4s var(--ease-spring); }
.text-link:hover { color:white; }
.text-link:hover::after { width:calc(100% - 18px); }
.text-link:hover span { transform:translateY(5px); }
.trust-row { display:flex; flex-wrap:wrap; gap:20px; margin-top:28px; color:#bbb8c2; font-size:.81rem; }
.check { display:inline-grid; place-items:center; width:18px; height:18px; margin-right:5px; border-radius:50%; color:#07150f; background:var(--green); font-size:.7rem; font-weight:900; box-shadow:0 0 14px rgba(37,240,172,.25); }
.hero-visual { position:relative; height:600px; z-index:4; }
.grid-lines { position:absolute; inset:15% -20% 5% 2%; background-image:linear-gradient(rgba(201,72,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(201,72,255,.09) 1px,transparent 1px); background-size:55px 55px; mask-image:linear-gradient(to left,black,transparent 85%); transform:perspective(650px) rotateY(-8deg) rotateX(4deg); }
.hero-person { position:absolute; z-index:5; right:6%; bottom:-47px; width:min(72%,510px); filter:drop-shadow(0 25px 35px rgba(0,0,0,.5)); }
.project-card { position:absolute; overflow:hidden; border:1px solid rgba(255,255,255,.15); border-radius:22px; box-shadow:0 25px 75px rgba(0,0,0,.5); backdrop-filter:blur(10px); z-index:3; }
.project-card::after { content:""; position:absolute; inset:0; box-shadow:inset 0 0 35px rgba(255,255,255,.08); }
.project-card img { width:100%; height:100%; object-fit:cover; }
.project-card-blue { width:42%; left:4%; top:31%; opacity:.72; transform:rotate(-4deg); }
.project-card-red { width:45%; right:-8%; top:4%; opacity:.83; transform:rotate(3deg); }
.project-card-gold { width:34%; right:1%; bottom:12%; z-index:7; transform:rotate(2deg); }
.orb { position:absolute; border-radius:50%; filter:blur(2px); }
.orb-one { width:420px; height:420px; right:-12%; top:2%; background:radial-gradient(circle,rgba(163,30,255,.25),transparent 70%); }
.orb-two { width:260px; height:260px; left:5%; bottom:5%; background:radial-gradient(circle,rgba(0,116,255,.12),transparent 70%); }
.float-slow { animation:float 7s ease-in-out infinite; }
.float-medium { animation:float 6s ease-in-out -2s infinite; }
.float-fast { animation:float 5s ease-in-out -1s infinite; }
@keyframes float { 50% { translate:0 -12px; rotate:.5deg; } }
.visual-badge { position:absolute; z-index:9; display:flex; align-items:center; gap:10px; padding:11px 14px; border:1px solid rgba(255,255,255,.14); border-radius:15px; background:rgba(13,13,17,.72); backdrop-filter:blur(14px); box-shadow:0 15px 35px rgba(0,0,0,.35); }
.visual-badge small,.visual-badge strong { display:block; }
.visual-badge small { color:#a9a6af; font-size:.61rem; text-transform:uppercase; letter-spacing:.06em; }
.visual-badge strong { font-size:.88rem; margin-top:2px; }
.badge-icon { display:grid; place-items:center; width:31px; height:31px; border-radius:9px; background:linear-gradient(135deg,var(--purple),var(--magenta)); box-shadow:0 0 20px rgba(190,0,255,.28); }
.badge-top { left:9%; top:14%; }
.badge-bottom { right:1%; bottom:0; }
.hero-bottom-line { position:absolute; bottom:0; left:0; right:0; height:3px; background:linear-gradient(90deg,transparent,var(--purple) 20%,var(--magenta) 70%,transparent); box-shadow:0 0 22px var(--magenta); z-index:8; }

/* Carrossel infinito */
.showcase { padding:38px 0 62px; overflow:hidden; border-bottom:1px solid rgba(255,255,255,.06); }
.showcase-heading { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:25px; }
.showcase-heading span { color:#c951ff; font-size:.7rem; font-weight:900; letter-spacing:.15em; }
.showcase-heading p { margin:0; color:#8f8c96; font-size:.86rem; }
.marquee { position:relative; overflow:hidden; padding:7px 0 17px; }
.marquee-track { display:flex; width:max-content; animation:marquee-scroll 45s linear infinite; will-change:transform; }
.marquee:hover .marquee-track { animation-play-state:paused; }
.marquee-group { display:flex; gap:18px; padding-right:18px; }
@keyframes marquee-scroll { to { transform:translateX(-50%); } }
.marquee-fade { position:absolute; top:0; bottom:0; width:min(12vw,170px); z-index:5; pointer-events:none; }
.marquee-fade-left { left:0; background:linear-gradient(90deg,var(--bg),transparent); }
.marquee-fade-right { right:0; background:linear-gradient(-90deg,var(--bg),transparent); }
.site-shot { --shot-y:0px; position:relative; width:330px; height:212px; margin:0; flex:none; border-radius:20px; overflow:hidden; border:1px solid rgba(255,255,255,.12); background:#111116; box-shadow:0 20px 55px rgba(0,0,0,.28); transform:translateY(var(--shot-y)) perspective(900px) rotateX(0) rotateY(0) scale(1); transition:transform .55s var(--ease-out),border-color .45s,box-shadow .45s; }
.site-shot::before { content:""; position:absolute; inset:0; z-index:2; background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.2) 45%,transparent 69%); transform:translateX(-130%) skewX(-16deg); transition:transform .85s var(--ease-out); }
.site-shot::after { content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(to top,rgba(4,4,7,.92),transparent 58%); }
.site-shot img { width:100%; height:100%; object-fit:cover; transition:transform .75s var(--ease-out),filter .5s; }
.site-shot figcaption { position:absolute; left:18px; right:18px; bottom:16px; z-index:3; transform:translateY(8px); transition:transform .5s var(--ease-out); }
.site-shot figcaption span { display:block; color:#d15dff; font-size:.62rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; margin-bottom:5px; }
.site-shot figcaption strong { display:block; font-size:.98rem; }
.site-shot:hover { --shot-y:-10px; transform:translateY(var(--shot-y)) perspective(900px) rotateX(2deg) rotateY(-2deg) scale(1.025); border-color:rgba(205,63,255,.5); box-shadow:0 30px 75px rgba(0,0,0,.45),0 0 45px rgba(135,0,255,.14); z-index:3; }
.site-shot:hover::before { transform:translateX(135%) skewX(-16deg); }
.site-shot:hover img { transform:scale(1.065); filter:saturate(1.1) contrast(1.03); }
.site-shot:hover figcaption { transform:translateY(0); }

/* Cabeçalhos */
.section-heading { text-align:center; margin-bottom:58px; }
.section-kicker { display:inline-block; color:#c348ff; font-size:.7rem; font-weight:900; letter-spacing:.15em; margin-bottom:16px; }
.section-heading h2,.testimonial-header h2 { margin:0; font-size:clamp(2.2rem,4.05vw,2.75rem); line-height:1.045; letter-spacing:-.052em; }
.section-heading p { color:var(--muted); max-width:760px; margin:22px auto 0; font-size:1.02rem; line-height:1.72; }

/* Benefícios do site */
.benefits-section { padding:118px 0 132px; }
.benefit-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.benefit-card { min-height:318px; padding:29px; border:1px solid rgba(255,255,255,.095); border-radius:24px; background:linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.016)); box-shadow:inset 0 1px rgba(255,255,255,.045); overflow:hidden; }
.benefit-card:nth-child(2),.benefit-card:nth-child(5) { background:linear-gradient(145deg,rgba(91,0,151,.19),rgba(255,255,255,.018)); }
.benefit-index { position:absolute; right:22px; top:20px; color:rgba(255,255,255,.2); font-weight:900; font-size:.7rem; letter-spacing:.12em; }
.benefit-icon { width:48px; height:48px; display:grid; place-items:center; border-radius:15px; color:white; background:linear-gradient(135deg,#7000d8,#c400f5); box-shadow:0 12px 34px rgba(133,0,211,.29),inset 0 1px rgba(255,255,255,.32); font-weight:900; }
.benefit-card h3 { margin:30px 0 13px; font-size:1.28rem; line-height:1.2; max-width:290px; }
.benefit-card p { margin:0; color:var(--muted); line-height:1.65; font-size:.91rem; }
.benefit-card small { position:absolute; left:29px; bottom:25px; color:#ca53ff; font-size:.65rem; font-weight:850; letter-spacing:.11em; text-transform:uppercase; }

/* Benefícios do serviço */
.deliverables { padding:120px 0 128px; border-top:1px solid rgba(255,255,255,.055); }
.split-heading { display:grid; grid-template-columns:1.1fr .8fr; text-align:left; align-items:end; gap:70px; }
.split-heading p { margin:0; }
.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.feature-card { min-height:285px; padding:30px; border:1px solid rgba(255,255,255,.095); border-radius:22px; background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.014)); overflow:hidden; }
.feature-card.featured { background:linear-gradient(150deg,#210827,#120d17); border-color:rgba(202,33,255,.44); box-shadow:inset 0 0 45px rgba(152,0,201,.09); }
.mini-tag { position:absolute; top:18px; right:18px; font-size:.56rem; font-weight:900; color:var(--green); letter-spacing:.12em; }
.icon-wrap { width:49px; height:49px; display:grid; place-items:center; border-radius:14px; background:linear-gradient(135deg,rgba(140,0,255,.28),rgba(220,0,255,.12)); color:#d572ff; border:1px solid rgba(213,61,255,.24); box-shadow:inset 0 1px rgba(255,255,255,.09); transition:transform .5s var(--ease-spring),box-shadow .5s; }
.icon-wrap svg { width:24px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.feature-card h3 { font-size:1.23rem; margin:31px 0 12px; }
.feature-card p { margin:0; color:var(--muted); line-height:1.66; font-size:.91rem; }
.feature-line { position:absolute; left:30px; right:30px; bottom:24px; height:1px; background:linear-gradient(90deg,rgba(199,48,255,.78),transparent); transform:scaleX(.22); transform-origin:left; opacity:.45; transition:transform .6s var(--ease-out),opacity .4s; }
.feature-card:hover .icon-wrap { transform:translateY(-5px) rotate(-5deg) scale(1.06); box-shadow:0 16px 34px rgba(129,0,209,.25),inset 0 1px rgba(255,255,255,.12); }
.feature-card:hover .feature-line { transform:scaleX(1); opacity:1; }

/* Interações premium em cards */
.interactive-card { --tilt-x:0deg; --tilt-y:0deg; --card-lift:0px; --pointer-x:50%; --pointer-y:50%; position:relative; isolation:isolate; transform:perspective(1000px) translate3d(0,var(--card-lift),0) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)); transform-style:preserve-3d; transition:transform .52s var(--ease-out),border-color .45s,box-shadow .52s,background .45s; will-change:transform; }
.interactive-card::before { content:""; position:absolute; inset:0; z-index:-1; border-radius:inherit; background:radial-gradient(250px circle at var(--pointer-x) var(--pointer-y),rgba(210,73,255,.19),transparent 62%); opacity:0; transition:opacity .45s; pointer-events:none; }
.interactive-card::after { content:""; position:absolute; inset:0; z-index:-2; border-radius:inherit; padding:1px; background:linear-gradient(130deg,transparent 12%,rgba(224,105,255,.72),transparent 42%,rgba(37,240,172,.24),transparent 78%); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; opacity:0; transition:opacity .45s; pointer-events:none; }
.interactive-card:hover { --card-lift:-9px; border-color:rgba(202,62,255,.42); box-shadow:0 28px 72px rgba(0,0,0,.36),0 0 50px rgba(121,0,182,.09); }
.interactive-card:hover::before { opacity:1; }
.interactive-card:hover::after { opacity:.9; }

/* Processo */
.process-section { background:linear-gradient(130deg,#f7f4f8,#e8e1ec); color:#0b0a0d; padding:112px 0; }
.process-grid { display:grid; grid-template-columns:.86fr 1.14fr; gap:105px; align-items:center; }
.dark-kicker { color:#8300d3; }
.process-copy h2 { font-size:clamp(2.3rem,3.65vw,3.55rem); letter-spacing:-.052em; line-height:1.04; margin:0; }
.process-copy h2 span { color:#8c00db; }
.process-copy p { color:#5e5963; line-height:1.72; margin:22px 0 29px; }
.process-list { margin:0; padding:0; list-style:none; }
.process-list li { display:grid; grid-template-columns:58px 1fr; gap:20px; padding:25px 0; border-bottom:1px solid rgba(0,0,0,.12); position:relative; }
.process-list li::after { content:""; position:absolute; left:0; bottom:-1px; width:0; height:1px; background:linear-gradient(90deg,#8b00ff,#d000ff,transparent); transition:width .65s var(--ease-out); }
.process-list li>span { width:50px; height:50px; display:grid; place-items:center; border-radius:50%; color:white; background:linear-gradient(135deg,var(--purple),var(--magenta)); font-weight:900; box-shadow:0 10px 28px rgba(142,0,219,.24); transition:transform .5s var(--ease-spring),box-shadow .5s; }
.process-list h3 { margin:3px 0 7px; font-size:1.18rem; transition:transform .5s var(--ease-out); }
.process-list p { margin:0; color:#656068; line-height:1.55; }
.process-list li:hover::after { width:100%; }
.process-list li:hover>span { transform:rotate(-8deg) scale(1.08); box-shadow:0 16px 38px rgba(142,0,219,.32); }
.process-list li:hover h3 { transform:translateX(7px); }

/* Portfolio */
.portfolio { padding:120px 0 145px; overflow:hidden; }
.portfolio .section-heading { max-width:960px; margin-left:auto; margin-right:auto; }
.portfolio-stage { height:570px; margin-top:70px; }
.portfolio-glow { position:absolute; width:700px; height:430px; left:50%; top:44%; transform:translate(-50%,-50%); background:radial-gradient(ellipse,rgba(150,0,255,.31),transparent 67%); filter:blur(14px); }
.portfolio-item { position:absolute; margin:0; border-radius:24px; overflow:hidden; border:1px solid rgba(255,255,255,.15); box-shadow:0 40px 100px rgba(0,0,0,.65); transition:transform .65s var(--ease-out),box-shadow .55s,border-color .45s; }
.portfolio-item::after { content:""; position:absolute; inset:0; background:linear-gradient(115deg,transparent 22%,rgba(255,255,255,.2) 46%,transparent 68%); transform:translateX(-135%) skewX(-17deg); transition:transform .9s var(--ease-out); }
.portfolio-item:hover { z-index:8; border-color:rgba(218,85,255,.52); box-shadow:0 50px 120px rgba(0,0,0,.75),0 0 55px rgba(129,0,197,.16); }
.portfolio-item:hover::after { transform:translateX(140%) skewX(-17deg); }
.portfolio-item img { width:100%; height:100%; object-fit:cover; transition:transform .8s var(--ease-out),filter .55s; }
.portfolio-item:hover img { transform:scale(1.035); filter:saturate(1.08); }
.item-blue { width:42%; left:1%; top:80px; transform:perspective(1000px) rotateY(14deg) rotateZ(-3deg); }
.item-blue:hover { transform:perspective(1000px) rotateY(2deg) rotateZ(0) translateY(-7px) scale(1.035); }
.item-red { width:44%; right:0; top:15px; transform:perspective(1000px) rotateY(-14deg) rotateZ(3deg); }
.item-red:hover { transform:perspective(1000px) rotateY(-2deg) rotateZ(0) translateY(-7px) scale(1.035); }
.item-gold { width:35%; left:33%; bottom:5px; z-index:5; transform:perspective(1000px) rotateX(3deg); }
.item-gold:hover { transform:perspective(1000px) rotateX(0) translateY(-10px) scale(1.045); }
.portfolio-caption { position:absolute; z-index:9; left:50%; top:5%; transform:translateX(-50%); text-align:center; }
.portfolio-caption span { display:block; color:#c9c6cd; font-size:.7rem; letter-spacing:.13em; text-transform:uppercase; }
.portfolio-caption strong { display:block; font-size:1.18rem; margin-top:6px; }

/* Depoimentos */
.testimonials { padding:105px 0 125px; border-top:1px solid rgba(255,255,255,.06); }
.testimonial-header { display:flex; align-items:end; justify-content:space-between; gap:35px; }
.testimonial-header h2 { max-width:760px; }
.google-link { display:inline-flex; align-items:center; gap:10px; color:#dad7df; font-weight:800; font-size:.87rem; padding-bottom:8px; position:relative; white-space:nowrap; }
.google-link::after { content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background:linear-gradient(90deg,rgba(255,255,255,.25),#d400ff); transform:scaleX(.35); transform-origin:left; transition:transform .45s var(--ease-out); }
.google-link:hover::after { transform:scaleX(1); }
.google-link svg { width:18px; fill:none; stroke:currentColor; stroke-width:2; transition:transform .45s var(--ease-spring); }
.google-link:hover svg { transform:translate(3px,-3px); }
.google-g { width:27px; height:27px; display:grid; place-items:center; border-radius:50%; background:white; color:#4285f4; font-family:Arial,sans-serif; font-weight:900; }
.google-g.large { width:58px; height:58px; font-size:1.7rem; flex:none; }
.google-proof { margin-top:58px; min-height:210px; display:flex; align-items:center; justify-content:space-between; gap:50px; padding:42px; border:1px solid rgba(255,255,255,.11); border-radius:28px; background:linear-gradient(120deg,rgba(255,255,255,.05),rgba(115,0,158,.12)); box-shadow:inset 0 1px rgba(255,255,255,.05); overflow:hidden; }
.google-score { display:flex; align-items:center; gap:22px; }
.google-score strong { display:block; font-size:1.32rem; }
.stars { color:#fbbc04; letter-spacing:.16em; font-size:1.18rem; margin:8px 0; }
.google-score small { color:var(--muted); }
.review-access { max-width:480px; display:flex; align-items:center; gap:25px; }
.review-access p { color:#c1bec7; line-height:1.55; }
.review-access .button { white-space:nowrap; }

/* Oferta final */
.final-offer { padding:70px 0 125px; }
.final-card { min-height:440px; display:grid; grid-template-columns:1.2fr .68fr; align-items:center; gap:70px; padding:68px; border-radius:34px; overflow:hidden; border:1px solid rgba(192,0,255,.35); background:linear-gradient(135deg,#120d16,#1e0825 58%,#30083b); box-shadow:0 35px 100px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.06); }
.final-glow { position:absolute; width:550px; height:550px; border-radius:50%; right:-140px; top:-210px; background:radial-gradient(circle,rgba(210,0,255,.32),transparent 65%); }
.final-copy h2 { font-size:clamp(2.15rem,3.65vw,2.55rem); line-height:1.045; letter-spacing:-.052em; margin:0; }
.final-copy p { color:#b9b6c0; line-height:1.67; max-width:690px; }
.final-trust { display:flex; flex-wrap:wrap; gap:18px; color:#d1ced6; font-size:.81rem; }
.final-price { position:relative; z-index:4; display:flex; flex-direction:column; align-items:center; padding:35px 30px; border-radius:24px; background:rgba(5,5,7,.38); border:1px solid rgba(255,255,255,.1); backdrop-filter:blur(12px); text-align:center; overflow:hidden; }
.limited { color:var(--green); text-transform:uppercase; font-size:.63rem; font-weight:900; letter-spacing:.11em; margin-bottom:18px; }
.final-price s { color:#89848e; font-size:1.02rem; }
.final-price>strong { font-size:4.5rem; letter-spacing:-.07em; line-height:1.1; margin:5px 0 20px; }
.final-price>strong small { font-size:1.22rem; letter-spacing:-.02em; }
.safe-note { color:#85818b; margin-top:14px; }

/* FAQ e rodapé */
.faq { padding:110px 0; border-top:1px solid rgba(255,255,255,.06); }
.faq-grid { display:grid; grid-template-columns:.7fr 1.3fr; gap:100px; }
.faq-title h2 { font-size:clamp(2.35rem,3.6vw,3.55rem); letter-spacing:-.052em; margin:0; }
.faq-title p { color:var(--muted); line-height:1.6; }
.accordion details { border-bottom:1px solid rgba(255,255,255,.1); transition:border-color .35s; }
.accordion details:hover { border-color:rgba(198,61,255,.35); }
.accordion summary { list-style:none; padding:24px 44px 24px 0; font-weight:800; font-size:1.02rem; cursor:pointer; position:relative; transition:color .3s,transform .35s var(--ease-out); }
.accordion summary::-webkit-details-marker { display:none; }
.accordion summary::after { content:"+"; position:absolute; right:5px; top:20px; font-size:1.5rem; color:#c447ff; transition:transform .45s var(--ease-spring),color .3s; }
.accordion details:hover summary { color:#d878ff; transform:translateX(4px); }
.accordion details[open] summary::after { transform:rotate(45deg); color:var(--green); }
.accordion p { color:var(--muted); line-height:1.65; margin:0; padding:0 50px 24px 0; }
.footer { padding:62px 0 25px; background:#050506; border-top:1px solid rgba(255,255,255,.08); }
.footer-grid { display:grid; grid-template-columns:1.25fr .8fr auto; gap:60px; align-items:center; }
.footer-brand { margin-bottom:18px; }
.footer-brand img { width:195px; }
.footer-grid p { color:#85828b; max-width:430px; line-height:1.6; font-size:.88rem; }
.footer-links { display:grid; grid-template-columns:1fr 1fr; gap:13px 28px; color:#b9b6bf; font-size:.88rem; }
.footer-links a { transition:color .25s,transform .3s var(--ease-out); }
.footer-links a:hover { color:white; transform:translateX(4px); }
.footer-bottom { margin-top:52px; padding-top:22px; border-top:1px solid rgba(255,255,255,.07); display:flex; justify-content:space-between; color:#706d75; font-size:.75rem; }
.footer-bottom a { transition:color .25s,transform .3s; }
.footer-bottom a:hover { color:white; transform:translateY(-2px); }
.floating-whatsapp { position:fixed; right:22px; bottom:22px; z-index:45; display:flex; align-items:center; gap:10px; padding:10px 15px 10px 11px; border-radius:999px; background:#25d366; color:#04150a; font-weight:850; box-shadow:0 14px 40px rgba(0,0,0,.36),0 0 24px rgba(37,211,102,.25); transition:transform .45s var(--ease-spring),box-shadow .4s; }
.floating-whatsapp::before { content:""; position:absolute; inset:-5px; border:1px solid rgba(37,211,102,.35); border-radius:inherit; opacity:0; transform:scale(.9); transition:opacity .4s,transform .5s var(--ease-out); }
.floating-whatsapp:hover { transform:translateY(-7px) scale(1.035); box-shadow:0 22px 52px rgba(0,0,0,.4),0 0 38px rgba(37,211,102,.46); }
.floating-whatsapp:hover::before { opacity:1; transform:scale(1.08); }
.floating-whatsapp svg { width:29px; height:29px; fill:currentColor; }

/* Entradas e saídas */
.reveal { --reveal-x:0px; --reveal-y:0px; --reveal-scale:1; opacity:1; transform:translate3d(var(--reveal-x),var(--reveal-y),0) scale(var(--reveal-scale)); filter:blur(0); transition:opacity .9s var(--ease-out),transform .95s var(--ease-out),filter .9s var(--ease-out); transition-delay:var(--delay,0s); will-change:transform,opacity,filter; }
.js .reveal { opacity:0; filter:blur(9px); }
.js .reveal[data-reveal="up"] { --reveal-y:42px; }
.js .reveal[data-reveal="left"] { --reveal-x:-48px; }
.js .reveal[data-reveal="right"] { --reveal-x:48px; }
.js .reveal[data-reveal="scale"] { --reveal-scale:.955; }
.reveal.is-visible,.js .reveal.is-visible { opacity:1; --reveal-x:0px; --reveal-y:0px; --reveal-scale:1; filter:blur(0); }
.reveal.interactive-card { transform:translate3d(var(--reveal-x),var(--reveal-y),0) scale(var(--reveal-scale)) perspective(1000px) translate3d(0,var(--card-lift),0) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)); }

@media (max-width: 1050px) {
  .desktop-nav { display:none; }
  .hero-grid { grid-template-columns:1fr 1fr; }
  h1 { font-size:clamp(2.7rem,5.7vw,4rem); }
  .benefit-grid,.feature-grid { grid-template-columns:repeat(2,1fr); }
  .process-grid { gap:60px; }
  .final-card { padding:50px; }
  .review-access { flex-direction:column; align-items:flex-start; }
}

@media (max-width: 800px) {
  .container { width:min(100% - 32px,var(--container)); }
  .brand img { width:174px; }
  .nav-wrap>.button { display:none; }
  .menu-button { display:flex; width:42px; height:42px; flex-direction:column; justify-content:center; gap:7px; padding:0 10px; border:1px solid rgba(255,255,255,.12); border-radius:11px; background:rgba(255,255,255,.04); }
  .menu-button span { display:block; width:100%; height:1px; background:white; transition:transform .35s var(--ease-spring); }
  .menu-button[aria-expanded="true"] span:first-child { transform:translateY(4px) rotate(45deg); }
  .menu-button[aria-expanded="true"] span:last-child { transform:translateY(-4px) rotate(-45deg); }
  .mobile-menu { display:flex; position:fixed; inset:82px 0 auto; padding:28px 24px 35px; flex-direction:column; gap:23px; background:rgba(9,9,11,.97); backdrop-filter:blur(20px); border-bottom:1px solid rgba(255,255,255,.1); transform:translateY(-130%); opacity:0; pointer-events:none; transition:transform .5s var(--ease-out),opacity .4s; }
  .mobile-menu.open { transform:translateY(0); opacity:1; pointer-events:auto; }
  .hero { padding-top:116px; padding-bottom:50px; }
  .hero-grid { grid-template-columns:1fr; }
  .hero-copy { text-align:center; }
  .hero-copy h1,.hero-subtitle { margin-inline:auto; }
  .hero-offer { margin-inline:auto; justify-content:center; }
  .hero-actions,.trust-row { justify-content:center; }
  .hero-visual { height:555px; margin-top:20px; }
  .hero-person { right:17%; width:65%; }
  .project-card-blue { left:1%; }
  .project-card-red { right:0; }
  .showcase-heading { flex-direction:column; text-align:center; gap:8px; }
  .site-shot { width:292px; height:190px; }
  .benefit-grid { grid-template-columns:1fr; max-width:570px; }
  .benefit-card { min-height:290px; }
  .split-heading { grid-template-columns:1fr; gap:22px; text-align:center; }
  .split-heading p { margin:auto; }
  .process-grid { grid-template-columns:1fr; }
  .process-copy { text-align:center; }
  .portfolio-stage { height:660px; }
  .item-blue { width:70%; left:-7%; top:95px; }
  .item-red { width:70%; right:-8%; top:205px; }
  .item-gold { width:58%; left:21%; bottom:12px; }
  .testimonial-header { align-items:flex-start; flex-direction:column; }
  .google-proof { flex-direction:column; align-items:flex-start; }
  .review-access { max-width:none; }
  .final-card { grid-template-columns:1fr; gap:35px; }
  .final-copy { text-align:center; }
  .final-trust { justify-content:center; }
  .faq-grid { grid-template-columns:1fr; gap:40px; }
  .faq-title { text-align:center; }
  .footer-grid { grid-template-columns:1fr; text-align:center; }
  .footer-brand { justify-content:center; }
  .footer-grid p { margin-inline:auto; }
  .footer-links { max-width:300px; margin:auto; }
  .footer-grid>.button { justify-self:center; }
}

@media (max-width: 560px) {
  .nav-wrap { height:72px; }
  .brand img { width:154px; }
  .mobile-menu { inset:72px 0 auto; }
  .hero { min-height:auto; padding-top:103px; }
  h1 { font-size:clamp(2.35rem,11.5vw,3.3rem); }
  .hero-subtitle { font-size:.98rem; }
  .hero-offer { width:100%; }
  .hero-offer strong { font-size:2.15rem; }
  .hero-actions { flex-direction:column; align-items:stretch; }
  .hero-actions .button { width:100%; }
  .trust-row { gap:12px 17px; }
  .hero-visual { height:445px; }
  .hero-person { right:10%; width:78%; bottom:-35px; }
  .project-card-blue { width:48%; top:34%; }
  .project-card-red { width:50%; right:-10%; }
  .project-card-gold { width:39%; }
  .visual-badge { transform:scale(.82); }
  .badge-top { left:-2%; }
  .badge-bottom { right:-7%; }
  .showcase { padding-top:30px; }
  .site-shot { width:260px; height:174px; }
  .benefits-section,.deliverables,.process-section,.portfolio,.testimonials,.faq { padding-top:86px; padding-bottom:86px; }
  .section-heading h2,.testimonial-header h2 { font-size:2.28rem; }
  .feature-grid { grid-template-columns:1fr; }
  .feature-card { min-height:265px; }
  .process-list li { grid-template-columns:48px 1fr; gap:14px; }
  .process-list li>span { width:44px; height:44px; }
  .portfolio-stage { height:535px; }
  .portfolio-caption { width:100%; }
  .item-blue { width:79%; }
  .item-red { width:79%; top:190px; }
  .item-gold { width:67%; left:17%; }
  .google-proof { padding:28px; }
  .google-score { align-items:flex-start; }
  .review-access .button { width:100%; }
  .final-card { padding:38px 22px; }
  .final-price>strong { font-size:3.85rem; }
  .footer-bottom { flex-direction:column; align-items:center; gap:15px; }
  .floating-whatsapp span { display:none; }
  .floating-whatsapp { padding:12px; }
}

@media (hover:none) {
  .cursor-glow { display:none; }
  .marquee:hover .marquee-track { animation-play-state:running; }
  .interactive-card:hover { --card-lift:0px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
  .reveal,.js .reveal { opacity:1; --reveal-x:0px; --reveal-y:0px; --reveal-scale:1; filter:none; }
  .marquee-track { animation:none; }
}

/* Ajustes finais de leitura e CTA flutuante */
.floating-whatsapp { opacity:0; pointer-events:none; transform:translateY(18px) scale(.94); }
.floating-whatsapp.is-visible { opacity:1; pointer-events:auto; transform:translateY(0) scale(1); }
.floating-whatsapp.is-visible:hover { transform:translateY(-7px) scale(1.035); }

@media (max-width: 560px) {
  h1 { font-size:clamp(2.15rem,10vw,2.8rem); line-height:1.01; letter-spacing:-.045em; }
  .hero-copy { min-width:0; }
  .hero-copy h1 { width:100%; overflow-wrap:normal; }
}

/* ---------- Portfólio navegável + visualizador PDF ---------- */
.work-gallery{padding:110px 0 105px;overflow:hidden;position:relative;border-bottom:1px solid rgba(255,255,255,.08);background:radial-gradient(ellipse at 75% 15%,rgba(117,42,205,.13),transparent 47%),#09090b}
.work-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:55px}.work-heading>div:first-child{max-width:760px}.work-heading h2{font-size:clamp(2rem,4vw,3.8rem);line-height:1.12;margin:18px 0}.work-heading p{color:#a4a0af;max-width:560px;line-height:1.75}.work-count{min-width:155px;display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.2);padding-left:24px}.work-count strong{font-size:3.8rem;line-height:1;font-weight:800;letter-spacing:-.08em}.work-count span{font-size:.6rem;letter-spacing:.16em;color:#a39aaf;margin-top:15px;font-weight:800}.work-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.work-hint{font-size:.66rem;letter-spacing:.16em;color:#a69eae;font-weight:800}.work-hint-dot{display:inline-block;background:#a240fd;width:7px;height:7px;border-radius:50%;margin-right:10px;box-shadow:0 0 12px #a240fd}.work-controls{display:flex;gap:10px}.work-arrow{border:1px solid #ffffff24;background:#ffffff08;color:#fff;width:46px;height:46px;border-radius:50%;font-size:1.4rem;cursor:pointer;transition:.25s}.work-arrow:hover{background:#a63cfa;border-color:#a63cfa;transform:translateY(-2px)}.work-rail{display:flex;overflow-x:auto;gap:20px;padding:5px max(24px,calc((100vw - 1200px)/2)) 24px;scroll-padding-left:max(24px,calc((100vw - 1200px)/2));scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#7534a1 #18131e;overscroll-behavior-x:contain}.work-card{flex:0 0 min(390px,83vw);scroll-snap-align:start;min-width:0;border:1px solid #ffffff1c;background:#111015;border-radius:23px;padding:11px;transition:transform .3s,border-color .3s}.work-card:hover{transform:translateY(-5px);border-color:#b15bea6b}.work-card-visual{height:265px;position:relative;overflow:hidden;border-radius:16px;background:linear-gradient(140deg,#30203d,#14101c)}.work-card-visual img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.work-card:hover img{transform:scale(1.055)}.work-badge{position:absolute;left:15px;top:15px;background:#0b0912d9;backdrop-filter:blur(14px);border:1px solid #ffffff2b;border-radius:30px;padding:9px 12px;font-size:.58rem;font-weight:800;letter-spacing:.12em}.work-card-content{padding:18px 13px 11px}.work-card-index{font-size:.65rem;font-weight:800;color:#ac61e6;letter-spacing:.15em}.work-card-content h3{margin:10px 0;font-size:1.38rem}.work-card-content p{font-size:.86rem;color:#aaa4b4;min-height:45px;line-height:1.5}.work-card-action{margin-top:13px;display:flex;align-items:center;justify-content:space-between;width:100%;background:#22152e;border:1px solid #66328c;border-radius:12px;color:#f4e9ff;padding:15px;font-weight:800;cursor:pointer;font-size:.81rem;transition:.2s}.work-card-action:not(:disabled):hover{background:#8f35d8;border-color:#8f35d8}.work-card-action:disabled{cursor:default;background:#1b1920;border-color:#ffffff18;color:#96919d}.work-card-action span:last-child{font-size:1.2rem}.work-footnote{display:flex;justify-content:space-between;gap:20px;margin-top:15px;font-size:.69rem;letter-spacing:.04em;color:#8c8796}.pdf-modal{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:20px}.pdf-modal.is-open{display:flex}.pdf-backdrop{position:absolute;inset:0;background:#030206ec;backdrop-filter:blur(15px)}.pdf-shell{position:relative;width:min(1100px,100%);height:min(91dvh,1000px);display:flex;flex-direction:column;background:#101014;border:1px solid #ffffff36;border-radius:20px;overflow:hidden;box-shadow:0 40px 150px #000}.pdf-topbar{padding:16px 24px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #ffffff20}.pdf-project-info{display:flex;flex-direction:column;gap:5px}.pdf-label{font-size:.6rem;color:#b984e1;letter-spacing:.17em;font-weight:800}.pdf-project-info strong{font-size:1.12rem}.pdf-actions{display:flex;align-items:center;gap:15px}.pdf-open{color:#d0a2f3;font-size:.83rem;text-decoration:none;font-weight:700}.pdf-close{width:40px;height:40px;border:1px solid #ffffff28;border-radius:50%;background:#ffffff14;color:white;cursor:pointer}.pdf-preview{flex:1;min-height:0;background:#26242a}.pdf-preview iframe{width:100%;height:100%;border:0;background:white}.pdf-bottom{padding:11px 22px;display:flex;justify-content:space-between;gap:12px;font-size:.72rem;color:#96909f;border-top:1px solid #ffffff1b}body.pdf-opened{overflow:hidden}
/* ---------- Avaliações Google ---------- */
.review-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:45px;padding:31px 36px;border:1px solid #ffffff1d;border-radius:22px;background:linear-gradient(125deg,#261530,#111016 70%)}.review-orbit{color:#edb65b;font-size:1.2rem;letter-spacing:.17em}.review-intro h3{font-size:clamp(1.15rem,2vw,1.6rem);margin:13px 0}.review-intro p{font-size:.89rem;line-height:1.6;color:#a9a4b1;max-width:620px}.review-link{white-space:nowrap;color:#fff;text-decoration:none;border:1px solid #ffffff35;padding:14px 20px;border-radius:13px;font-size:.84rem;font-weight:800;transition:.2s}.review-link:hover{border-color:#ad4eff;background:#54216b}.review-link span{margin-left:10px}.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}.review-card{padding:29px;border:1px solid #ffffff1d;border-radius:20px;background:#17131c;display:flex;flex-direction:column;gap:18px;min-height:238px}.review-card-stars{color:#e6ac52;letter-spacing:.15em}.review-quote{font-size:.99rem;line-height:1.8;color:#e6e2ea;flex:1}.review-author{border-top:1px solid #ffffff1a;padding-top:14px;display:flex;justify-content:space-between;gap:12px}.review-author strong{font-size:.9rem}.review-author span{font-size:.75rem;color:#aaa4b0}.review-pending{grid-column:1/-1;text-align:center;border:1px dashed #ffffff3c;background:#ffffff04;border-radius:22px;padding:36px 25px}.review-pending strong{display:block;font-size:1.1rem}.review-pending p{max-width:550px;margin:12px auto 0;color:#ada7b5;font-size:.85rem;line-height:1.6}
@media(max-width:760px){.work-gallery{padding:78px 0}.work-heading{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:30px}.work-count{min-width:0;border-left:0;padding:0;flex-direction:row;align-items:center;gap:17px}.work-count strong{font-size:2.5rem}.work-count span{margin:0}.work-card{flex-basis:min(340px,83vw)}.work-card-visual{height:225px}.review-intro{padding:25px;flex-direction:column;align-items:flex-start}.review-grid{grid-template-columns:1fr}.pdf-modal{padding:6px}.pdf-shell{height:96dvh;border-radius:12px}.pdf-topbar{padding:12px}.pdf-open{font-size:.7rem}.pdf-bottom span:last-child{display:none}.work-footnote{flex-direction:column;gap:8px}}

/* Logo oficial Sollus — símbolo branco com fundo transparente */
.brand img, .footer-brand img { width: 48px; height: 58px; object-fit: contain; }
@media (max-width: 600px) { .brand img, .footer-brand img { width: 41px; height: 50px; } }