:root{--ink:#101611;--ink-soft:#4e5b52;--paper:#f4f7f2;--paper-2:#fff;--green:#77c52b;--green-deep:#183b24;--dark:#07100b;--dark-2:#0c1811;--line:rgba(16,22,17,.14);--line-light:rgba(255,255,255,.14);--shadow:0 30px 80px rgba(22,42,28,.12);--radius:26px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}body.modal-open{overflow:hidden}a{color:inherit}.noise-layer{position:fixed;inset:0;z-index:1000;pointer-events:none;opacity:.022;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.page-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:120;background:transparent}.page-progress span{display:block;width:100%;height:100%;background:var(--green);transform:scaleX(0);transform-origin:left}.cursor-aura{position:fixed;width:320px;height:320px;border-radius:50%;pointer-events:none;z-index:-1;background:radial-gradient(circle,rgba(119,197,43,.16),transparent 68%);transform:translate3d(-50%,-50%,0);opacity:0;transition:opacity .25s}.portfolio-header{position:fixed;top:14px;left:2.2vw;right:2.2vw;z-index:90;height:68px;padding:0 15px 0 22px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(16,22,17,.10);border-radius:18px;background:rgba(255,255,255,.72);box-shadow:0 12px 40px rgba(19,34,23,.08);backdrop-filter:blur(20px);transition:background .35s,border-color .35s,color .35s,transform .35s}.portfolio-header.header-dark{background:rgba(7,16,11,.78);border-color:rgba(255,255,255,.12);color:#fff}.portfolio-header.header-hidden{transform:translateY(-120%)}.brand{display:flex;align-items:center}.brand img{width:145px;height:auto;transition:filter .3s}.header-dark .brand img{filter:brightness(0) invert(1)}.portfolio-header nav{display:flex;align-items:center;gap:28px}.portfolio-header nav a{text-decoration:none;font-size:12px;font-weight:700}.nav-cta{display:flex;align-items:center;gap:14px;padding:12px 15px;border-radius:12px;background:var(--ink);color:#fff}.header-dark .nav-cta{background:#fff;color:var(--ink)}.portfolio-hero{position:relative;min-height:100vh;padding:150px 5vw 65px;display:flex;align-items:flex-end;overflow:hidden;background:linear-gradient(145deg,#fbfcfa 0%,#edf4e9 55%,#f7f8f2 100%)}.portfolio-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(21,40,25,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(21,40,25,.055) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 84%)}.hero-copy{position:relative;z-index:3;width:min(92%,1380px);margin:0 auto}.eyebrow{overflow:hidden;font-size:11px;font-weight:800;letter-spacing:.2em;color:var(--green-deep)}.eyebrow span{display:block;transform:translateY(110%);animation:lineIn .8s .15s forwards}.hero-title{margin:28px 0 34px;font-size:clamp(60px,9vw,134px);line-height:.88;letter-spacing:-.075em;font-weight:800;max-width:1250px}.title-line{display:block;overflow:hidden}.title-line>span{display:block;transform:translateY(110%);animation:titleIn 1.1s cubic-bezier(.16,1,.3,1) forwards}.title-line:nth-child(2)>span{animation-delay:.08s}.title-line:nth-child(3)>span{animation-delay:.16s}.accent-line>span{color:var(--green-deep);font-weight:500}.hero-bottom{display:grid;grid-template-columns:minmax(280px,590px) auto;gap:60px;align-items:end}.hero-bottom p{margin:0;font-size:16px;line-height:1.75;color:var(--ink-soft)}.hero-actions{display:flex;gap:10px;justify-content:flex-end}.button,.cta-button{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:16px 20px;border-radius:13px;text-decoration:none;font-size:13px;font-weight:800;overflow:hidden}.button-primary{background:var(--ink);color:#fff}.button-ghost{border:1px solid var(--line);background:rgba(255,255,255,.5)}.button span,.nav-cta span{transition:transform .3s}.button:hover span,.nav-cta:hover span{transform:translate(3px,-3px)}.hero-visual{position:absolute;right:3%;top:8%;width:46vw;height:62vh;pointer-events:none;z-index:1;opacity:.82}.hero-sphere{position:absolute;width:340px;height:340px;right:9%;top:16%;border-radius:50%;background:radial-gradient(circle at 34% 25%,#e9ffbe 0,#8dd437 30%,#347036 73%,#102c1d 100%);box-shadow:inset -35px -35px 70px rgba(3,20,9,.36),0 45px 90px rgba(52,112,54,.28);animation:sphereFloat 7s ease-in-out infinite}.hero-orbit{position:absolute;border:1px solid rgba(24,59,36,.22);border-radius:50%;animation:orbitRotate 18s linear infinite}.orbit-one{width:520px;height:220px;right:0;top:28%;transform:rotate(-24deg)}.orbit-two{width:620px;height:330px;right:-10%;top:17%;transform:rotate(18deg);animation-direction:reverse;animation-duration:25s}.hero-card{position:absolute;width:145px;padding:18px;border-radius:18px;background:rgba(255,255,255,.72);border:1px solid rgba(16,22,17,.1);box-shadow:var(--shadow);backdrop-filter:blur(16px)}.hero-card span,.hero-card strong{display:block}.hero-card span{font-size:9px;letter-spacing:.16em;color:var(--ink-soft)}.hero-card strong{font-size:38px;margin-top:6px}.hero-card-a{right:40%;top:23%;transform:rotate(-8deg)}.hero-card-b{right:3%;bottom:10%;transform:rotate(7deg)}.scroll-hint{position:absolute;right:5vw;bottom:28px;z-index:4;display:flex;align-items:center;gap:10px}.scroll-hint span{width:42px;height:1px;background:var(--ink);transform-origin:left;animation:scrollPulse 1.7s ease-in-out infinite}.scroll-hint small{font-size:9px;letter-spacing:.18em}.statement-section{padding:145px 5vw 165px;background:#fff}.statement-kicker,.process-heading>span{width:min(90%,1280px);margin:0 auto 36px;font-size:11px;font-weight:800;letter-spacing:.18em;color:var(--green-deep)}.statement-text{width:min(90%,1280px);margin:auto;font-size:clamp(42px,6.2vw,88px);line-height:1.05;letter-spacing:-.055em;font-weight:600}.statement-text .word{display:inline-block;opacity:.16;transform:translateY(16px);transition:opacity .6s,transform .6s}.statement-text .word.is-visible{opacity:1;transform:none}.marquee{overflow:hidden;padding:23px 0;background:var(--green);color:#0a180d;transform:rotate(-1deg) scale(1.015);position:relative;z-index:3}.marquee-track{display:flex;align-items:center;gap:35px;width:max-content;animation:marquee 28s linear infinite}.marquee span{font-size:16px;font-weight:800;letter-spacing:.1em;white-space:nowrap}.marquee i{font-style:normal}.project-index,.portfolio-section,.process-section{width:min(90%,1320px);margin:auto}.project-index{padding:150px 0 50px}.index-copy{display:grid;grid-template-columns:.34fr 1fr;gap:70px;align-items:start}.index-copy>span,.section-intro span,.system-copy>span,.portfolio-cta>span{font-size:10px;font-weight:800;letter-spacing:.2em;color:var(--green-deep)}.index-copy h2{margin:0;font-size:clamp(42px,6vw,82px);line-height:1.02;letter-spacing:-.055em}.filter-wrap{margin-top:70px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.filter-wrap>span{font-size:11px;color:var(--ink-soft)}.portfolio-filters{display:flex;gap:8px}.portfolio-filters button{border:1px solid var(--line);background:#fff;color:var(--ink);padding:11px 15px;border-radius:999px;cursor:pointer;font:700 11px Manrope}.portfolio-filters button.active{background:var(--ink);color:#fff}.portfolio-section{padding:110px 0 170px}.section-intro{display:grid;grid-template-columns:1.35fr .65fr;gap:90px;align-items:end;margin-bottom:70px}.section-intro h2{margin:18px 0 0;font-size:clamp(42px,5.5vw,75px);line-height:1.02;letter-spacing:-.055em}.section-intro p{margin:0;color:var(--ink-soft);font-size:14px;line-height:1.8}.landing-showcase{display:grid;grid-template-columns:1.12fr .88fr;gap:90px 34px}.landing-project:nth-child(4n+1){grid-column:1/-1}.landing-project:nth-child(4n+2){margin-top:90px}.landing-project{transition:opacity .5s,transform .7s;transform-style:preserve-3d}.landing-shot{position:relative;height:620px;overflow:hidden;border-radius:var(--radius);background:#dfe6dc;box-shadow:0 24px 60px rgba(26,51,32,.12);transform:translateZ(0)}.landing-project:nth-child(4n+1) .landing-shot{height:740px}.landing-shot:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.55);border-radius:inherit;pointer-events:none}.landing-shot img{display:block;width:100%;height:auto;min-height:100%;object-fit:cover;object-position:top;transition:transform 9s cubic-bezier(.16,1,.3,1),filter .5s}.landing-shot:hover img{transform:translateY(calc(-100% + 620px))}.landing-project:nth-child(4n+1) .landing-shot:hover img{transform:translateY(calc(-100% + 740px))}.shot-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(3,12,6,.42),transparent 36%);opacity:.65;transition:opacity .4s;pointer-events:none}.landing-shot:hover .shot-overlay{opacity:.2}.project-open{position:absolute;right:20px;bottom:20px;border:0;border-radius:14px;padding:13px 15px 13px 17px;background:rgba(255,255,255,.92);color:var(--ink);display:flex;align-items:center;gap:22px;font:800 11px Manrope;cursor:pointer;box-shadow:0 12px 30px rgba(0,0,0,.12);backdrop-filter:blur(12px)}.project-open b{font-size:16px}.project-meta{display:grid;grid-template-columns:52px 1fr;gap:18px;margin-top:22px}.project-meta>span{font-size:11px;font-weight:800;color:var(--green-deep)}.project-meta small{font-size:9px;color:var(--green-deep);font-weight:800;text-transform:uppercase;letter-spacing:.15em}.project-meta h3{margin:8px 0 7px;font-size:29px;letter-spacing:-.035em}.project-meta p{max-width:520px;margin:0;color:var(--ink-soft);font-size:13px;line-height:1.7}.systems-section{position:relative;background:var(--dark);color:#fff;padding:150px 5vw 170px;overflow:hidden}.systems-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:65px 65px;mask-image:linear-gradient(to bottom,transparent,black 15%,black 85%,transparent)}.systems-inner{position:relative;z-index:2;width:min(100%,1320px);margin:auto}.section-intro-dark span,.system-copy>span{color:var(--green)}.section-intro-dark p,.system-copy p,.system-copy li{color:#a8b6ac}.systems-sticky-label{position:absolute;right:-1vw;top:50%;writing-mode:vertical-rl;transform:translateY(-50%);font-size:clamp(100px,15vw,220px);font-weight:800;letter-spacing:-.08em;color:rgba(255,255,255,.025);pointer-events:none}.system-project{display:grid;grid-template-columns:.72fr 1.28fr;gap:8vw;align-items:center;margin:80px 0 190px}.system-project-reverse{grid-template-columns:1.28fr .72fr}.system-project-reverse .system-copy{order:2}.system-copy h3{font-size:clamp(38px,4.5vw,64px);line-height:1.03;letter-spacing:-.05em;margin:18px 0 25px}.system-copy p,.system-copy li{font-size:13px;line-height:1.75}.system-copy ul{padding-left:18px;margin:25px 0}.system-count{display:flex;align-items:flex-end;gap:14px;margin-top:34px;padding-top:25px;border-top:1px solid var(--line-light)}.system-count strong{font-size:48px;line-height:1;color:var(--green)}.system-count span{font-size:11px;color:#a8b6ac;padding-bottom:5px}.system-stage{position:relative;min-height:620px;perspective:1200px}.system-stage figure{margin:0;overflow:hidden;border-radius:20px;border:1px solid rgba(255,255,255,.14);background:#101c15;box-shadow:0 35px 90px rgba(0,0,0,.42)}.system-stage img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.stage-main{position:absolute;inset:6% 3% 8% 4%;transform:rotateY(-4deg) rotateX(2deg)}.stage-float{position:absolute;width:43%;height:235px;z-index:2}.stage-float-top{right:-2%;top:-1%;transform:rotate(4deg)}.stage-float-bottom{left:-4%;bottom:-1%;transform:rotate(-5deg)}.process-section{padding:155px 0}.process-heading{display:grid;grid-template-columns:.4fr 1fr;gap:70px}.process-heading>span{margin:15px 0 0;width:auto}.process-heading h2{margin:0;font-size:clamp(42px,5.5vw,76px);line-height:1.02;letter-spacing:-.055em}.process-list{margin-top:75px;border-top:1px solid var(--line)}.process-row{display:grid;grid-template-columns:70px .7fr 1fr 30px;gap:25px;align-items:center;padding:28px 5px;border-bottom:1px solid var(--line);transition:background .35s,padding .35s}.process-row:hover{background:#fff;padding-left:22px;padding-right:22px}.process-row span{font-size:11px;color:var(--green-deep);font-weight:800}.process-row h3{margin:0;font-size:25px}.process-row p{margin:0;color:var(--ink-soft);font-size:13px}.process-row i{font-style:normal;font-size:20px}.portfolio-cta{position:relative;min-height:82vh;padding:120px 7vw;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:var(--green);color:#07100b}.portfolio-cta>span{color:#07100b}.portfolio-cta h2{position:relative;z-index:2;max-width:1100px;margin:25px auto 45px;font-size:clamp(50px,7vw,98px);line-height:.98;letter-spacing:-.065em}.cta-button{z-index:2;background:var(--ink);color:#fff;padding:18px 22px}.cta-button b{font-size:18px}.cta-orbit{position:absolute;width:620px;height:620px;border:1px solid rgba(7,16,11,.16);border-radius:50%;animation:orbitPulse 6s ease-in-out infinite}.cta-orbit:before,.cta-orbit:after{content:"";position:absolute;border:1px solid rgba(7,16,11,.13);border-radius:50%}.cta-orbit:before{inset:70px}.cta-orbit:after{inset:145px}.portfolio-footer{padding:36px 5vw;display:flex;justify-content:space-between;align-items:center;background:#fff;border-top:1px solid var(--line);color:var(--ink-soft);font-size:11px}.portfolio-footer img{width:135px}.portfolio-footer a{text-decoration:none;font-weight:700;color:var(--ink)}.portfolio-lightbox{position:fixed;inset:0;z-index:200;visibility:hidden;opacity:0;background:#eef3eb;transition:opacity .35s,visibility .35s}.portfolio-lightbox.open{visibility:visible;opacity:1}.lightbox-top{position:fixed;left:0;right:0;top:0;height:72px;padding:0 4vw;z-index:2;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.8);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.lightbox-top span{font-size:10px;letter-spacing:.18em;font-weight:800}.lightbox-top button{width:43px;height:43px;border:1px solid var(--line);border-radius:50%;background:#fff;font-size:25px;cursor:pointer}.lightbox-canvas{height:100%;overflow:auto;padding:110px 20px 70px;text-align:center}.lightbox-canvas img{width:min(1050px,95vw);height:auto;border-radius:20px;box-shadow:0 30px 100px rgba(15,34,20,.18)}.portfolio-item.hidden{display:none}.reveal-up,.reveal-card,.reveal-stage{opacity:0;transform:translateY(55px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}.reveal-card{transform:translateY(70px) scale(.97)}.reveal-stage{transform:translateY(50px) rotateX(5deg)}.is-revealed{opacity:1;transform:none}.magnetic{will-change:transform}.portfolio-item{transition:opacity .4s,transform .5s}@keyframes titleIn{to{transform:none}}@keyframes lineIn{to{transform:none}}@keyframes sphereFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(20px) rotate(7deg)}}@keyframes orbitRotate{to{transform:rotate(336deg)}}@keyframes scrollPulse{0%,100%{transform:scaleX(.35);opacity:.45}50%{transform:scaleX(1);opacity:1}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes orbitPulse{0%,100%{transform:scale(.88);opacity:.55}50%{transform:scale(1.05);opacity:1}}@media(max-width:1050px){.hero-visual{opacity:.45;width:60vw}.hero-title{font-size:clamp(58px,10vw,100px)}.hero-bottom{grid-template-columns:1fr}.hero-actions{justify-content:flex-start}.index-copy,.section-intro,.process-heading{grid-template-columns:1fr;gap:30px}.system-project,.system-project-reverse{grid-template-columns:1fr}.system-project-reverse .system-copy{order:0}.system-stage{min-height:560px}.landing-showcase{grid-template-columns:1fr}.landing-project:nth-child(4n+1){grid-column:auto}.landing-project:nth-child(4n+2){margin-top:0}.landing-shot,.landing-project:nth-child(4n+1) .landing-shot{height:620px}.landing-shot:hover img,.landing-project:nth-child(4n+1) .landing-shot:hover img{transform:none}}@media(max-width:720px){.portfolio-header{top:8px;left:10px;right:10px;height:62px}.portfolio-header nav a:not(.nav-cta){display:none}.brand img{width:125px}.portfolio-hero{min-height:930px;padding:135px 22px 55px;align-items:flex-start}.hero-copy{width:100%}.hero-title{margin-top:22px;font-size:clamp(50px,15vw,76px);line-height:.92}.hero-bottom{gap:28px}.hero-actions{flex-direction:column;align-items:stretch}.button{width:100%}.hero-visual{width:100%;height:390px;right:-15%;top:auto;bottom:0;opacity:.8}.hero-sphere{width:230px;height:230px;right:15%;top:22%}.orbit-one{width:360px;height:160px}.orbit-two{width:440px;height:250px}.hero-card{width:115px;padding:13px}.hero-card strong{font-size:27px}.hero-card-a{right:47%;top:17%}.hero-card-b{right:6%;bottom:7%}.scroll-hint{display:none}.statement-section{padding:100px 22px}.statement-text{width:100%;font-size:39px}.statement-kicker{width:100%}.project-index,.portfolio-section,.process-section{width:auto;margin-left:22px;margin-right:22px}.project-index{padding-top:105px}.index-copy h2,.section-intro h2,.process-heading h2{font-size:42px}.filter-wrap{align-items:flex-start;gap:18px;flex-direction:column}.portfolio-filters{max-width:100%;overflow-x:auto;padding-bottom:5px}.portfolio-section{padding:80px 0 110px}.landing-shot,.landing-project:nth-child(4n+1) .landing-shot{height:480px}.project-meta{grid-template-columns:38px 1fr}.systems-section{padding:105px 22px}.system-project{margin-bottom:120px;gap:40px}.system-copy h3{font-size:39px}.system-stage{min-height:400px}.stage-main{inset:5% 0 15%}.stage-float{height:145px;width:49%}.stage-float-top{right:-4%}.stage-float-bottom{left:-4%}.process-section{padding:105px 0}.process-row{grid-template-columns:40px 1fr 22px;gap:15px}.process-row p{grid-column:2/4}.portfolio-cta{min-height:680px;padding:90px 22px}.portfolio-cta h2{font-size:50px}.cta-orbit{width:430px;height:430px}.portfolio-footer{flex-direction:column;gap:20px;text-align:center}.cursor-aura{display:none}}@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-up,.reveal-card,.reveal-stage,.statement-text .word{opacity:1;transform:none}.landing-shot:hover img{transform:none!important}}

/* 2026-08-06 — Hero com ícone Conecta+ 3D e faixa de oferta */
.hero-brand-visual{opacity:1;right:2%;top:5%;width:48vw;height:67vh;filter:none}
.hero-logo-stage{position:absolute;right:8%;top:11%;width:390px;height:390px;border-radius:34%;transform-style:preserve-3d;animation:conectaLogoFloat 6.8s ease-in-out infinite;filter:drop-shadow(0 34px 48px rgba(43,107,31,.18))}
.hero-logo-halo{position:absolute;inset:-24%;border-radius:50%;background:radial-gradient(circle,rgba(124,228,36,.32) 0%,rgba(119,197,43,.12) 36%,rgba(255,255,255,0) 70%);filter:blur(10px);animation:conectaHalo 4.6s ease-in-out infinite}
.hero-logo-depth{position:absolute;inset:18%;border-radius:42%;background:linear-gradient(145deg,rgba(8,43,16,.42),rgba(130,240,54,.18));filter:blur(1px);transform:translateZ(-34px) rotate(-7deg);opacity:.6}
.hero-logo-depth.depth-mid{inset:14%;transform:translateZ(-18px) rotate(4deg);background:linear-gradient(145deg,rgba(136,239,60,.38),rgba(4,37,13,.27));opacity:.8}
.hero-logo-icon{position:absolute;inset:5%;overflow:hidden;border-radius:34%;background:rgba(255,255,255,.86);box-shadow:inset 0 0 0 1px rgba(255,255,255,.92),inset -18px -20px 34px rgba(29,100,27,.08),0 28px 80px rgba(36,94,32,.20);backdrop-filter:blur(10px);transform:translateZ(25px) rotate(-2deg);animation:conectaLogoRock 7s ease-in-out infinite}
.hero-logo-icon:before{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.78) 43%,rgba(255,255,255,.05) 58%,transparent 74%);transform:translateX(-130%);animation:conectaLogoShine 4.2s ease-in-out infinite;pointer-events:none}
.hero-logo-icon img{position:absolute;width:760px;max-width:none;height:auto;left:-122px;top:-77px;mix-blend-mode:multiply;filter:saturate(1.2) contrast(1.08) drop-shadow(0 16px 15px rgba(14,64,17,.18));transform:translateZ(35px)}
.hero-logo-gloss{position:absolute;inset:5%;border-radius:34%;z-index:5;pointer-events:none;transform:translateZ(48px);background:radial-gradient(circle at 28% 20%,rgba(255,255,255,.85),transparent 26%),linear-gradient(145deg,rgba(255,255,255,.38),transparent 38%,rgba(119,197,43,.08) 78%);box-shadow:inset 0 1px 0 rgba(255,255,255,.85)}
.offer-marquee{padding:21px 0;background:linear-gradient(90deg,#5fb31f 0%,#8bd936 48%,#67bd20 100%);color:#07100b;box-shadow:0 14px 36px rgba(76,145,28,.20);border-top:1px solid rgba(7,16,11,.12);border-bottom:1px solid rgba(7,16,11,.12)}
.offer-marquee .marquee-track{gap:28px;animation-duration:20s}
.offer-marquee span{font-size:17px;font-weight:900;letter-spacing:.115em;text-transform:uppercase}
.offer-marquee i{font-size:15px;color:#fff;text-shadow:0 1px 12px rgba(255,255,255,.55)}
@keyframes conectaLogoFloat{0%,100%{transform:translateY(0) rotateX(2deg) rotateY(-5deg)}50%{transform:translateY(24px) rotateX(-3deg) rotateY(7deg)}}
@keyframes conectaLogoRock{0%,100%{transform:translateZ(25px) rotate(-2deg) scale(1)}50%{transform:translateZ(30px) rotate(2.2deg) scale(1.018)}}
@keyframes conectaLogoShine{0%,16%{transform:translateX(-140%) skewX(-14deg)}45%,100%{transform:translateX(150%) skewX(-14deg)}}
@keyframes conectaHalo{0%,100%{transform:scale(.92);opacity:.58}50%{transform:scale(1.08);opacity:1}}
@media(max-width:1050px){.hero-brand-visual{width:60vw;opacity:.72}.hero-logo-stage{width:320px;height:320px;right:4%;top:18%}.hero-logo-icon img{width:620px;left:-101px;top:-64px}}
@media(max-width:720px){.hero-brand-visual{width:100%;height:405px;right:-10%;bottom:-2%;top:auto;opacity:.94}.hero-logo-stage{width:245px;height:245px;right:12%;top:22%}.hero-logo-icon img{width:474px;left:-78px;top:-49px}.offer-marquee{padding:17px 0}.offer-marquee span{font-size:13px;letter-spacing:.1em}}
@media(prefers-reduced-motion:reduce){.hero-logo-stage,.hero-logo-icon,.hero-logo-icon:before,.hero-logo-halo{animation:none!important}}

/* 2026-08-07 — Hero escuro responsivo + portfólio dinâmico */
.portfolio-hero.portfolio-hero-dark{min-height:100vh;padding:126px max(5vw,48px) 72px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.72fr);gap:4vw;align-items:center;background:radial-gradient(circle at 82% 35%,rgba(112,220,36,.13),transparent 29%),linear-gradient(135deg,#030704 0%,#07100b 48%,#0b1710 100%);color:#fff;isolation:isolate}.portfolio-hero.portfolio-hero-dark:before{background-image:linear-gradient(rgba(153,255,94,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(153,255,94,.055) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black 10%,transparent 95%);z-index:-2}.hero-dark-grid{position:absolute;inset:0;z-index:-3;background:linear-gradient(120deg,transparent 0 47%,rgba(119,197,43,.04) 48% 52%,transparent 53%);background-size:360px 360px;animation:heroGridDrift 20s linear infinite}.hero-dark-glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.25;z-index:-2;pointer-events:none}.hero-dark-glow-a{width:480px;height:480px;right:8%;top:14%;background:#75e528}.hero-dark-glow-b{width:360px;height:360px;left:-12%;bottom:-10%;background:#173f22}.portfolio-hero-dark .hero-copy{grid-column:1;grid-row:1;width:100%;max-width:880px;margin:0;z-index:4}.portfolio-hero-dark .eyebrow{color:#9cf05f}.portfolio-hero-dark .hero-title{font-size:clamp(62px,6.4vw,108px);max-width:880px;margin:26px 0 34px}.portfolio-hero-dark .accent-line>span{color:#8ee34e;font-weight:500}.portfolio-hero-dark .hero-bottom{grid-template-columns:1fr;gap:28px;max-width:720px}.portfolio-hero-dark .hero-bottom p{color:#b9c7bc;max-width:650px}.portfolio-hero-dark .hero-actions{justify-content:flex-start}.portfolio-hero-dark .button-primary{background:#83de3e;color:#07100b;box-shadow:0 12px 42px rgba(123,220,53,.18)}.portfolio-hero-dark .button-ghost{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.045);color:#fff;backdrop-filter:blur(14px)}.portfolio-hero-dark .scroll-hint{color:#c8d4cb}.portfolio-hero-dark .scroll-hint span{background:#8ee34e}.portfolio-hero-dark .hero-brand-visual{grid-column:2;grid-row:1;position:relative;inset:auto;width:100%;height:min(640px,64vw);opacity:1;display:grid;place-items:center;z-index:2}.portfolio-hero-dark .hero-logo-stage{position:relative;inset:auto;width:min(520px,38vw);height:min(520px,38vw);min-width:360px;min-height:360px;border-radius:50%;transform-style:preserve-3d;filter:drop-shadow(0 45px 68px rgba(110,239,39,.17));animation:conectaLogoFloatDark 6.8s ease-in-out infinite;will-change:transform}.portfolio-hero-dark .hero-logo-icon-neon{position:absolute;inset:3%;border-radius:30%;overflow:hidden;background:#000;box-shadow:0 0 0 1px rgba(150,255,90,.08),0 0 72px rgba(104,225,40,.14);transform:translateZ(30px);animation:none}.portfolio-hero-dark .hero-logo-icon-neon:before{content:"";position:absolute;inset:-30%;z-index:3;background:linear-gradient(110deg,transparent 36%,rgba(255,255,255,.34) 48%,rgba(170,255,118,.12) 53%,transparent 64%);transform:translateX(-120%) rotate(8deg);animation:conectaLogoShineDark 5s ease-in-out infinite;pointer-events:none}.portfolio-hero-dark .hero-logo-icon-neon img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;filter:saturate(1.18) contrast(1.1) drop-shadow(0 0 18px rgba(130,255,60,.30));-webkit-mask-image:radial-gradient(circle at 50% 48%,#000 58%,rgba(0,0,0,.96) 72%,transparent 96%);mask-image:radial-gradient(circle at 50% 48%,#000 58%,rgba(0,0,0,.96) 72%,transparent 96%);transform:none}.portfolio-hero-dark .hero-logo-halo{inset:-18%;background:radial-gradient(circle,rgba(134,255,57,.28),rgba(94,202,39,.10) 38%,transparent 70%);filter:blur(18px)}.portfolio-hero-dark .hero-logo-energy{position:absolute;inset:6%;border-radius:50%;border:1px solid rgba(141,244,77,.18);box-shadow:0 0 36px rgba(116,229,49,.13),inset 0 0 28px rgba(116,229,49,.08);animation:energyPulse 3.8s ease-in-out infinite}.portfolio-hero-dark .hero-logo-gloss{inset:6%;border-radius:35%;background:radial-gradient(circle at 33% 18%,rgba(255,255,255,.16),transparent 24%);box-shadow:none}.portfolio-hero-dark .hero-orbit{border-color:rgba(144,238,84,.16)}.portfolio-hero-dark .orbit-one{width:118%;height:42%;right:-10%;top:28%}.portfolio-hero-dark .orbit-two{width:125%;height:68%;right:-12%;top:16%}.hero-icon-particle{position:absolute;width:8px;height:8px;border-radius:50%;background:#8ff046;box-shadow:0 0 17px #86eb40,0 0 35px rgba(134,235,64,.55);z-index:6;animation:particleDrift 5s ease-in-out infinite}.particle-one{right:17%;top:22%}.particle-two{left:8%;bottom:25%;animation-delay:-1.6s;width:5px;height:5px}.particle-three{right:3%;bottom:17%;animation-delay:-3.1s;width:11px;height:11px}.project-open-wrap{position:absolute;right:20px;bottom:20px;display:flex;gap:8px;align-items:center;z-index:4}.project-open-wrap .project-open{position:static}.project-visit{display:inline-flex;align-items:center;padding:13px 15px;border-radius:14px;background:#07100b;color:#fff;text-decoration:none;font-size:10px;font-weight:800;box-shadow:0 12px 30px rgba(0,0,0,.14)}.system-project-link{display:inline-flex;align-items:center;gap:16px;margin-top:24px;padding:13px 15px;border-radius:12px;border:1px solid rgba(255,255,255,.16);color:#fff;text-decoration:none;font-size:11px;font-weight:800}.portfolio-public-empty{grid-column:1/-1;padding:80px 20px;border:1px dashed var(--line);border-radius:var(--radius);text-align:center}.portfolio-public-empty span{font-size:10px;letter-spacing:.18em;font-weight:800;color:var(--green-deep)}.portfolio-public-empty h3{font-size:30px;margin:12px 0}.portfolio-public-empty-dark{border-color:rgba(255,255,255,.16);color:#fff}.portfolio-public-empty-dark span{color:#8ee34e}@keyframes conectaLogoFloatDark{0%,100%{transform:translate3d(0,0,0) rotateX(2deg) rotateY(-4deg)}50%{transform:translate3d(0,-20px,0) rotateX(-2deg) rotateY(5deg)}}@keyframes conectaLogoShineDark{0%,20%{transform:translateX(-125%) rotate(8deg)}55%,100%{transform:translateX(125%) rotate(8deg)}}@keyframes energyPulse{0%,100%{transform:scale(.94);opacity:.45}50%{transform:scale(1.05);opacity:1}}@keyframes particleDrift{0%,100%{transform:translate3d(0,0,0);opacity:.35}50%{transform:translate3d(14px,-25px,0);opacity:1}}@keyframes heroGridDrift{to{background-position:360px 180px}}
@media(max-width:1100px){.portfolio-hero.portfolio-hero-dark{grid-template-columns:minmax(0,1fr) minmax(320px,.65fr);gap:20px;padding-left:36px;padding-right:36px}.portfolio-hero-dark .hero-title{font-size:clamp(56px,7vw,84px)}.portfolio-hero-dark .hero-logo-stage{width:360px;height:360px;min-width:0;min-height:0}.portfolio-hero-dark .hero-brand-visual{height:500px}}
@media(max-width:760px){.portfolio-hero.portfolio-hero-dark{min-height:auto;padding:105px 20px 72px;display:flex;flex-direction:column;gap:12px;align-items:stretch}.portfolio-hero-dark .hero-brand-visual{order:1;width:100%;height:330px;right:auto;top:auto;bottom:auto;margin:0 auto}.portfolio-hero-dark .hero-copy{order:2;width:100%;text-align:left}.portfolio-hero-dark .hero-logo-stage{width:292px;height:292px;margin:auto}.portfolio-hero-dark .hero-title{font-size:clamp(48px,14vw,68px);margin:18px 0 25px}.portfolio-hero-dark .hero-bottom{gap:23px}.portfolio-hero-dark .hero-actions{flex-direction:column}.portfolio-hero-dark .hero-actions .button{width:100%}.portfolio-hero-dark .orbit-one{width:390px;height:150px;right:50%;transform:translateX(50%) rotate(-24deg)}.portfolio-hero-dark .orbit-two{width:430px;height:240px;right:50%;transform:translateX(50%) rotate(18deg)}.hero-icon-particle{transform:scale(.8)}.project-open-wrap{left:12px;right:12px;bottom:12px;justify-content:flex-end;flex-wrap:wrap}.project-visit,.project-open-wrap .project-open{font-size:9px;padding:11px 12px}.landing-shot,.landing-project:nth-child(4n+1) .landing-shot{height:500px}.system-stage{min-height:390px}.stage-float{width:54%;height:140px}.section-intro{margin-bottom:46px}.portfolio-header{color:#fff}}
@media(max-width:430px){.portfolio-hero-dark .hero-brand-visual{height:290px}.portfolio-hero-dark .hero-logo-stage{width:245px;height:245px}.portfolio-hero-dark .hero-title{font-size:46px}.landing-shot,.landing-project:nth-child(4n+1) .landing-shot{height:430px}.project-meta h3{font-size:24px}.systems-section{padding-left:18px;padding-right:18px}.system-copy h3{font-size:34px}.system-stage{min-height:340px}.stage-float{height:116px}.portfolio-cta h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){.portfolio-hero-dark .hero-logo-stage,.portfolio-hero-dark .hero-logo-icon-neon:before,.portfolio-hero-dark .hero-logo-energy,.hero-icon-particle,.hero-dark-grid{animation:none!important}}

/* RESOLUTIVA TEC — portfólio: preto > azul > verde */
:root{--res-blue:#2B43D9;--res-green:#3BDF4D;--res-black:#000}.portfolio-header{background:rgba(0,0,0,.78);border-color:rgba(255,255,255,.10)}.portfolio-header .brand img,.portfolio-footer img{object-fit:contain}.portfolio-hero.portfolio-hero-dark{background:radial-gradient(circle at 78% 32%,rgba(43,67,217,.36),transparent 32%),linear-gradient(135deg,#000 0%,#040611 50%,#07133F 100%)}.portfolio-hero.portfolio-hero-dark:before{background-image:linear-gradient(rgba(59,223,77,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(43,67,217,.10) 1px,transparent 1px)}.hero-dark-glow-a{background:#2B43D9}.hero-dark-glow-b{background:#07133F}.portfolio-hero-dark .eyebrow,.portfolio-public-empty-dark span{color:#3BDF4D}.portfolio-hero-dark .accent-line>span{color:#7384FF}.portfolio-hero-dark .button-primary{background:#2B43D9;color:#fff;box-shadow:0 12px 42px rgba(43,67,217,.28)}.portfolio-hero-dark .scroll-hint span,.hero-icon-particle{background:#3BDF4D;box-shadow:0 0 17px #3BDF4D}.portfolio-hero-dark .hero-logo-icon-neon{background:transparent;box-shadow:none;overflow:visible}.portfolio-hero-dark .hero-logo-icon-neon img{object-fit:contain;filter:drop-shadow(0 24px 40px rgba(43,67,217,.30));-webkit-mask-image:none;mask-image:none}.portfolio-hero-dark .hero-logo-halo{background:radial-gradient(circle,rgba(43,67,217,.35),rgba(59,223,77,.06) 40%,transparent 72%)}.portfolio-hero-dark .hero-logo-energy{border-color:rgba(59,223,77,.22);box-shadow:0 0 36px rgba(43,67,217,.20)}.offer-marquee{background:#2B43D9!important}.offer-marquee i{color:#3BDF4D}.project-index,.portfolio-section,.process-section{background:#fff}.portfolio-cta{background:radial-gradient(circle at 50% 30%,rgba(43,67,217,.36),transparent 35%),#000!important;color:#fff}.cta-button{background:#2B43D9!important;color:#fff!important}.portfolio-footer{background:#000!important;color:#fff!important;border-color:rgba(255,255,255,.10)!important}

/* =========================================================
   RESOLUTIVA TEC — PORTFÓLIO 2026-09
   Predominância: preto > azul > verde pontual
   ========================================================= */
:root{--rt-blue:#2B43D9;--rt-blue-soft:#7C8DFF;--rt-green:#3BDF4D;--rt-black:#000}
.portfolio-header.header-dark{background:rgba(0,0,0,.78)!important;border-color:rgba(73,93,232,.18)!important}.portfolio-header .brand img{width:190px!important;max-height:66px!important;object-fit:contain!important}.portfolio-header nav a:hover{color:#8B9AFF!important}.portfolio-header .nav-cta{border-color:#4054D6!important;background:rgba(43,67,217,.14)!important}
.portfolio-hero.portfolio-hero-dark{background:radial-gradient(circle at 80% 28%,rgba(43,67,217,.28),transparent 31%),radial-gradient(circle at 10% 82%,rgba(59,223,77,.045),transparent 19%),linear-gradient(135deg,#000 0%,#05060D 45%,#101947 100%)!important}.portfolio-hero.portfolio-hero-dark:before{background-image:linear-gradient(rgba(92,110,236,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(92,110,236,.065) 1px,transparent 1px)!important}.hero-dark-grid{background:linear-gradient(120deg,transparent 0 47%,rgba(43,67,217,.055) 48% 52%,transparent 53%)!important}.hero-dark-glow-a{background:#2B43D9!important}.hero-dark-glow-b{background:#13256C!important}.portfolio-hero-dark .eyebrow{color:#91A0FF!important}.portfolio-hero-dark .accent-line>span{color:#8495FF!important}.portfolio-hero-dark .hero-bottom p{color:#BCC3D7!important}.portfolio-hero-dark .button-primary{background:linear-gradient(135deg,#2B43D9,#475DEF)!important;color:#fff!important;box-shadow:0 12px 42px rgba(43,67,217,.24)!important}.portfolio-hero-dark .scroll-hint span{background:#3BDF4D!important}
.portfolio-hero-dark .hero-logo-stage{filter:drop-shadow(0 45px 68px rgba(43,67,217,.28))!important}.portfolio-hero-dark .hero-logo-icon-neon{background:#02030A!important;box-shadow:0 0 0 1px rgba(110,128,255,.16),0 0 78px rgba(43,67,217,.26)!important}.portfolio-hero-dark .hero-logo-icon-neon img{filter:drop-shadow(0 0 22px rgba(114,132,255,.34))!important}.portfolio-hero-dark .hero-logo-halo{background:radial-gradient(circle,rgba(43,67,217,.40),rgba(43,67,217,.13) 38%,transparent 70%)!important}.portfolio-hero-dark .hero-logo-energy{border-color:rgba(110,129,255,.26)!important;box-shadow:0 0 42px rgba(43,67,217,.20),inset 0 0 30px rgba(43,67,217,.09)!important}.portfolio-hero-dark .hero-orbit{border-color:rgba(120,137,255,.20)!important}.hero-icon-particle{background:#3BDF4D!important;box-shadow:0 0 17px #3BDF4D,0 0 35px rgba(59,223,77,.34)!important}
.statement-section{background:#fff!important}.statement-kicker{color:#2B43D9!important}.statement-text strong,.statement-text em{color:#2B43D9!important}
.offer-marquee{background:#2B43D9!important;color:#fff!important;border-color:#465BEC!important}.offer-marquee i{color:#3BDF4D!important}
.project-index,.portfolio-section{background:#fff!important}.index-copy>span,.section-intro span{color:#2B43D9!important}.portfolio-filters button.active{background:#2B43D9!important;color:#fff!important}.portfolio-filters button:hover{border-color:#2B43D9!important;color:#2B43D9!important}.landing-project{border-color:#E2E5F1!important}.project-meta>span{color:#2B43D9!important}.project-open{background:#2B43D9!important;color:#fff!important}.project-visit{background:#000!important}
.portfolio-footer{background:#000!important;border-color:rgba(43,67,217,.18)!important}.portfolio-footer img{width:180px!important;max-height:80px!important;object-fit:contain!important}.portfolio-footer a:hover{color:#3BDF4D!important}
.portfolio-public-empty-dark span{color:#8B9AFF!important}