:root{--ink:#080b10;--paper:#f7f8fa;--blue:#0964ff;--orange:#ff6b00;--muted:#5c6570;--pad:clamp(24px,6vw,86px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}
.site-header{height:92px;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:relative;z-index:20;background:rgba(247,248,250,.86);backdrop-filter:blur(18px)}.brand{width:144px}.brand img{width:100%;height:52px;object-fit:contain}.site-header nav{display:flex;gap:48px;font-size:15px;font-weight:600}.site-header nav a,.text-link{position:relative}.site-header nav a:after,.text-link:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:linear-gradient(90deg,var(--blue),var(--orange));transition:width .25s}.site-header nav a:hover:after,.text-link:hover:after{width:100%}.header-cta{justify-self:end}.button{min-height:48px;padding:0 24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:22px;font-weight:600;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:white;box-shadow:0 10px 28px rgba(8,11,16,.12)}.button-light{background:white;color:var(--ink);min-width:260px}.menu-button,.mobile-menu{display:none}
.hero{min-height:680px;padding:80px var(--pad) 72px;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;overflow:hidden}.eyebrow{margin:0 0 28px;font-size:12px;font-weight:700;letter-spacing:.34em;color:#606976}.hero h1,.section-head h2,.project h2,.about h2,.contact h2{font-family:"Manrope",sans-serif;letter-spacing:-.055em}.hero h1{font-size:clamp(54px,6.1vw,92px);line-height:.98;margin:0 0 28px}.lead{font-size:clamp(18px,1.6vw,24px);line-height:1.45;color:var(--muted);margin:0 0 34px}.hero-art{height:500px;display:grid;place-items:center;position:relative;perspective:1000px}.hero-art img{width:min(590px,95%);z-index:2;transform-style:preserve-3d;will-change:transform;transition:transform .18s ease-out,filter .25s;filter:drop-shadow(0 32px 32px rgba(20,92,255,.18))}.hero-art:hover img{filter:drop-shadow(-12px 32px 36px rgba(20,92,255,.22)) drop-shadow(15px 24px 30px rgba(255,107,0,.16))}.art-glow{position:absolute;width:75%;height:45%;border-radius:50%;background:linear-gradient(90deg,rgba(9,100,255,.18),rgba(255,107,0,.16));filter:blur(58px);top:46%}.hero-art p{position:absolute;right:1%;top:30%;font-size:11px;font-weight:700;line-height:1.9;letter-spacing:.34em;color:#737d88}.hero-art p:before{content:"";display:block;width:36px;border-top:1px solid #929aa3;margin-bottom:16px}
.experience{padding:8px var(--pad) 68px;text-align:center}.experience h2{font-family:"Manrope",sans-serif;font-size:clamp(24px,2.1vw,34px);letter-spacing:-.04em;margin:0 0 30px}.brand-rail{display:grid;grid-template-columns:repeat(8,minmax(78px,1fr));gap:clamp(12px,2vw,28px);align-items:start}.client{background:none;border:0;padding:0;cursor:pointer;color:var(--ink)}.client>span{width:clamp(66px,6.5vw,96px);aspect-ratio:1;margin:0 auto 12px;padding:3px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--orange));transition:transform .25s,box-shadow .25s}.client>span:after{content:"";position:absolute}.client img{width:100%;height:100%;border-radius:50%;object-fit:contain;background:white;padding:10px;filter:grayscale(1) contrast(1.5) brightness(.32)}.client:hover>span,.client:focus-visible>span{transform:translateY(-7px) scale(1.04);box-shadow:0 14px 30px rgba(9,100,255,.15)}.client b{font-size:14px;font-weight:600;display:block;white-space:nowrap}.experience>.text-link{display:inline-flex;margin-top:34px;font-weight:600;gap:16px;color:#102c65}
.solutions{min-height:820px;background:radial-gradient(circle at 50% 100%,#0d3263 0,#0a1625 32%,#070b10 72%);color:white;padding:90px var(--pad) 0;overflow:hidden}.section-head h2{font-size:clamp(44px,5vw,72px);line-height:1.05;margin:0 0 54px}.service-line{display:grid;grid-template-columns:1fr 1px 1fr 1px 1fr;align-items:center;font-size:clamp(25px,3vw,42px);font-weight:400}.service-line i{display:block;width:1px;height:46px;background:#526071;justify-self:center}.service-line span:nth-of-type(2){text-align:center}.service-line span:last-child{text-align:right}.device{width:min(760px,74vw);height:450px;margin:76px auto -24px;transform:perspective(900px) rotateX(5deg);border:11px solid #151b24;border-radius:22px 22px 0 0;box-shadow:0 0 0 2px #354151,0 50px 120px #02050a;background:#071425;padding:10px}.screen{height:100%;position:relative;overflow:hidden;background:linear-gradient(130deg,#06152d,#0a1e3d);padding:44px}.screen>img:first-child{width:105px;height:42px;object-fit:contain}.screen strong{font-family:"Manrope",sans-serif;font-size:30px;line-height:1.04;display:block;margin-top:72px}.screen small{display:block;margin-top:18px;color:#aab6c4}.screen-ribbon{position:absolute;right:-40px;top:72px;width:55%;filter:drop-shadow(0 22px 26px rgba(0,0,0,.3))}
.project{padding:110px var(--pad);display:grid;grid-template-columns:.7fr 1.3fr;gap:72px;align-items:center;background:white}.project h2{font-size:clamp(46px,5.3vw,76px);line-height:1.02;margin:0 0 38px}.text-link{display:inline-flex;gap:18px;font-weight:600;border-bottom:1px solid #99baff;padding-bottom:8px}.browser-card{border-radius:18px;background:#f7f8fa;box-shadow:0 28px 70px rgba(26,38,58,.14);overflow:hidden;border:1px solid #e1e5ea}.browser-bar{height:38px;background:#f1f3f5;display:flex;align-items:center;gap:7px;padding:0 16px}.browser-bar span{width:9px;height:9px;border-radius:50%;background:#ff5f57}.browser-bar span:nth-child(2){background:#febc2e}.browser-bar span:nth-child(3){background:#28c840}.browser-body{min-height:390px;padding:44px;display:grid;grid-template-columns:.75fr 1.25fr;gap:30px}.browser-body p{font-size:10px;letter-spacing:.25em;color:#586a83}.browser-body h3{font:700 38px/1 "Manrope";letter-spacing:-.05em;margin:20px 0}.browser-body small{display:block;max-width:210px;color:#657282;line-height:1.5}.browser-body button{margin-top:25px;border:0;border-radius:999px;background:var(--blue);color:white;padding:12px 18px}.project-visual{border-radius:16px;background:linear-gradient(150deg,rgba(255,177,78,.2),rgba(3,15,31,.1)),url("assets/gilberto-moraes.webp") center/cover;display:flex;align-items:end;justify-content:end;padding:24px;color:white;font:600 22px/1.1 "Manrope"}
.about{padding:130px var(--pad);background:#f2f4f7}.about h2{font-size:clamp(42px,5vw,74px);line-height:1.08;margin:0;max-width:1100px}.contact{min-height:480px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 115%,#1674ff 0,#063a99 38%,#031a49 70%);color:white;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:80px 24px}.contact h2{font-size:clamp(48px,5vw,76px);line-height:1.03;margin:0 0 36px;position:relative;z-index:2}.contact .button{position:relative;z-index:2}.contact-orbit{position:absolute;width:135%;aspect-ratio:2.7;border-radius:50%;border-top:2px solid rgba(83,160,255,.75);top:74%;box-shadow:0 -24px 80px rgba(23,116,255,.4)}footer{min-height:120px;padding:28px var(--pad);display:flex;align-items:center;justify-content:space-between;background:white}footer>img{width:145px;height:60px;object-fit:contain}footer div{display:flex;align-items:center;gap:22px;font-size:14px}footer div span{height:20px;width:1px;background:#aab0b7}footer p{margin:0}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media (max-width:900px){.site-header{height:76px;grid-template-columns:1fr auto}.site-header nav,.header-cta{display:none}.menu-button{display:grid;width:46px;height:46px;border:0;background:var(--ink);border-radius:50%;place-content:center;gap:6px}.menu-button span{width:19px;height:2px;background:white}.mobile-menu{position:absolute;top:70px;left:20px;right:20px;border-radius:22px;background:#0a0d12;color:white;padding:22px;box-shadow:0 25px 60px rgba(0,0,0,.2)}.mobile-menu:not([hidden]){display:grid;gap:18px}.hero{min-height:auto;grid-template-columns:1fr;padding-top:70px;text-align:center}.hero-copy .button{margin:auto}.hero-art{height:350px;margin-top:30px}.hero-art p{display:none}.brand-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 4px 20px}.client{min-width:110px;scroll-snap-align:center}.solutions{min-height:700px}.service-line{font-size:23px}.device{width:94vw;height:340px;margin-top:60px}.screen{padding:28px}.screen strong{font-size:22px;margin-top:48px}.project{grid-template-columns:1fr;gap:55px}.project-copy{text-align:center}.browser-body{min-height:330px;padding:28px}.about{text-align:center}.desktop-only{display:none}}
@media (max-width:560px){.brand{width:118px}.hero{padding-top:54px}.hero h1{font-size:50px}.hero-art{height:290px}.experience{padding-bottom:48px}.section-head h2{font-size:40px}.service-line{grid-template-columns:1fr;gap:14px}.service-line i{display:none}.service-line span,.service-line span:nth-of-type(2),.service-line span:last-child{text-align:left}.device{height:285px}.screen-ribbon{opacity:.62}.project{padding-top:80px;padding-bottom:80px}.browser-body{grid-template-columns:1fr}.project-visual{min-height:210px}.about h2{font-size:38px}footer{flex-direction:column;gap:14px;text-align:center}footer div{gap:12px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero-art img,.client>span,.button{transition:none}}

.ribbon-tilt{width:min(590px,95%);z-index:2;transform-style:preserve-3d;will-change:transform;transition:transform .18s ease-out}
.hero-art .ribbon-tilt>img{width:100%;transform-style:preserve-3d;filter:drop-shadow(0 32px 32px rgba(20,92,255,.18));transition:filter .25s}
.hero-art:hover .ribbon-tilt>img{animation:ribbon-spin 1.25s cubic-bezier(.22,.7,.18,1) 1;filter:drop-shadow(-12px 32px 36px rgba(20,92,255,.22)) drop-shadow(15px 24px 30px rgba(255,107,0,.16))}
@keyframes ribbon-spin{0%{transform:rotateY(0) rotateZ(0) scale(1)}45%{transform:rotateY(180deg) rotateZ(7deg) scale(1.06)}100%{transform:rotateY(360deg) rotateZ(0) scale(1)}}
@media (prefers-reduced-motion:reduce){.hero-art:hover .ribbon-tilt>img{animation:none}}

.process{padding:120px var(--pad);background:white}.process-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:72px}.process-heading .eyebrow{margin-bottom:12px}.process h2{font:800 clamp(42px,5vw,72px)/1.05 "Manrope",sans-serif;letter-spacing:-.055em;margin:0}.process-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #dce1e7}.process-steps li{padding:28px 26px 0 0;min-height:190px;border-right:1px solid #dce1e7}.process-steps li+li{padding-left:26px}.process-steps li:last-child{border-right:0}.process-steps span{font-size:12px;font-weight:700;letter-spacing:.2em;color:var(--blue)}.process-steps h3{font:700 28px/1.1 "Manrope",sans-serif;letter-spacing:-.04em;margin:30px 0 12px}.process-steps p{font-size:16px;line-height:1.5;color:var(--muted);margin:0;max-width:220px}
.footer-signature{margin:0;color:#737c87;font-size:13px;letter-spacing:.08em}.case-dialog{width:min(880px,calc(100% - 36px));padding:0;border:0;border-radius:28px;background:white;color:var(--ink);box-shadow:0 36px 120px rgba(0,15,45,.28);overflow:hidden}.case-dialog[open]{display:grid;grid-template-columns:.85fr 1.15fr;animation:case-in .35s cubic-bezier(.22,.8,.25,1)}.case-dialog::backdrop{background:rgba(3,9,18,.58);backdrop-filter:blur(10px)}.case-logo{min-height:420px;padding:64px;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,rgba(9,100,255,.16),transparent 48%),radial-gradient(circle at 90% 80%,rgba(255,107,0,.18),transparent 52%),#f2f5f9}.case-logo img{width:210px;aspect-ratio:1;border-radius:50%;object-fit:contain;background:white;padding:24px;filter:grayscale(1) contrast(1.5) brightness(.32);border:4px solid transparent;background-clip:padding-box;box-shadow:0 0 0 4px var(--blue),0 0 0 7px var(--orange),0 24px 48px rgba(10,31,70,.18)}.case-copy{padding:70px 64px;display:flex;flex-direction:column;justify-content:center}.case-copy .eyebrow{margin-bottom:20px}.case-copy h2{font:800 clamp(38px,4vw,58px)/1 "Manrope",sans-serif;letter-spacing:-.055em;margin:0 0 18px}.case-category{font-weight:700;color:var(--blue);margin:0 0 22px}.case-description{font-size:18px;line-height:1.55;color:var(--muted);margin:0 0 36px}.case-copy .text-link{align-self:flex-start}.case-close{position:absolute;right:20px;top:20px;width:42px;height:42px;border:0;border-radius:50%;background:rgba(8,11,16,.07);font-size:28px;line-height:1;cursor:pointer;z-index:2;transition:transform .2s,background .2s}.case-close:hover{transform:rotate(90deg);background:rgba(8,11,16,.13)}@keyframes case-in{from{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:none}}
@media (max-width:900px){.process-heading{display:block}.process-steps{grid-template-columns:1fr 1fr}.process-steps li:nth-child(2){border-right:0}.process-steps li:nth-child(n+3){border-top:1px solid #dce1e7}.case-copy{padding:52px 38px}footer{flex-wrap:wrap}.footer-signature{order:3;width:100%;text-align:center}}
@media (max-width:560px){.process{padding-top:86px;padding-bottom:86px}.process-heading{margin-bottom:48px}.process-steps{grid-template-columns:1fr}.process-steps li,.process-steps li+li{padding:24px 0;min-height:0;border-right:0;border-top:1px solid #dce1e7}.process-steps h3{margin-top:18px}.case-dialog[open]{display:block;max-height:calc(100dvh - 28px);overflow-y:auto}.case-logo{min-height:230px;padding:44px}.case-logo img{width:140px}.case-copy{padding:42px 28px}.case-close{position:fixed;color:var(--ink)}.footer-signature{display:none}}

.starfield{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .8s ease;background:radial-gradient(circle at 12% 20%,rgba(9,100,255,.16),transparent 32%),radial-gradient(circle at 88% 68%,rgba(255,107,0,.11),transparent 30%),#030712}.site-header{position:relative;z-index:20}main,footer{position:relative;z-index:1}.theme-toggle{position:absolute;right:calc(var(--pad) + 196px);height:40px;padding:0 14px;border:1px solid #d9dee5;border-radius:999px;background:rgba(255,255,255,.7);color:var(--ink);display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;font-weight:700;transition:background .35s,color .35s,border-color .35s,transform .2s}.theme-toggle:hover{transform:translateY(-2px)}.theme-icon{font-size:15px;color:var(--blue)}
html.cosmic{--ink:#f6f8ff;--paper:#030712;--muted:#aeb8ca;color-scheme:dark}html.cosmic body{background:transparent}html.cosmic .starfield{opacity:1}html.cosmic .site-header{background:rgba(3,7,18,.68);border-bottom:1px solid rgba(255,255,255,.06)}html.cosmic .theme-toggle{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16);color:white}html.cosmic .theme-icon{color:#ffb15b}html.cosmic .hero,html.cosmic .experience,html.cosmic .project,html.cosmic .process,html.cosmic footer{background:rgba(3,7,18,.38)}html.cosmic .about{background:rgba(8,15,31,.72)}html.cosmic .client img{background:#f8fafc}html.cosmic .experience>.text-link{color:#8eb8ff}html.cosmic .project{border-top:1px solid rgba(255,255,255,.07)}html.cosmic .browser-card{background:#0b1220;border-color:#202b3e;box-shadow:0 28px 80px rgba(0,0,0,.42)}html.cosmic .browser-bar{background:#111a2a}html.cosmic .browser-body small,html.cosmic .browser-body p{color:#9ca9bc}html.cosmic .process-steps,html.cosmic .process-steps li{border-color:rgba(255,255,255,.13)}html.cosmic footer{border-top:1px solid rgba(255,255,255,.08)}html.cosmic footer>img,html.cosmic .brand img{filter:drop-shadow(0 0 16px rgba(9,100,255,.18))}html.cosmic .case-dialog{background:#0b1220}html.cosmic .case-logo{background:radial-gradient(circle at 20% 20%,rgba(9,100,255,.22),transparent 48%),radial-gradient(circle at 90% 80%,rgba(255,107,0,.2),transparent 52%),#08101e}html.cosmic .case-close{background:rgba(255,255,255,.1);color:white}.site-header,.hero,.experience,.project,.about,.process,footer{transition:background-color .7s ease,color .5s ease,border-color .5s ease}
@media (max-width:1100px){.theme-label{display:none}.theme-toggle{right:calc(var(--pad) + 180px);width:40px;padding:0;justify-content:center}}
@media (max-width:900px){.theme-toggle{right:78px}.theme-label{display:none}}
@media (prefers-reduced-motion:reduce){.starfield{transition:none}.theme-toggle{transition:none}}

.header-actions{justify-self:end;display:flex;align-items:center;gap:12px}.header-actions .theme-toggle{position:static;flex:0 0 auto}.contact-earth{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 68%;z-index:0;pointer-events:none}.contact:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,10,30,.14) 0,rgba(2,10,30,.05) 46%,rgba(2,7,18,.2) 100%);z-index:1;pointer-events:none}.contact h2,.contact .button{z-index:2}.contact-orbit{display:none}
html.cosmic .site-header{border-bottom:0}html.cosmic .eyebrow{color:#95a3b8}html.cosmic .button-dark,html.cosmic .button-light{background:#f7f9ff;color:#07101f}html.cosmic .button-dark:hover,html.cosmic .button-light:hover{box-shadow:0 12px 34px rgba(110,163,255,.2)}html.cosmic .footer-signature{color:#98a4b6}html.cosmic footer a,html.cosmic footer p{color:#eef3ff}
@media (max-width:1100px){.header-actions .theme-toggle{width:40px;padding:0;justify-content:center}}
@media (max-width:900px){.header-actions{position:absolute;right:78px}.header-actions .header-cta{display:none}.contact-earth{object-position:center 72%}}

html.cosmic .contact{background:transparent;border:0}html.cosmic .contact-earth{top:-2px;height:calc(100% + 4px);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 100%)}html.cosmic .contact:after{background:linear-gradient(180deg,transparent 0,rgba(2,10,30,.04) 46%,rgba(2,7,18,.18) 100%)}html.cosmic footer{border-top:0;margin-top:-1px}

html.cosmic .hero,html.cosmic .experience,html.cosmic .project,html.cosmic .about,html.cosmic .process,html.cosmic footer{background:transparent;border-color:transparent}html.cosmic footer{box-shadow:none}

html.cosmic .starfield{background:#030712}html.cosmic .solutions{background:transparent}html.cosmic .hero,html.cosmic .experience,html.cosmic .solutions,html.cosmic .project,html.cosmic .about,html.cosmic .process{background-color:transparent;background-image:none}

html:not(.cosmic) body{background:#f7f8fa}html:not(.cosmic) .site-header{background:rgba(247,248,250,.9);border-bottom:0}html:not(.cosmic) .hero,html:not(.cosmic) .experience,html:not(.cosmic) .project,html:not(.cosmic) .about,html:not(.cosmic) .process{background-color:transparent;background-image:none;border-color:transparent}html:not(.cosmic) .project{box-shadow:inset 0 1px rgba(25,45,75,.035)}html:not(.cosmic) .browser-card{box-shadow:0 30px 80px rgba(31,56,91,.11);border-color:rgba(31,56,91,.1)}html:not(.cosmic) .device{box-shadow:0 0 0 2px #354151,0 55px 130px rgba(2,18,40,.48)}html:not(.cosmic) .about{position:relative}html:not(.cosmic) .about:after{content:"";position:absolute;right:7%;top:20%;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(9,100,255,.055),transparent 70%);pointer-events:none}html:not(.cosmic) .contact{min-height:560px;background:linear-gradient(180deg,#f7f8fa 0,#eaf1fb 9%,#174b88 30%,#061a3d 48%,#020713 100%)}html:not(.cosmic) .contact-earth{top:-2px;height:calc(100% + 4px);object-position:center 70%;filter:brightness(1.13) saturate(.88);-webkit-mask-image:linear-gradient(to bottom,transparent 0,transparent 8%,#000 31%,#000 100%);mask-image:linear-gradient(to bottom,transparent 0,transparent 8%,#000 31%,#000 100%)}html:not(.cosmic) .contact:after{background:linear-gradient(180deg,transparent 0,rgba(2,10,30,.02) 48%,rgba(2,7,18,.18) 100%)}html:not(.cosmic) footer{margin-top:-1px;background:#020713;color:#f4f7ff;border-top:0}html:not(.cosmic) footer a,html:not(.cosmic) footer p{color:#f4f7ff}html:not(.cosmic) .footer-signature{color:#9da9ba}html:not(.cosmic) footer div span{background:#526079}html:not(.cosmic) footer>img{filter:drop-shadow(0 0 18px rgba(9,100,255,.14))}
@media (max-width:560px){html:not(.cosmic) .contact{min-height:520px}html:not(.cosmic) .contact-earth{object-position:center 72%}html:not(.cosmic) .about:after{width:180px;height:180px}}

.contact-ribbon{display:none}html:not(.cosmic) body{background:#fff}html:not(.cosmic) .site-header{background:rgba(255,255,255,.92)}html:not(.cosmic) .hero,html:not(.cosmic) .experience,html:not(.cosmic) .project,html:not(.cosmic) .about,html:not(.cosmic) .process{background:#fff;border-color:transparent}html:not(.cosmic) .solutions{background:radial-gradient(circle at 50% 100%,#0d3263 0,#0a1625 32%,#070b10 72%)}html:not(.cosmic) .about:after{display:none}html:not(.cosmic) .contact{min-height:560px;background:#fff;color:var(--ink);text-align:left;align-items:flex-start;padding-left:var(--pad);padding-right:var(--pad)}html:not(.cosmic) .contact-earth{display:none}html:not(.cosmic) .contact-ribbon{display:block;position:absolute;right:2%;top:50%;width:min(660px,52vw);transform:translateY(-50%);z-index:1;filter:drop-shadow(-18px 34px 38px rgba(9,100,255,.16)) drop-shadow(22px 28px 34px rgba(255,107,0,.13));animation:contact-ribbon-float 5.5s ease-in-out infinite;pointer-events:none}html:not(.cosmic) .contact:before{content:"";position:absolute;right:4%;top:22%;width:48%;height:58%;border-radius:50%;background:linear-gradient(90deg,rgba(9,100,255,.1),rgba(255,107,0,.09));filter:blur(60px);z-index:0;pointer-events:none}html:not(.cosmic) .contact:after{display:none}html:not(.cosmic) .contact h2{width:52%;color:var(--ink);margin-bottom:30px}html:not(.cosmic) .contact .button-light{background:var(--ink);color:#fff}html:not(.cosmic) footer{margin-top:0;background:#fff;color:var(--ink);border-top:0}html:not(.cosmic) footer a,html:not(.cosmic) footer p{color:var(--ink)}html:not(.cosmic) .footer-signature{color:#737c87}html:not(.cosmic) footer div span{background:#aab0b7}@keyframes contact-ribbon-float{0%,100%{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 12px))}}
@media (max-width:760px){html:not(.cosmic) .contact{min-height:600px;text-align:center;align-items:center;justify-content:flex-start;padding-top:78px}html:not(.cosmic) .contact h2{width:100%}html:not(.cosmic) .contact-ribbon{width:92vw;right:4%;top:72%;opacity:.88}html:not(.cosmic) .contact:before{width:90%;height:42%;right:5%;top:52%}}
@media (prefers-reduced-motion:reduce){html:not(.cosmic) .contact-ribbon{animation:none}}

html:not(.cosmic) .solutions{background:#fff;color:var(--ink)}html:not(.cosmic) .solutions .service-line i{background:#d9dee5}html:not(.cosmic) .solutions .device,html:not(.cosmic) .solutions .screen{color:#fff}

/* Revisão de qualidade (impeccable audit) */
.hero h1,.section-head h2,.project h2,.about h2,.contact h2,.process h2,.case-copy h2{letter-spacing:-.04em}
.ribbon-tilt,.hero-art img{will-change:auto}
.hero-art p{top:auto;right:2%;bottom:3%;margin:0;display:flex;align-items:center;gap:14px;font-size:11px;line-height:1;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);z-index:3}
.hero-art p:before{display:inline-block;width:32px;margin:0;border-top-color:currentColor;opacity:.6}
.footer-signature{color:var(--muted);letter-spacing:.04em}
html:not(.cosmic) .footer-signature{color:var(--muted)}
.project-visual{background:linear-gradient(0deg,rgba(3,12,28,.78) 0,rgba(3,12,28,0) 58%),linear-gradient(150deg,rgba(255,177,78,.2),rgba(3,15,31,.1)),url("assets/gilberto-moraes.webp") center/cover}
.browser-body .mock-title{display:block;font:700 38px/1 "Manrope",sans-serif;letter-spacing:-.04em;margin:20px 0}
.browser-body .mock-button{display:inline-block;margin-top:25px;border-radius:999px;background:var(--blue);color:#fff;padding:12px 18px;font-size:14px}
.theme-icon{display:grid;place-items:center}.theme-icon svg{display:block}.theme-icon .icon-light{display:none}
html.cosmic .theme-icon .icon-cosmic{display:none}html.cosmic .theme-icon .icon-light{display:block}
.case-close{display:grid;place-items:center;color:var(--ink)}
:where(a,button,[tabindex]):focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px}
.button:focus-visible,.theme-toggle:focus-visible,.menu-button:focus-visible,.case-close:focus-visible{border-radius:999px}
.client:focus-visible{outline:0}.client:focus-visible>span{outline:2px solid var(--blue);outline-offset:4px}
html.cosmic :where(a,button,[tabindex]):focus-visible{outline-color:#8eb8ff}
::selection{background:rgba(9,100,255,.18);color:inherit}html.cosmic ::selection{background:rgba(142,184,255,.3)}
@media (max-width:900px){.browser-body .mock-title{font-size:30px}}
img{height:auto}

/* Projetos (Gilberto Moraes e URI em Destaque) */
.project{display:block}
.project .projects-title{font:800 clamp(42px,5vw,72px)/1.05 "Manrope",sans-serif;letter-spacing:-.04em;margin:0 0 clamp(56px,7vw,88px)}
.case{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(36px,6vw,88px);align-items:center}
.case+.case{margin-top:clamp(72px,9vw,120px)}
.case-flip{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.case-flip .case-text{order:2}
.case h3{font:800 clamp(32px,3.2vw,46px)/1.05 "Manrope",sans-serif;letter-spacing:-.04em;margin:0 0 10px}
.case-kind{font-weight:700;color:var(--blue);margin:0 0 20px}
.case-text p:not(.case-kind){font-size:17px;line-height:1.6;color:var(--muted);margin:0 0 30px;max-width:46ch}
.case-shot{display:block;transition:transform .45s cubic-bezier(.22,.8,.25,1),box-shadow .45s cubic-bezier(.22,.8,.25,1)}
.case-shot img{width:100%;height:auto;display:block}
.case-shot .browser-bar em{margin-left:14px;padding:4px 12px;border-radius:999px;background:rgba(8,11,16,.05);font:500 12px/1 "DM Sans",sans-serif;font-style:normal;color:var(--muted)}
.case:hover .case-shot{transform:translateY(-6px);box-shadow:0 40px 90px rgba(26,38,58,.18)}
html.cosmic .case-kind{color:#8eb8ff}html.cosmic .case-shot .browser-bar em{background:rgba(255,255,255,.06)}html.cosmic .case:hover .case-shot{box-shadow:0 40px 90px rgba(0,0,0,.5)}
@media (max-width:900px){.case,.case-flip{grid-template-columns:1fr;gap:32px}.case-flip .case-text{order:0}.case-shot{order:-1}}
@media (prefers-reduced-motion:reduce){.case-shot{transition:none}.case:hover .case-shot{transform:none}}
.case-text p,.lead,.process-steps p,.case-description{text-wrap:pretty}

/* WhatsApp */
.wa-icon{flex:0 0 auto}.button .wa-icon{margin-right:-8px}
.contact-actions{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px}
.contact-alt{font-weight:600;font-size:15px;opacity:.8;transition:opacity .2s}.contact-alt:hover{opacity:1}
html:not(.cosmic) .contact-alt{color:var(--ink)}
.wa-float{display:none}
@media (max-width:900px){
  .wa-float{display:grid;place-items:center;position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:30;width:56px;height:56px;border-radius:50%;background:var(--ink);color:#fff;box-shadow:0 14px 34px rgba(8,11,16,.28);opacity:0;transform:translateY(16px) scale(.9);pointer-events:none;transition:opacity .3s cubic-bezier(.22,.8,.25,1),transform .3s cubic-bezier(.22,.8,.25,1)}
  .wa-float .wa-icon{width:26px;height:26px}
  .wa-float.is-visible{opacity:1;transform:none;pointer-events:auto}
  html.cosmic .wa-float{background:#f7f9ff;color:#07101f}
  .contact-actions{justify-content:center}
}
@media (max-width:760px){html:not(.cosmic) .contact .contact-actions{flex-direction:column}}
@media (prefers-reduced-motion:reduce){.wa-float{transition:none}}

.contact-promise{position:relative;z-index:2;margin:20px 0 0;font-size:15px;line-height:1.5;opacity:.82;max-width:34ch}html:not(.cosmic) .contact-promise{color:var(--muted);opacity:1}@media (max-width:760px){.contact-promise{margin-inline:auto}}
.contact-promise{max-width:46ch;text-wrap:balance}
@media (max-width:760px){html:not(.cosmic) .contact{min-height:0;padding-bottom:40px}html:not(.cosmic) .contact-ribbon{position:relative;top:auto;right:auto;width:min(88vw,420px);margin:36px auto 0;transform:none;animation:none;opacity:1}html:not(.cosmic) .contact:before{top:auto;bottom:6%;height:36%}footer div{flex-wrap:wrap;justify-content:center;row-gap:8px}footer div>a,footer div>p{white-space:nowrap}}
@media (max-width:760px){html:not(.cosmic) .contact-ribbon{order:3}}
@media (max-width:760px){footer div>span{display:none}footer div{column-gap:20px}}