:root{--bg:#0a0a0f;--text:#f5f5fa;--muted:#9595a8;--purple:#8b5cf6;--cyan:#06b6d4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:86px;position:fixed;top:0;width:100%;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:#0a0a0fc9;backdrop-filter:blur(20px);border-bottom:1px solid #ffffff0e}.brand{display:flex;align-items:center;gap:6px;font-weight:800;letter-spacing:-.7px}.brand>span:last-child{color:#aaa5bb}.mark{color:#a68aff;font-size:33px;margin-right:7px}nav{display:flex;align-items:center;gap:30px;font-size:13px;color:#c1becd}.small{border:1px solid #63537c;border-radius:8px;padding:12px 18px}#menu{display:none}.hero{min-height:790px;padding:155px 6% 54px;position:relative;display:grid;grid-template-columns:1.25fr 1fr;gap:50px;overflow:hidden}.hero-content,.concept{z-index:1}.eyebrow{font-size:10px;letter-spacing:2px;color:#b1a5d2;font-weight:700;display:inline-flex;align-items:center;gap:9px}.eyebrow i{height:6px;width:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 12px var(--cyan)}h1{font-size:clamp(44px,5vw,76px);line-height:1.06;letter-spacing:-3.5px;margin:26px 0}#typed,h2>span,.dot{background:linear-gradient(110deg,#a580ff,#51d9ed);color:transparent;background-clip:text}.cursor{color:#8b5cf6;animation:blink 1s steps(2) infinite;font-weight:300}.hero p{font-size:15px;line-height:1.9;color:#aaa7ba}.actions{display:flex;gap:25px;align-items:center;margin-top:30px}.button{background:linear-gradient(110deg,#8250e5,#615bea);padding:18px 25px;border-radius:9px;display:inline-flex;gap:32px;align-items:center;font-size:14px;font-weight:700;box-shadow:0 5px 35px #8250e533;transition:transform .2s}.button:hover{transform:translateY(-3px);box-shadow:0 5px 40px #8250e566}.secondary{font-size:14px;display:flex;gap:20px}.hero-foot{margin-top:56px;font-size:9px;letter-spacing:1.2px;color:#767389;display:flex;gap:25px}.concept{align-self:center;position:relative;padding:15px}.window{border:1px solid #74629360;border-radius:15px;background:linear-gradient(145deg,#242034d9,#0d111ee0);transform:rotate(-5deg);box-shadow:0 35px 100px #0008;max-width:400px;margin:auto}.window-bar{display:flex;justify-content:space-between;padding:17px;font-size:10px;color:#7d7698;border-bottom:1px solid #ffffff10}.concept-body{padding:35px}.tiny{font-size:9px;letter-spacing:3px;color:#a29ab8}.symbol{font-size:95px;color:#a485ff;line-height:1.1;margin-top:25px;text-shadow:0 0 45px #8b5cf650}.concept h2{font-size:49px;line-height:1.05;letter-spacing:-2px;margin:20px 0 35px}.concept em{color:#6ed5dc;font-style:normal}.concept-bottom{display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;border-top:1px solid #ffffff15;padding-top:22px}.chip{position:absolute;bottom:8px;right:-10px;border:1px solid #6b5482;border-radius:10px;padding:18px;background:#191424;font-size:12px;box-shadow:0 10px 40px #0007}.orb{position:absolute;width:550px;height:550px;filter:blur(100px);border-radius:50%;pointer-events:none;opacity:.17;animation:drift 15s ease-in-out infinite alternate}.one{background:#8b5cf6;right:12%;top:50px}.two{background:#06b6d4;right:-350px;top:250px}.grid-bg{position:absolute;inset:0;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:65px 65px;mask-image:linear-gradient(90deg,transparent,#000)}.marquee{overflow:hidden;border-block:1px solid #ffffff12;background:#0e0e16;padding:20px 0}#marquee-track{display:flex;gap:16px;width:max-content;animation:marquee 45s linear infinite}.mini{width:220px;height:128px;border:1px solid #ffffff14;border-radius:9px;background:linear-gradient(135deg,#1f1a30,#101d25);padding:20px;display:flex;flex-direction:column;justify-content:space-between}.mini span{font-size:9px;color:#8c819e}.mini b{font-size:15px}.section{padding:95px 6%;max-width:1440px;margin:auto}h2{font-size:clamp(34px,3.5vw,49px);letter-spacing:-2px;line-height:1.12;margin:20px 0 35px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:40px}.section-heading>p{max-width:310px;color:var(--muted);font-size:14px;line-height:1.8}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service{padding:26px 21px;border:1px solid #ffffff12;border-radius:12px;background:#111119;transition:border-color .25s}.service:hover{border-color:#8b5cf670}.service .icon{font-size:24px;color:#ae8dfc;display:block;margin-bottom:24px}.service h3{font-size:15px;line-height:1.4}.service p{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:0}.idea{border-bottom:1px solid #ffffff15;padding:30px 0;display:flex;justify-content:space-between;font-size:15px}.idea a{color:#b59afa}.portfolio{background:#0e0e15;max-width:none}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 28px}.filters button{border:1px solid #ffffff18;background:transparent;color:#aaa7ba;padding:10px 19px;border-radius:30px;font-size:12px}.filters button.active{background:#8b5cf6;color:white;border-color:#8b5cf6}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.project{border:1px solid #ffffff14;background:#13131d;border-radius:13px;overflow:hidden;transition:transform .18s,border-color .18s;will-change:transform}.project:hover{border-color:#8b5cf680;box-shadow:0 0 30px #8b5cf615}.project-visual{height:220px;padding:24px;background:radial-gradient(ellipse at top right,var(--accent),transparent 80%),#141622;display:flex;align-items:center;justify-content:center}.mock{border:1px solid #ffffff24;border-radius:8px;background:#090b15b0;width:100%;height:160px;padding:16px;box-shadow:0 20px 30px #0003}.mock-bar{font-size:8px;color:#79788f;border-bottom:1px solid #ffffff15;padding-bottom:10px}.mock-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:15px 0}.mock-grid i{height:45px;border-radius:5px;background:linear-gradient(150deg,#ffffff18,#ffffff04)}.mock-label{color:#afa9c3;font-size:9px;letter-spacing:1px}.project-info{padding:23px}.category{font-size:9px;color:#a891d6;text-transform:uppercase;letter-spacing:1.5px}.project h3{font-size:19px;letter-spacing:-.5px}.project p{font-size:12px;color:var(--muted);line-height:1.8}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:45px}.steps article{border-top:1px solid #514267;padding-top:25px}.steps b{font-size:35px;color:#8b5cf6;font-weight:400}.steps h3{font-size:17px;margin-top:28px}.steps p{color:var(--muted);font-size:13px;line-height:1.8}.arrows{display:flex;gap:10px}.arrows button{background:#191421;border:1px solid #ffffff20;color:white;border-radius:50%;height:42px;width:42px}.placeholder-note{font-size:12px;color:var(--muted)}.testimonials{display:flex;overflow:auto;gap:20px;scroll-snap-type:x mandatory;scrollbar-width:thin}.chat{min-width:calc((100% - 40px)/3);padding:23px;border-radius:12px;background:#111b19;border:1px solid #ffffff12;scroll-snap-align:start}.chat-header{font-size:12px;margin-bottom:25px}.chat-header small{display:block;color:#89968e;margin-top:7px}.bubble{background:#164734;color:#c5e6d6;padding:20px;border-radius:12px 12px 0 12px;font-size:13px;line-height:1.8}.chat>small{font-size:10px;color:#87998e;display:block;margin-top:18px}.final-cta{text-align:center;padding:100px 20px;background:radial-gradient(ellipse at bottom,#42227380,transparent 70%),#101019;border-block:1px solid #ffffff12;position:relative}.final-cta h2{font-size:clamp(43px,6vw,76px);margin-bottom:25px}.final-cta p{color:var(--muted);font-size:14px;margin-bottom:32px}footer{padding:35px 6%;display:flex;align-items:center;gap:25px;justify-content:space-between;font-size:11px;color:#8e899f}footer .brand{font-size:14px}footer small{display:block;margin-top:5px}.floating{position:fixed;bottom:24px;right:24px;background:#26c77e;border-radius:50%;width:56px;height:56px;display:grid;place-items:center;z-index:20;box-shadow:0 0 0 7px #26c77e10;animation:pulse 3s infinite}.floating svg{width:30px;height:30px}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s}.reveal.visible{opacity:1;transform:none}@keyframes blink{50%{opacity:0}}@keyframes drift{to{transform:translate(-50px,40px)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes pulse{50%{box-shadow:0 0 0 12px #26c77e08}}@media(max-width:1000px){.services{grid-template-columns:repeat(3,1fr)}nav{gap:15px}.hero{gap:15px}h1{font-size:60px}.concept h2{font-size:40px}.projects{grid-template-columns:repeat(2,1fr)}footer{flex-wrap:wrap}}@media(max-width:700px){header{height:70px;padding:0 6%}#menu{display:block;background:transparent;border:0;color:white;font-size:24px}nav{display:none;position:absolute;top:70px;left:0;right:0;background:#12121f;padding:25px;flex-direction:column;align-items:stretch}nav.open{display:flex}.hero{padding-top:120px;display:block;min-height:0}.eyebrow{font-size:8px;letter-spacing:1.6px}h1{font-size:clamp(40px,10vw,64px);letter-spacing:-2px;line-height:1.1}.hero p{font-size:13px}.hero-foot{display:none}.concept{max-width:340px;margin:50px auto 20px}.concept h2{font-size:37px}.concept-body{padding:25px}.symbol{font-size:65px}.chip{font-size:10px;right:0}.section{padding:65px 6%}.section-heading{display:block}.section-heading>p{margin-bottom:25px}.services{grid-template-columns:repeat(2,1fr);gap:10px}.service{padding:20px 15px}.service h3{font-size:14px}.projects{grid-template-columns:1fr}.project-visual{height:230px}.steps{grid-template-columns:1fr 1fr;gap:25px 18px}.steps h3{font-size:15px}.chat{min-width:87%}.arrows{margin-bottom:20px}.final-cta{padding:75px 6%}footer{flex-direction:column;align-items:flex-start;gap:15px;padding-bottom:85px}.actions{gap:20px}.button{padding:17px 20px;font-size:13px}.secondary{font-size:13px}.idea{font-size:13px;gap:15px}.floating{bottom:18px;right:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* WhatsApp: identidade oficial e moldura dourada */
.whatsapp-logo{width:24px;height:24px;flex-shrink:0;display:inline-block;vertical-align:middle}.contact{display:inline-flex;align-items:center;gap:10px}.service .whatsapp-logo{width:28px;height:28px}.button.contact,.floating.contact{border:2px solid transparent;background:linear-gradient(#25D366,#25D366) padding-box,linear-gradient(120deg,#BF953F,#FCF6BA,#AA771C) border-box;color:#fff;box-shadow:0 0 16px #BF953F50;transition:box-shadow .2s,transform .2s}.button.contact:hover,.button.contact:active,.button.contact:focus-visible,.floating.contact:hover,.floating.contact:active,.floating.contact:focus-visible{box-shadow:0 0 26px #FCF6BA90,0 0 8px #BF953F80}.floating.contact{display:grid;place-items:center;animation:whatsapp-gold-pulse 3s infinite}.floating.contact:hover,.floating.contact:active,.floating.contact:focus-visible{animation:none}.floating.contact .whatsapp-logo{width:30px;height:30px}@keyframes whatsapp-gold-pulse{50%{box-shadow:0 0 20px #BF953F70}}
@media(max-width:700px){.button.contact{gap:9px;padding:17px 15px}}

/* Fundo vivo de criação digital */
#tech-background{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}body{isolation:isolate;background:#0a0a0f}.portfolio{background:#0e0e15b8}.final-cta{background:radial-gradient(ellipse at bottom,#42227380,transparent 70%),#101019b8}.marquee{background:#0e0e16c9}

#tech-background{z-index:0}main,footer{position:relative;z-index:1}.hero .grid-bg{opacity:.7}.hero .one{opacity:.24}.hero .two{opacity:.22}.concept .window{border-color:#bf953f70;box-shadow:0 35px 100px #0008,0 0 45px #bf953f18}.concept{transition:transform .35s ease}.concept:hover{transform:translateY(-7px)}.concept .symbol{animation:creative-spin 22s linear infinite}.chip{border-color:#bf953f80;background:#191424eb;color:#f0d898}@keyframes creative-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.concept .symbol{animation:none}}

.studio{border:1px solid #bf953f70;border-radius:20px;padding:28px;background:linear-gradient(135deg,#252031ed,#10151ff5);box-shadow:0 25px 80px #0007,0 0 50px #bf953f15}.studio-top{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.4px;color:#ebcf94}.studio-top>span:last-child{margin-left:auto;font-size:7px;color:#9b92a9}.live-dot{width:6px;height:6px;border-radius:50%;background:#25d366;box-shadow:0 0 10px #25d366}.studio h2{font-size:43px;margin:35px 0 15px}.studio h2 em{color:#efd99d}.studio>p{font-size:12px;color:#a5a0b4}.demo-tabs{display:flex;gap:8px;margin:25px 0}.demo-tabs button{flex:1;background:#ffffff05;color:#aaa2bb;border:1px solid #ffffff18;border-radius:8px;padding:12px 5px;font-size:11px;transition:.2s}.demo-tabs button.active,.demo-tabs button:hover{color:#f9e7b7;border-color:#bf953f;background:#bf953f18;box-shadow:0 0 18px #bf953f15}.flow-preview{display:flex;align-items:center;min-height:130px}.flow-node{flex:1;text-align:center;padding:18px 5px;border:1px solid #635681;border-radius:10px;background:#191725;font-size:10px;line-height:1.6}.flow-node.featured{border-color:#d5b467;color:#f9e7b7;box-shadow:0 0 25px #bf953f20}.flow-wire{width:24px;height:1px;background:#bf953f50;position:relative;overflow:visible}.flow-wire span{position:absolute;width:5px;height:5px;border-radius:50%;background:#fcf6ba;top:-2px;box-shadow:0 0 8px #fcf6ba;animation:flow-packet 2.5s linear infinite}.demo-output{padding:20px;border:1px solid #ffffff10;background:#ffffff04;border-radius:12px;display:flex;gap:16px;min-height:130px}.demo-output>span{font-size:26px;color:#b898f5}.demo-output b{font-size:14px}.demo-output p{font-size:12px;line-height:1.8;color:#aaa3b7;margin-bottom:0}.demo-request{margin-top:23px;color:#eed9a7;font-size:12px}.demo-request .whatsapp-logo{width:20px;height:20px}@keyframes flow-packet{from{left:0}to{left:100%}}@media(max-width:700px){.interactive-demo{max-width:100%;padding:0}.studio{padding:22px}.studio h2{font-size:36px}.flow-node{font-size:9px}.demo-tabs button{font-size:10px}.studio-top{font-size:8px}.flow-preview{min-height:110px}}
/* Botão principal: azul profundo e preto, conforme revisão visual */
.hero .button.contact{background:linear-gradient(120deg,#171827,#18334b 55%,#0b101b) padding-box,linear-gradient(120deg,#BF953F,#FCF6BA,#AA771C) border-box;color:#fff}

.offer-highlight{margin-top:25px;padding:19px 22px;border:1px solid #bf953f65;border-radius:12px;background:linear-gradient(120deg,#bf953f13,#13223390);max-width:500px}.offer-tag{font-size:9px;letter-spacing:1.5px;color:#dfc485}.offer-price{font-size:19px;margin:12px 0 8px}.offer-price strong{font-size:34px;color:#fcf0c0;letter-spacing:-1px;white-space:nowrap}.hero .offer-highlight p{font-size:12px;line-height:1.7;margin:7px 0;color:#beb9cc}.offer-highlight b{color:#f3e1af}.offer-highlight small{display:block;font-size:10px;color:#9590a4;line-height:1.6}.final-cta p{line-height:1.9}.final-cta strong{color:#eddaa7}@media(max-width:700px){.offer-highlight{padding:16px}.offer-price{font-size:16px}.offer-price strong{font-size:31px}.offer-tag{font-size:8px;letter-spacing:1px}}

.final-cta .offer-highlight{margin:25px auto 30px;text-align:left}.final-cta .offer-highlight p{font-size:12px;margin:7px 0;line-height:1.7;color:#beb9cc}

.pricing-section{padding-top:25px;padding-bottom:65px}.pricing-section .section-heading{align-items:center}.pricing-section .offer-highlight{flex:1;margin:0;min-width:0}.pricing-section h2{margin-bottom:0}@media(max-width:700px){.pricing-section h2{margin-bottom:25px}}

/* Portfólio compacto com navegação lateral */
.portfolio .projects{display:flex;overflow-x:auto;gap:18px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#8b5cf6 #171522;padding:5px 3px 20px;overscroll-behavior-x:contain}.portfolio .project{flex:0 0 310px;scroll-snap-align:start}.portfolio .project-visual{height:175px;padding:15px}.portfolio .mock{height:140px}.portfolio .project-info{padding:18px}.portfolio .project h3{font-size:17px;margin:12px 0 9px}.portfolio .project p{font-size:12px;margin:0;line-height:1.65}.portfolio-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 15px}.portfolio-controls>span{font-size:11px;color:#a49bb6}.portfolio-controls .arrows{margin:0}.portfolio .filters{margin-bottom:18px}.portfolio{padding-top:65px;padding-bottom:60px}@media(max-width:700px){.portfolio .project{flex-basis:265px}.portfolio .project-visual{height:155px}.portfolio .mock{height:125px}.portfolio .section-heading h2{font-size:32px}.portfolio .section-heading>p{font-size:12px;line-height:1.6}.portfolio .filters button{padding:8px 13px;font-size:11px}}

.portfolio .project-visual{padding:0}.conceptual-project{height:100%;width:100%;background-image:url("assets/projetos-conceituais.png");background-size:300% auto;background-repeat:no-repeat;position:relative}.conceptual-project>span{position:absolute;bottom:8px;left:10px;font-size:7px;letter-spacing:1px;color:#d5c5ab;background:#0a0a0fc9;padding:5px 7px;border-radius:4px}

.illustration-label{display:block;font-size:7px;letter-spacing:1px;color:#a79b86;margin-bottom:9px}.portfolio .project-visual{background:#0b0c12}

/* Soluções: carrossel compacto, preservando todos os conteúdos */
#criamos .services{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#8b5cf6 #171522;padding:4px 2px 16px;overscroll-behavior-x:contain}#criamos .service{flex:0 0 255px;scroll-snap-align:start;padding:22px 20px}#criamos .service .icon{margin-bottom:15px;font-size:24px}#criamos .service h3{margin:0 0 10px;font-size:15px}#criamos .service p{font-size:12px;line-height:1.7}.services-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 15px}.services-controls>span{font-size:11px;color:#a49bb6}.services-controls .arrows{margin:0}#criamos{padding-bottom:45px}@media(max-width:700px){#criamos .service{flex-basis:235px;padding:20px 18px}.services-controls>span{max-width:180px;font-size:10px}}

/* Apresentação direta; exemplos concentrados no portfólio */
#criamos [hidden]{display:none!important}#criamos{padding-top:60px;padding-bottom:20px}#criamos .section-heading h2{margin-bottom:20px}#criamos .idea{padding-top:18px;padding-bottom:18px}#depoimentos{display:none}.steps p{display:none}.steps h3{margin-top:18px}.section:has(.steps){padding-top:60px;padding-bottom:60px}@media(max-width:700px){#criamos{padding-top:45px}.section:has(.steps){padding-top:45px;padding-bottom:45px}}