:root{--ink:#10120f;--paper:#f3f1e9;--acid:#c8ff3d;--muted:#a8aa9e;--line:#d9d7ce}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans),Arial,sans-serif}a{color:inherit;text-decoration:none}main{overflow:hidden}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,28px);border-bottom:1px solid #2b2d29;background:#11130f;color:#fff;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:12px;font-weight:650;letter-spacing:-.02em}.brand span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--acid);color:#10120f;font:700 13px var(--font-mono)}.navLinks{display:flex;gap:32px;font-size:14px;color:#c9cbc3}.navLinks a:hover{color:var(--acid)}.navCta{font-size:14px;padding:12px 18px;border:1px solid #51544d;border-radius:99px}.navCta b{color:var(--acid);margin-left:8px}.hero{min-height:calc(100vh - 82px);background:#11130f;color:white;position:relative;padding:8.5vh max(5vw,28px) 0;display:grid;grid-template-columns:1.15fr .85fr;gap:6vw;align-items:center}.heroGlow{position:absolute;width:600px;height:600px;border-radius:50%;right:-180px;top:-180px;background:radial-gradient(circle,#a7d62a26 0,transparent 65%)}.eyebrow,.sectionTag{font:600 11px var(--font-mono);letter-spacing:.14em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:9px;color:#c9cbc3;margin-bottom:30px}.eyebrow i{width:7px;height:7px;background:var(--acid);border-radius:50%;box-shadow:0 0 14px var(--acid)}.hero h1{font-size:clamp(54px,7.7vw,118px);line-height:.88;letter-spacing:-.075em;margin:0;max-width:900px;font-weight:650}.hero h1 em,.cta h2 em{color:var(--acid);font-style:normal}.heroCopy>p{font-size:clamp(17px,1.5vw,22px);line-height:1.55;max-width:610px;color:#b8bab2;margin:35px 0}.heroActions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:17px 22px;border-radius:3px;font-weight:600;font-size:14px}.primary{background:var(--acid);color:#10120f}.ghost{border:1px solid #3b3e38;color:#e8e9e4}.heroPanel{width:100%;max-width:485px;justify-self:end;border:1px solid #42453e;background:#181a16;position:relative;transform:rotate(1deg);box-shadow:22px 22px 0 #0d0e0c}.terminalTop{height:48px;border-bottom:1px solid #343731;display:flex;align-items:center;gap:7px;padding:0 15px}.terminalTop span{width:8px;height:8px;border-radius:50%;background:#565a51}.terminalTop span:first-child{background:var(--acid)}.terminalTop small{margin-left:auto;color:#72766c;font:10px var(--font-mono)}.terminalBody{padding:35px}.terminalBody>p{font:14px var(--font-mono);padding:15px 0;margin:0;border-bottom:1px solid #30332d;color:#e1e3db}.terminalBody>p b{color:#656960;margin-right:25px;font-weight:400}.terminalBody>p i{font-style:normal;color:var(--acid);margin:0 9px}.terminalResult{display:flex;gap:16px;align-items:center;margin-top:30px}.terminalResult>span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--acid);color:#10120f;font-weight:900}.terminalResult div{display:flex;flex-direction:column;gap:4px}.terminalResult small{font:9px var(--font-mono);color:#777b71;letter-spacing:.15em}.terminalResult strong{font-size:19px}.floatCard{position:absolute;right:-24px;bottom:-42px;background:#f3f1e9;color:#11130f;padding:18px 23px;box-shadow:0 15px 40px #0005;transform:rotate(-3deg);display:flex;flex-direction:column;gap:5px}.floatCard small{font:9px var(--font-mono);color:#74776f}.heroFoot{grid-column:1/-1;border-top:1px solid #30332d;display:flex;align-self:end;justify-content:space-between;padding:20px 0;color:#7c8076;font:10px var(--font-mono);letter-spacing:.14em;text-transform:uppercase}.intro{padding:130px max(5vw,28px) 70px;display:grid;grid-template-columns:1.4fr .6fr;gap:8vw;align-items:end}.sectionTag{display:block;color:#777b72;margin-bottom:24px}.intro h2,.work h2,.about h2,.process h2{font-size:clamp(42px,5vw,74px);line-height:.98;letter-spacing:-.055em;margin:0}.intro>p,.workHead>p{font-size:18px;line-height:1.65;color:#60635b;max-width:470px}.services{margin:0 max(5vw,28px) 130px;border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:80px 1fr 50px;align-items:start;padding:34px 0;border-bottom:1px solid var(--line);transition:.25s}.service:hover{padding-left:14px;background:#eceae1}.service>span{font:11px var(--font-mono);color:#8b8e85}.service div{display:grid;grid-template-columns:.55fr .45fr;gap:40px}.service h3{font-size:25px;margin:0}.service p{margin:0;color:#696c64;line-height:1.55}.service>b{font-size:22px;font-weight:400}.work{background:#171916;color:#fff;padding:130px max(5vw,28px)}.workHead{display:grid;grid-template-columns:1.3fr .7fr;gap:8vw;align-items:end;margin-bottom:70px}.light{color:#8d9187}.workHead>p{color:#9da098}.workGrid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project{background:#20221e;border:1px solid #30332d}.project:first-child{grid-column:1/-1}.projectVisual{height:380px;margin:18px;background:#30352b;padding:0 8%;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.project:first-child .projectVisual{height:480px}.p2 .projectVisual{background:#342d27}.p3 .projectVisual{background:#253232}.browserBar{height:24px;background:#e9e7df;display:flex;align-items:center;gap:5px;padding:0 10px}.browserBar span{width:5px;height:5px;border-radius:50%;background:#aaa}.mock{background:#f7f5ee;color:#171916;height:75%;padding:8%;display:flex;flex-direction:column}.mock strong{font-size:clamp(24px,4vw,60px);letter-spacing:-.06em}.mock i{display:block;height:7px;width:75%;background:#d1d1c7;margin-top:18px}.mock i:nth-of-type(2){width:55%}.mock i:nth-of-type(3){margin-top:auto;width:90%;height:28%}.projectInfo{padding:20px 24px 28px;display:flex;justify-content:space-between}.projectInfo small{color:var(--acid);font:9px var(--font-mono);text-transform:uppercase;letter-spacing:.12em}.projectInfo h3{font-size:24px;margin:8px 0}.projectInfo p{color:#979b91;margin:0}.projectInfo>b{font-size:24px;color:var(--acid)}.about{padding:140px max(5vw,28px);display:grid;grid-template-columns:.75fr 1.25fr;gap:10vw;align-items:center}.aboutCard{aspect-ratio:1;max-width:480px;background:#141613;position:relative;display:grid;place-items:center;overflow:hidden}.monogram{font-size:clamp(80px,12vw,170px);font-weight:700;color:var(--acid);letter-spacing:-.1em;z-index:2}.orbit{position:absolute;border:1px solid #50544b;border-radius:50%;width:85%;height:85%}.o2{width:55%;height:55%;border-color:#79815c;transform:translate(22%,-18%)}.aboutCopy>p{font-size:18px;line-height:1.7;color:#60635b}.credentials{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.credentials span{border:1px solid var(--line);border-radius:99px;padding:10px 14px;font:10px var(--font-mono);text-transform:uppercase}.process{padding:120px max(5vw,28px);border-top:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border-top:1px solid var(--line)}.steps article{padding:28px 28px 10px 0;border-right:1px solid var(--line);min-height:210px}.steps article:not(:first-child){padding-left:28px}.steps span{font:11px var(--font-mono);color:#878a81}.steps h3{font-size:22px;margin:50px 0 12px}.steps p{color:#6c6f67;line-height:1.55}.cta{background:var(--acid);padding:120px max(5vw,28px);text-align:center}.cta .sectionTag{color:#566a22}.cta h2{font-size:clamp(48px,7vw,104px);line-height:.92;letter-spacing:-.07em;margin:0}.cta h2 em{color:#11130f;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:8px}.cta>p{font-size:18px;margin:30px auto;max-width:560px}.ctaButton{background:#11130f;color:#fff;min-width:250px}footer{background:#11130f;color:#fff;padding:60px max(5vw,28px) 30px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;align-items:start}.footerBrand{font-size:18px}footer p{color:#858980;line-height:1.6;margin:0}footer>div{display:flex;gap:20px;justify-self:end;font-size:13px}footer small{grid-column:1/-1;border-top:1px solid #30332d;padding-top:25px;color:#686c63;font:10px var(--font-mono)}
@media(max-width:900px){.navLinks{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.heroPanel{justify-self:start;max-width:560px;margin:20px 0 70px}.intro,.workHead,.about{grid-template-columns:1fr}.service div{grid-template-columns:1fr}.workGrid{grid-template-columns:1fr}.project:first-child{grid-column:auto}.project:first-child .projectVisual,.projectVisual{height:330px}.aboutCard{max-width:360px}.steps{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr 1fr}footer>div{justify-self:start}}
@media(max-width:620px){.nav{height:70px}.navCta{font-size:0}.navCta b{font-size:16px;margin:0}.hero{min-height:auto}.hero h1{font-size:52px}.heroFoot{display:grid;grid-template-columns:1fr 1fr;gap:14px}.terminalBody{padding:24px}.floatCard{right:-5px}.intro{padding-top:90px}.service{grid-template-columns:42px 1fr 24px}.service p{font-size:14px}.work,.about,.process,.cta{padding-top:90px;padding-bottom:90px}.projectVisual,.project:first-child .projectVisual{height:250px;margin:10px}.steps{grid-template-columns:1fr}.steps article,.steps article:not(:first-child){padding-left:0;border-right:0;border-bottom:1px solid var(--line)}footer{grid-template-columns:1fr}footer>div{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Tech 3D experience */
.heroPanel{max-width:520px;aspect-ratio:1;background:radial-gradient(circle at 50% 45%,#2b331f 0,#171916 42%,#10120f 75%);transform:perspective(900px) rotateY(-7deg) rotateX(3deg);transform-style:preserve-3d;box-shadow:28px 28px 0 #0d0e0c,inset 0 0 80px #0008;transition:transform .5s ease}.heroPanel:hover{transform:perspective(900px) rotateY(0) rotateX(0) translateY(-8px)}.sceneGrid{position:absolute;inset:0;background-image:linear-gradient(#c8ff3d10 1px,transparent 1px),linear-gradient(90deg,#c8ff3d10 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,#000,transparent)}.scene3d{position:absolute;inset:10%;display:grid;place-items:center;transform-style:preserve-3d;animation:sceneFloat 6s ease-in-out infinite}.ring{position:absolute;width:76%;height:76%;border:1px solid #c8ff3d88;border-radius:50%;box-shadow:0 0 28px #c8ff3d18;transform-style:preserve-3d}.ringOne{transform:rotateX(68deg) rotateZ(12deg);animation:spinOne 13s linear infinite}.ringTwo{width:58%;height:58%;border-style:dashed;transform:rotateY(68deg) rotateZ(-20deg);animation:spinTwo 10s linear infinite}.ringThree{width:88%;height:35%;transform:rotateX(76deg) rotateZ(-28deg);opacity:.55}.core{width:124px;height:124px;background:linear-gradient(145deg,#dfff70,#8eb619);color:#10120f;display:grid;place-items:center;position:relative;transform:translateZ(54px) rotate(45deg);box-shadow:0 0 65px #c8ff3d55,18px 18px 0 #66871266}.core:before{content:"";position:absolute;inset:9px;border:1px solid #10120f55}.core span{font:800 43px var(--font-mono);transform:rotate(-45deg);letter-spacing:-.12em}.core i{position:absolute;bottom:18px;font:7px var(--font-mono);text-transform:uppercase;transform:rotate(-45deg);letter-spacing:.16em}.satellite{position:absolute;width:46px;height:46px;border:1px solid #c8ff3d77;background:#12150fdd;display:grid;place-items:center;color:var(--acid);font:9px var(--font-mono);box-shadow:0 0 20px #c8ff3d20;animation:pulseNode 2.5s ease-in-out infinite}.s1{left:5%;top:22%;transform:translateZ(35px)}.s2{right:3%;top:36%;animation-delay:.6s}.s3{bottom:7%;left:24%;width:62px;animation-delay:1.1s}.sceneLabel{position:absolute;z-index:4;font:9px var(--font-mono);letter-spacing:.13em}.topLabel{top:18px;left:18px;right:18px;display:flex;align-items:center;gap:8px;color:#969a8f}.topLabel i{width:7px;height:7px;background:var(--acid);border-radius:50%;box-shadow:0 0 10px var(--acid)}.topLabel b{margin-left:auto;color:#555a50}.bottomLabel{left:18px;bottom:18px;background:#0b0d0add;border:1px solid #363a32;padding:12px 14px;display:grid;grid-template-columns:1fr auto;gap:3px 22px;min-width:210px}.bottomLabel small{grid-column:1/-1;color:#60655a}.bottomLabel strong{color:#eff1e9;font-size:12px}.bottomLabel b{color:var(--acid);font-size:16px}.heroPanel .floatCard{transform:translateZ(70px) rotate(-3deg)}
@keyframes sceneFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes spinOne{to{transform:rotateX(68deg) rotateZ(372deg)}}@keyframes spinTwo{to{transform:rotateY(68deg) rotateZ(-380deg)}}@keyframes pulseNode{0%,100%{box-shadow:0 0 10px #c8ff3d15;transform:translateY(0)}50%{box-shadow:0 0 28px #c8ff3d55;transform:translateY(-7px)}}

/* Editorial motion and connected-services experience */
.techTicker{background:var(--acid);color:#11130f;overflow:hidden;border-block:1px solid #11130f;height:58px;display:flex;align-items:center;transform:rotate(-.35deg) scale(1.01);position:relative;z-index:3}.techTicker>div{display:flex;align-items:center;gap:25px;white-space:nowrap;font:700 12px var(--font-mono);letter-spacing:.12em;animation:ticker 25s linear infinite}.techTicker i{font-style:normal;font-size:15px}.ecosystem{background:#11130f;color:#fff;padding:140px max(5vw,28px);display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw;align-items:center}.ecoCopy h2{font-size:clamp(46px,5.7vw,84px);line-height:.92;letter-spacing:-.065em;margin:0}.ecoCopy>p{font-size:18px;line-height:1.7;color:#9b9e96;max-width:520px;margin:30px 0}.ecoButton{border:1px solid #4b4f46;color:#fff}.ecoButton span{color:var(--acid)}.flowMap{aspect-ratio:1.08;position:relative;max-width:720px;transform:perspective(1100px) rotateX(4deg) rotateY(-5deg);transform-style:preserve-3d;background:radial-gradient(circle at center,#c8ff3d16,transparent 38%);border:1px solid #30332d;box-shadow:30px 35px 0 #0a0b09}.flowGrid{position:absolute;inset:0;background-image:linear-gradient(#c8ff3d0d 1px,transparent 1px),linear-gradient(90deg,#c8ff3d0d 1px,transparent 1px);background-size:34px 34px}.flowNode{position:absolute;width:118px;min-height:78px;background:#1c1f1a;border:1px solid #50554a;padding:12px;display:flex;flex-direction:column;gap:5px;box-shadow:10px 10px 24px #0006;transition:.35s;z-index:2}.flowNode:hover{border-color:var(--acid);transform:translateZ(30px) translateY(-6px);box-shadow:0 0 30px #c8ff3d22}.flowNode b{font:9px var(--font-mono);color:var(--acid)}.flowNode span{font-size:15px;font-weight:650}.flowNode small{font:8px var(--font-mono);color:#777c70;text-transform:uppercase}.nodeCenter{width:150px;height:150px;left:50%;top:50%;translate:-50% -50%;background:var(--acid);color:#10120f;border:0;justify-content:center;align-items:center;text-align:center;transform:rotate(45deg);box-shadow:0 0 65px #c8ff3d33}.nodeCenter>*{transform:rotate(-45deg)}.nodeCenter strong{font-size:19px;line-height:1}.nodeCenter small{color:#53681f}.nodeCenter i{font:8px var(--font-mono);font-style:normal}.n1{left:5%;top:10%}.n2{right:5%;top:10%}.n3{right:3%;top:42%}.n4{right:12%;bottom:5%}.n5{left:12%;bottom:5%}.n6{left:3%;top:42%}.flowLine{position:absolute;left:50%;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--acid),transparent);transform-origin:left;width:41%;opacity:.45}.line1{transform:rotate(-140deg)}.line2{transform:rotate(-42deg)}.line3{transform:rotate(0)}.line4{transform:rotate(140deg)}.solutionsBento{padding:130px max(5vw,28px);display:grid;grid-template-columns:repeat(12,1fr);gap:18px;background:#e9e7de}.bentoTitle{grid-column:span 7;padding:20px 30px 50px 0}.bentoTitle h2{font-size:clamp(46px,5.5vw,80px);line-height:.95;letter-spacing:-.06em;margin:0}.bentoTitle em{font-style:normal;color:#687d2b}.bentoCard{grid-column:span 5;background:#f7f5ee;border:1px solid #d6d4ca;padding:34px;min-height:330px;position:relative;overflow:hidden;transition:transform .35s,box-shadow .35s}.bentoCard:hover{transform:translateY(-8px);box-shadow:0 20px 50px #15171114}.bentoCard>span{font:10px var(--font-mono);color:#83877d}.bentoCard h3{font-size:29px;letter-spacing:-.04em;margin:50px 0 15px}.bentoCard p{color:#62665d;line-height:1.6;max-width:520px}.bentoDark{background:#151713;color:#fff}.bentoDark p{color:#999d93}.status{position:absolute;left:34px;right:34px;bottom:28px;border-top:1px solid #373a34;padding-top:17px;font:9px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#999d93}.status i{display:inline-block;width:7px;height:7px;background:var(--acid);border-radius:50%;margin-right:8px;box-shadow:0 0 12px var(--acid)}.mailDemo{position:absolute;left:34px;right:34px;bottom:28px;padding:15px;background:#11130f;color:white;font:12px var(--font-mono)}.mailDemo b{color:var(--acid)}.chatDemo{display:flex;flex-direction:column;gap:7px;margin-top:25px}.chatDemo>*{padding:10px 12px;font:10px var(--font-mono);font-style:normal;background:#e6e5dc;align-self:flex-start}.chatDemo b{background:var(--acid);align-self:flex-end}.bentoWide{grid-column:span 7}.pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:30px}.pipeline i{font:9px var(--font-mono);font-style:normal;background:#e7e5dc;padding:13px 10px;display:flex;justify-content:space-between}.pipeline b{color:#62732e}.bentoCard:nth-of-type(4){grid-column:span 5}@keyframes ticker{to{transform:translateX(-50%)}}
@media(max-width:900px){.ecosystem{grid-template-columns:1fr}.flowMap{width:100%}.bentoTitle,.bentoCard,.bentoWide,.bentoCard:nth-of-type(4){grid-column:span 12}}
@media(max-width:620px){.techTicker{height:48px}.ecosystem,.solutionsBento{padding-top:90px;padding-bottom:90px}.flowMap{transform:none;aspect-ratio:.85}.flowNode{width:88px;min-height:65px;padding:9px}.nodeCenter{width:105px;height:105px}.nodeCenter strong{font-size:14px}.n1{left:2%}.n2{right:2%}.n3{right:1%}.n6{left:1%}.pipeline{grid-template-columns:1fr 1fr}.bentoCard{padding:25px}.bentoCard h3{margin-top:35px}.status,.mailDemo{left:25px;right:25px}}
@media(prefers-reduced-motion:reduce){.techTicker>div,.scene3d,.ring,.satellite{animation:none!important}}

/* Portfolio concept imagery */
.projectVisual{padding:0;justify-content:flex-start;position:relative;background:#11130f}.projectVisual img{width:100%;height:calc(100% - 24px);display:block;object-fit:cover;object-position:top center;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s}.project:hover .projectVisual img{transform:scale(1.025);filter:saturate(1.08)}.browserBar{flex:0 0 24px}.browserBar small{margin-left:auto;color:#777b72;font:7px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.conceptBadge{position:absolute!important;right:16px;bottom:16px;background:#11130fe8;color:var(--acid);border:1px solid #c8ff3d55;padding:8px 10px;font:8px var(--font-mono);letter-spacing:.12em;z-index:2}.project:first-child .projectVisual img{object-position:center 15%}
@media(max-width:620px){.browserBar small{display:none}.conceptBadge{right:9px;bottom:9px;padding:6px 8px;font-size:7px}}

/* Emerson Torres identity system */
.brand .brandMark{width:44px;height:44px;border:0;font-size:15px;font-weight:850;letter-spacing:-.18em;align-items:flex-end;padding:0 9px 7px 5px;isolation:isolate}.brand .brandMark:before{content:"";position:absolute;left:5px;right:5px;top:7px;height:6px;background:linear-gradient(90deg,currentColor 0 55%,transparent 55% 63%,var(--acid) 63% 100%);z-index:-1}.brand .brandMark:after{width:28px;height:4px;right:4px;bottom:19px;background:var(--paper);transform:rotate(-55deg);transform-origin:center}.brandPromise{font:10px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#969a90;margin:-16px 0 30px}.brandPromise span{color:var(--acid);font-size:18px;margin-right:7px}.core span{font-size:36px}.monogram{letter-spacing:-.14em}.footerBrand .brandMark:after{background:#11130f}.footerBrand .brandMark{color:#f3f1e9}.footerBrand .brandMark:before{background:linear-gradient(90deg,#f3f1e9 0 55%,transparent 55% 63%,var(--acid) 63% 100%)}

/* Official generated logo lockup */
.brandAsset{display:block;width:255px;height:58px;overflow:hidden}.brandLogoFrame{display:block!important;position:relative!important;width:255px!important;height:58px!important;overflow:hidden!important;background:#11130f!important;border:0!important;border-radius:0!important}.brandLogoFrame img{position:absolute;width:255px;height:auto;left:0;top:-35px;display:block}.footerBrand.brandAsset{width:285px;height:68px}.footerLogoFrame{width:285px!important;height:68px!important}.footerLogoFrame img{width:285px;top:-38px}@media(max-width:620px){.brandAsset{width:185px;height:48px}.brandLogoFrame{width:185px!important;height:48px!important}.brandLogoFrame img{width:185px;top:-24px}.footerBrand.brandAsset{width:240px;height:58px}.footerLogoFrame{width:240px!important;height:58px!important}.footerLogoFrame img{width:240px;top:-32px}}

/* Refined ET identity */
.brand{gap:11px}.brand .brandMark{width:42px;height:42px;border-radius:0;background:transparent;border:1px solid #6c7165;color:var(--acid);font-size:12px;letter-spacing:-.08em;position:relative;overflow:hidden}.brand .brandMark:after{content:"";position:absolute;width:18px;height:1px;background:var(--acid);right:-5px;bottom:7px;transform:rotate(-45deg)}.brandText{display:flex!important;width:auto!important;height:auto!important;background:none!important;color:inherit!important;border:0!important;border-radius:0!important;flex-direction:column;align-items:flex-start;gap:1px}.brandText b{font-size:13px;line-height:1;letter-spacing:.01em}.brandText small{font:7px var(--font-mono);font-weight:500;letter-spacing:.2em;color:#777c72;text-transform:uppercase}.heroPanel{box-shadow:22px 22px 0 #0d0e0c,inset 0 0 60px #0008}.ring{box-shadow:none}.core{box-shadow:0 0 38px #c8ff3d33,14px 14px 0 #66871244}.techTicker{height:52px;background:#bfe83f}.ecosystem{padding-top:125px}.flowMap{box-shadow:24px 28px 0 #0a0b09}.footerBrand .brandText b{font-size:15px}

/* Brand system 2026 — official Emerson Torres identity */
:root{--ink:#11130f;--paper:#f3f1e9;--acid:#c8ff3d;--muted:#777c72;--line:#d8d6cd}
body{background:var(--paper)}
.nav{background:var(--ink);border-color:#343731}
.navCta{border-color:#55594f;transition:background .25s,color .25s,border-color .25s}
.navCta:hover{background:var(--acid);border-color:var(--acid);color:var(--ink)}
.navCta:hover b{color:var(--ink)}
.hero{background:var(--ink)}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 58%,#c8ff3d08 58% 58.15%,transparent 58.15%)}
.hero h1 em{position:relative;display:inline-block}
.hero h1 em:after{content:"";position:absolute;left:1%;right:3%;bottom:-10px;height:4px;background:var(--acid);transform:skewX(-28deg);opacity:.9}
.button{border-radius:0;transition:transform .25s,background .25s,color .25s,box-shadow .25s}
.button:hover{transform:translateY(-3px)}
.primary:hover{box-shadow:8px 8px 0 #f3f1e920}
.sectionTag:before{content:"";display:inline-block;width:20px;height:2px;background:var(--acid);margin:0 9px 3px 0}
.heroPanel{border-color:#454a40;background:radial-gradient(circle at 50% 45%,#28321a 0,#171916 40%,#11130f 75%)}
.core{background:var(--acid);padding:12px;overflow:hidden}
.core:before{inset:7px;border-color:#11130f55;z-index:2;pointer-events:none}
.core img{width:82px;height:82px;object-fit:cover;display:block;transform:rotate(-45deg);position:relative;z-index:1}
.techTicker{height:54px;background:var(--ink);color:var(--acid);border-color:#343731;transform:none}
.techTicker i{color:var(--paper);opacity:.55}
.service{position:relative}
.service:before{content:"";position:absolute;left:0;top:-1px;width:0;height:2px;background:var(--acid);transition:width .35s}
.service:hover:before{width:100%}
.service:hover{background:#ebe9e0}
.ecosystem,.work,footer{background:var(--ink)}
.nodeCenter{background:var(--acid);padding:14px;overflow:hidden}
.nodeCenter img{width:82px;height:82px;object-fit:cover;transform:rotate(-45deg);display:block}
.nodeCenter i{position:absolute;bottom:13px;left:50%;transform:translateX(-50%) rotate(-45deg);color:var(--paper);background:var(--ink);padding:3px 6px;letter-spacing:.12em}
.solutionsBento{background:#e8e6dd}
.bentoTitle em{color:#687c31}
.bentoCard{border-radius:0}
.bentoCard:after{content:"";position:absolute;right:0;top:0;width:34px;height:5px;background:var(--acid)}
.aboutCard{background:var(--ink);border:1px solid #343831}
.aboutCard:before{content:"EMERSON TORRES / DIGITAL SYSTEMS";position:absolute;left:22px;top:20px;color:#777c72;font:8px var(--font-mono);letter-spacing:.16em;z-index:3}
.aboutMonogram{width:64%;height:64%;object-fit:cover;z-index:2;box-shadow:0 24px 70px #0008}
.orbit{border-color:#c8ff3d35}
.o2{border-color:#c8ff3d70}
.credentials span{border-radius:0;border-color:#cfcdc3}
.steps article{position:relative}
.steps article:after{content:"";position:absolute;left:0;top:-2px;width:32px;height:3px;background:var(--acid)}
.cta{background:var(--paper);position:relative;border-top:1px solid var(--line)}
.cta:before{content:"ET";position:absolute;right:-.05em;bottom:-.23em;color:#11130f08;font-size:42vw;font-weight:800;line-height:1;letter-spacing:-.12em;pointer-events:none}
.cta>*{position:relative;z-index:1}
.cta .sectionTag{color:var(--muted)}
.cta h2 em{color:var(--ink);text-decoration-color:var(--acid);text-decoration-thickness:7px}
.ctaButton{background:var(--ink);color:var(--paper)}
.ctaButton span{color:var(--acid)}
footer{border-top:5px solid var(--acid)}
@media(max-width:620px){.core{width:106px;height:106px}.core img{width:68px;height:68px}.nodeCenter img{width:65px;height:65px}.aboutMonogram{width:72%;height:72%}.cta h2 em{text-decoration-thickness:4px}}

/* UX, accessibility and conversion refinement */
.skipLink{position:fixed;left:18px;top:12px;z-index:1000;background:var(--acid);color:var(--ink);padding:12px 16px;font-weight:750;transform:translateY(-150%);transition:transform .2s}
.skipLink:focus{transform:translateY(0)}
.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(18px)}
.mobileMenu{display:none}
:where(a,summary):focus-visible{outline:3px solid var(--acid);outline-offset:4px}
:where(section,[id]){scroll-margin-top:92px}
.hero h1{letter-spacing:-.06em}
.sectionTag{color:#686d64;font-size:12px}
.heroFoot{color:#a5a99f;font-size:11px;letter-spacing:.1em;gap:24px}
.heroFoot span{display:flex;flex-direction:column;gap:5px}
.heroFoot strong{color:#f3f1e9;font:650 12px var(--font-sans);letter-spacing:0;text-transform:none}
.heroFoot small{font:10px var(--font-mono);letter-spacing:.08em}
.service{color:inherit;cursor:pointer}
.service:focus-visible{outline-offset:8px}
.service b{color:#66732e;transition:transform .25s,color .25s}
.service:hover b,.service:focus-visible b{color:var(--ink);transform:translate(3px,-3px)}
.bentoCard:hover{transform:none;box-shadow:0 14px 34px #1517110d}
.project:hover .projectVisual img{transform:none;filter:none}
.projectStatus{align-self:flex-start;color:var(--acid);border:1px solid #c8ff3d55;padding:7px 9px;font:10px var(--font-mono);letter-spacing:.1em}
.browserBar small,.conceptBadge{font-size:10px}
.flowNode small{font-size:10px;color:#969b90}
.topLabel{font-size:10px;color:#a5aa9f}
.bottomLabel small{color:#92978c;font-size:9px}
.credentials span{font-size:11px}
footer small{color:#8d9288;font-size:11px}

@media(max-width:900px){
  .navCta{display:none}
  .mobileMenu{display:block;position:relative;margin-left:auto}
  .mobileMenu summary{list-style:none;cursor:pointer;border:1px solid #4d5248;color:#f3f1e9;padding:11px 13px;font:600 12px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}
  .mobileMenu summary::-webkit-details-marker{display:none}
  .mobileMenu summary span{color:var(--acid);margin-left:8px}
  .mobileMenu[open] summary span{display:inline-block;transform:rotate(45deg)}
  .mobileMenu>div{position:absolute;right:0;top:calc(100% + 12px);width:min(310px,calc(100vw - 40px));background:#171a15;border:1px solid #454a40;box-shadow:0 22px 55px #0008;padding:10px;display:grid}
  .mobileMenu a{padding:14px 12px;border-bottom:1px solid #30342d;color:#d9dbd4;font-size:14px}
  .mobileMenu a:last-child{border-bottom:0}
  .mobileMenu .mobileMenuCta{background:var(--acid);color:var(--ink);font-weight:750;margin-top:8px}
}

@media(max-width:620px){
  .nav{padding-inline:20px}
  .brandAsset{width:170px}
  .brandLogoFrame{width:170px!important}
  .brandLogoFrame img{width:170px;top:-22px}
  .hero{padding:58px 20px 0;gap:38px}
  .hero h1{font-size:clamp(43px,13vw,54px);line-height:.92;letter-spacing:-.055em}
  .heroCopy>p{font-size:17px;margin:30px 0}
  .brandPromise{font-size:11px}
  .heroActions{display:grid;grid-template-columns:1fr}
  .button{width:100%;min-height:52px;gap:18px}
  .heroPanel{margin:8px 0 58px;box-shadow:14px 14px 0 #0d0e0c,inset 0 0 45px #0008}
  .heroPanel .floatCard,.ringThree,.s1,.s2{display:none}
  .scene3d{animation-duration:8s}
  .heroFoot{gap:18px;padding:22px 0}
  .heroFoot strong{font-size:11px}
  .heroFoot small{font-size:9px;line-height:1.35}
  .techTicker{height:44px}
  .techTicker>div{font-size:10px;animation-duration:38s}
  .intro,.ecosystem,.solutionsBento,.work,.about,.process,.cta{padding-left:20px;padding-right:20px}
  .service{grid-template-columns:34px 1fr 22px;padding:28px 0}
  .service:hover{padding-left:0}
  .service h3{font-size:22px}
  .service p{font-size:15px}
  .flowMap{aspect-ratio:.78;box-shadow:12px 16px 0 #0a0b09}
  .flowNode{font-size:12px}
  .projectInfo{gap:18px}
  .projectStatus{font-size:9px;white-space:nowrap}
  .ctaButton{min-width:0}
}

@media(prefers-reduced-motion:reduce){.skipLink{transition:none}.heroPanel:hover,.button:hover,.service:hover b{transform:none}}

/* Premium polish 2026 — refinements without changing the ET identity */
main{overflow:clip}
.nav{background:#0f100d;border-bottom-color:#343831}
.brandLogoFrame{background:#0f100d!important}
footer{background:#0f100d}
.navCta{border-radius:2px}
.hero{grid-template-columns:minmax(0,1.16fr) minmax(390px,.84fr);gap:4.5vw;padding-top:clamp(48px,7vh,76px);padding-bottom:0}
.hero h1{font-size:clamp(54px,6vw,96px);line-height:.91;max-width:820px}
.hero h1 em{white-space:nowrap}
.heroCopy>p{max-width:650px;margin:30px 0}
.heroPanel{max-width:450px;transition:transform .55s cubic-bezier(.2,.7,.2,1),border-color .35s,box-shadow .55s}
.heroPanel:hover{transform:rotate(.25deg) translateY(-3px);border-color:#59604f;box-shadow:18px 20px 0 #0d0e0c,inset 0 0 70px #0008}
.heroProof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;max-width:650px;margin-top:30px;border-top:1px solid #343831;padding-top:17px}
.heroProof span{padding-right:16px;color:#969b90;font:10px/1.45 var(--font-mono);letter-spacing:.06em;text-transform:uppercase}
.heroProof span+span{border-left:1px solid #343831;padding-left:16px}
.heroProof strong{display:block;color:var(--paper);font:650 12px/1.2 var(--font-sans);letter-spacing:0;text-transform:none;margin-bottom:4px}
.button{transition:transform .25s,background .25s,color .25s,box-shadow .25s,border-color .25s}
.button:hover{transform:translateY(-1px)}
.button span{transition:transform .25s}
.button:hover span{transform:translate(3px,-1px)}
.service:hover{padding-left:0;background:#ebe9e0}
.service>div,.service>b,.service>span{position:relative;z-index:1}
.service:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#c8ff3d14,transparent 62%);opacity:0;transition:opacity .3s;pointer-events:none}
.service:hover:after{opacity:1}
.ecoCopy h2{font-size:clamp(46px,5.2vw,78px)}
.flowLine{transform-origin:left;animation:signalLine 4.8s ease-in-out infinite}
.line2{animation-delay:.5s}.line3{animation-delay:1s}.line4{animation-delay:1.5s}
@keyframes signalLine{0%,100%{opacity:.25;filter:drop-shadow(0 0 0 transparent)}45%,60%{opacity:.72;filter:drop-shadow(0 0 6px #c8ff3d)}}
.bentoBot{grid-column:span 7}
.bentoWide{grid-column:span 7}
.bentoProof{grid-column:span 5;background:var(--acid);border-color:#a8d62f}
.bentoProof:after{background:var(--ink)}
.bentoProof p{color:#455021}
.bentoProof h3{max-width:330px}
.proofList{position:absolute;left:34px;right:34px;bottom:28px;border-top:1px solid #6f8d25;display:grid;grid-template-columns:repeat(3,1fr);padding-top:15px;gap:10px}
.proofList i{font:9px var(--font-mono);font-style:normal;color:#627b24;display:grid;gap:5px}
.proofList b{color:var(--ink);font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.bentoCard{transition:border-color .3s,box-shadow .35s,transform .35s}
.bentoCard:hover{transform:translateY(-3px);border-color:#b8b6ac;box-shadow:0 18px 42px #15171112}
.bentoCard:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,#ffffff55 48%,transparent 72%);transform:translateX(-130%);transition:transform .65s;pointer-events:none}
.bentoCard:hover:before{transform:translateX(130%)}
.project:first-child .projectVisual{height:540px}
.project{transition:border-color .3s,transform .35s}
.project:hover{border-color:#52574d;transform:translateY(-3px)}
.project:hover .projectVisual img{transform:scale(1.012);filter:saturate(1.04)}
.credentials{gap:10px}
.credentials span{display:inline-flex;align-items:center;gap:8px;background:#eeece4}
.credentials span i{font:9px var(--font-mono);font-style:normal;color:#66772e}
.steps{position:relative;border-top:0;gap:0}
.steps:before{content:"";position:absolute;left:0;right:0;top:17px;height:1px;background:linear-gradient(90deg,var(--acid),#adb195 82%,transparent)}
.steps article{border-right:0;min-height:235px;padding-top:52px}
.steps article:not(:first-child){padding-left:30px}
.steps article:after{left:0;top:9px;width:17px;height:17px;border:1px solid #728039;background:var(--paper);border-radius:50%;box-shadow:inset 0 0 0 5px var(--acid)}
.steps article:not(:first-child):after{left:30px}
.steps article>span{position:absolute;top:-10px;left:28px;color:#6d7268}
.steps article:not(:first-child)>span{left:58px}
.steps article>small{font:9px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#777c72}
.steps h3{margin-top:14px}
.steps article:hover:after{box-shadow:inset 0 0 0 3px var(--acid),0 0 18px #c8ff3d99}
.cta{overflow:hidden}
.ctaNote{display:block;max-width:430px;margin-top:17px;color:#6a6e65;font:10px/1.5 var(--font-mono);letter-spacing:.05em}

@supports (animation-timeline:view()){
  .intro>*,.service,.ecoCopy,.flowMap,.bentoCard,.project,.about>*,.process>*,.cta>*{animation:premiumReveal linear both;animation-timeline:view();animation-range:entry 8% cover 25%}
  @keyframes premiumReveal{from{opacity:.35;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
}

@media(max-width:900px){
  .hero{grid-template-columns:1fr;padding-top:70px}
  .hero h1{font-size:clamp(54px,10vw,82px)}
  .heroProof{max-width:620px}
  .bentoTitle,.bentoCard,.bentoWide,.bentoBot,.bentoProof{grid-column:span 12}
  .project:first-child .projectVisual{height:410px}
}

@media(max-width:620px){
  .hero{padding-top:54px}
  .hero h1{font-size:clamp(43px,13vw,54px)}
  .hero h1 em{white-space:normal}
  .heroProof{grid-template-columns:1fr 1fr;margin-top:24px;row-gap:14px}
  .heroProof span{padding:0 12px 0 0}
  .heroProof span+span{padding-left:12px}
  .heroProof span:nth-child(3){grid-column:1/-1;border-left:0;border-top:1px solid #343831;padding:13px 0 0}
  .ecoCopy h2{font-size:clamp(44px,13vw,61px)}
  .project:first-child .projectVisual{height:280px}
  .proofList{left:25px;right:25px;bottom:24px}
  .steps{display:grid;grid-template-columns:1fr;margin-top:50px;padding-left:28px}
  .steps:before{left:8px;right:auto;top:0;bottom:0;width:1px;height:auto;background:linear-gradient(var(--acid),#adb195 86%,transparent)}
  .steps article,.steps article:not(:first-child){padding:10px 0 32px 24px;min-height:0;border-bottom:0}
  .steps article:after,.steps article:not(:first-child):after{left:0;top:10px;transform:translateX(-28px)}
  .steps article>span,.steps article:not(:first-child)>span{position:static;display:block;margin-bottom:12px}
  .steps article>small{position:absolute;right:0;top:12px}
  .steps h3{margin:7px 0}
}

@media(prefers-reduced-motion:reduce){
  .flowLine{animation:none}
  .bentoCard:before{display:none}
  .heroPanel:hover,.project:hover,.bentoCard:hover{transform:none}
  .button:hover span{transform:none}
}

/* Excellence pass — optical precision, portfolio narrative and premium close */
.nav .brandLogoFrame img{left:-20px}
.footerLogoFrame img{left:-22px}
.heroCopy,.heroPanel{top:-14px}
.hero h1 em:after{height:3px;opacity:.72}
.heroProof span{font-size:11px;letter-spacing:.045em}
.heroProof strong{font-size:13px}
.browserBar small,.conceptBadge,.flowNode small,.bottomLabel small,.proofList i,.pipeline i{font-size:10px}
.steps article>small{font-size:10px}
.bentoCard:before{display:none}
.bentoCard:hover{transform:translateY(-2px);border-color:#aaaDa3;box-shadow:0 14px 34px #15171110}
.projectScope{display:block;margin-top:16px;color:#c5c8bf!important;font:10px var(--font-mono)!important;letter-spacing:.09em;text-transform:uppercase}
.workArchive{margin-top:54px;padding-top:24px;border-top:1px solid #343831;display:flex;align-items:center;justify-content:space-between;gap:24px}
.workArchive>span{color:#777c72;font:10px var(--font-mono);letter-spacing:.12em}
.workArchive a{display:inline-flex;align-items:center;gap:28px;color:#f3f1e9;font-size:14px;font-weight:650;transition:color .25s}
.workArchive a b{color:var(--acid);font-size:17px;transition:transform .25s}
.workArchive a:hover{color:var(--acid)}
.workArchive a:hover b{transform:translate(3px,-2px)}
.process{background:#eeece4}
.steps article:after{background:#eeece4}
.ctaNote{margin:17px auto 0;text-align:center;max-width:390px;font-size:11px;letter-spacing:.035em}
.siteFooter{display:block;padding:70px max(5vw,28px) 30px;border-top:2px solid var(--acid)}
.footerStatement{display:flex!important;align-items:flex-end;justify-content:space-between!important;gap:40px;padding-bottom:58px;border-bottom:1px solid #30332d}
.footerStatement h2{font-size:clamp(34px,4.2vw,62px);line-height:.95;letter-spacing:-.055em;margin:0;max-width:760px}
.footerStatement>span{display:flex;align-items:center;gap:10px;color:#a1a59b;font:10px var(--font-mono);letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}
.footerStatement i{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 12px var(--acid)}
.footerGrid{display:grid!important;grid-template-columns:1fr 1fr 1fr;gap:40px;align-items:start;padding:42px 0 46px}
.footerGrid p{margin:4px 0 0}
.footerLinks{display:flex;gap:22px;justify-self:end;font-size:13px}
.footerLinks a:first-child{color:var(--acid)}
.footerLinks a{transition:color .25s}
.footerLinks a:hover{color:var(--acid)}
.footerBottom{display:flex!important;justify-content:space-between!important;border-top:1px solid #30332d;padding-top:24px}
.footerBottom small{border:0;padding:0;color:#8d9288;font:10px var(--font-mono);letter-spacing:.04em}

/* Curated projects archive */
.archivePage{background:var(--ink);color:#f3f1e9;overflow:clip}
.archiveHero{padding:130px max(5vw,28px) 110px;border-bottom:1px solid #343831}
.archiveHero h1{font-size:clamp(58px,8vw,118px);line-height:.88;letter-spacing:-.07em;margin:0;max-width:1180px}
.archiveHero h1 em{font-style:normal;color:var(--acid)}
.archiveHero>div{display:grid;grid-template-columns:1fr .7fr;gap:9vw;align-items:end;margin-top:70px}
.archiveHero p{font-size:19px;line-height:1.65;color:#a6aaa0;max-width:650px;margin:0}
.archiveHero>div>span{color:#777c72;font:10px var(--font-mono);letter-spacing:.1em;text-align:right}
.archiveGrid{padding:100px max(5vw,28px) 140px;display:grid;grid-template-columns:repeat(2,1fr);gap:70px 24px}
.archiveProject:first-child{grid-column:1/-1}
.archiveProject{border-top:1px solid #3a3e37;padding-top:18px}
.archiveVisual{height:390px;position:relative;overflow:hidden;background:#1d211a}
.archiveProject:first-child .archiveVisual{height:610px}
.archiveVisual img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.archiveProject:hover .archiveVisual img{transform:scale(1.012)}
.archiveVisual>span{position:absolute;right:14px;bottom:14px;background:#11130fe8;color:var(--acid);border:1px solid #c8ff3d55;padding:8px 10px;font:10px var(--font-mono);letter-spacing:.1em}
.archiveProjectHead{display:flex;justify-content:space-between;gap:30px;align-items:end;padding:25px 0 22px;border-bottom:1px solid #343831}
.archiveProjectHead small{color:var(--acid);font:10px var(--font-mono);letter-spacing:.1em;text-transform:uppercase}
.archiveProjectHead h2{font-size:31px;letter-spacing:-.04em;margin:0}
.archiveDetails{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-top:24px}
.archiveDetails small{color:#777c72;font:10px var(--font-mono);letter-spacing:.12em}
.archiveDetails p{color:#a6aaa0;line-height:1.6;margin:9px 0 0}
.archiveCta{padding:120px max(5vw,28px);text-align:center;background:var(--paper);color:var(--ink)}
.archiveCta h2{font-size:clamp(46px,6vw,86px);line-height:.95;letter-spacing:-.06em;margin:0 auto 40px;max-width:1100px}
.archiveCta .primary{min-width:280px}

@media(max-width:900px){
  .heroCopy,.heroPanel{top:0}
  .footerStatement{align-items:flex-start;flex-direction:column}
  .footerGrid{grid-template-columns:1fr 1fr!important}
  .footerLinks{justify-self:start}
  .archiveHero>div{grid-template-columns:1fr}
  .archiveHero>div>span{text-align:left}
  .archiveGrid{grid-template-columns:1fr}
  .archiveProject:first-child{grid-column:auto}
  .archiveProject:first-child .archiveVisual,.archiveVisual{height:430px}
}

@media(max-width:620px){
  .nav .brandLogoFrame img{left:-14px}
  .footerLogoFrame img{left:-18px}
  .hero{gap:28px}
  .heroPanel{margin-bottom:36px}
  .hero h1 em:after{height:2px}
  .workArchive{align-items:flex-start;flex-direction:column;margin-top:38px}
  .workArchive a{width:100%;justify-content:space-between;border:1px solid #454a40;padding:16px}
  .siteFooter{padding-top:55px}
  .footerStatement{padding-bottom:40px}
  .footerStatement h2{font-size:40px}
  .footerStatement>span{white-space:normal;line-height:1.5}
  .footerGrid{grid-template-columns:1fr!important;padding:34px 0}
  .footerLinks{flex-wrap:wrap}
  .footerBottom{gap:18px;align-items:flex-start;flex-direction:column}
  .archiveHero{padding:95px 20px 75px}
  .archiveHero h1{font-size:clamp(48px,14vw,62px)}
  .archiveHero>div{margin-top:45px;gap:25px}
  .archiveGrid{padding:75px 20px 95px;gap:58px}
  .archiveProject:first-child .archiveVisual,.archiveVisual{height:260px}
  .archiveProjectHead{align-items:flex-start;flex-direction:column;gap:10px}
  .archiveProjectHead h2{font-size:27px}
  .archiveDetails{grid-template-columns:1fr}
  .archiveCta{padding:90px 20px}
}

/* Final precision pass — Brazilian B2B positioning and interaction polish */
.nav{
  height:82px;
  background:rgba(15,16,13,.98);
  -webkit-backdrop-filter:blur(18px) saturate(120%);
  backdrop-filter:blur(18px) saturate(120%);
  transition:height .28s cubic-bezier(.2,.7,.2,1),background .28s,border-color .28s,box-shadow .28s;
}
.nav.isScrolled{height:76px;background:rgba(15,16,13,.9);border-bottom-color:#4b5046;box-shadow:0 12px 32px #0003}
.navLinks a{position:relative;transition:color .2s}
.navLinks a:after{content:"";position:absolute;left:0;bottom:-9px;width:13px;height:1px;background:var(--acid);transform:scaleX(0);transform-origin:left;transition:transform .18s ease}
.navLinks a:hover:after,.navLinks a:focus-visible:after{transform:scaleX(1)}
.nav.isScrolled .brandAsset{transform:scale(.96);transform-origin:left center}
.brandAsset{transition:transform .28s cubic-bezier(.2,.7,.2,1)}
.eyebrow i{animation:none}
.ghost{border-color:#555b50}
.ghost:hover{border-color:#838a7b}

.work{padding-top:112px;padding-bottom:112px}
.nexoraGroup{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:30px;margin:18px 0 -4px;padding:17px 0;border-top:1px solid #3b4038;border-bottom:1px solid #3b4038}
.nexoraGroup span{color:var(--acid);font:10px var(--font-mono);letter-spacing:.12em}
.nexoraGroup p{margin:0;color:#a6aaa0;font:11px var(--font-mono);letter-spacing:.035em;text-align:right}
.project{color:inherit;text-decoration:none}
.project:focus-visible{outline:3px solid var(--acid);outline-offset:5px}
.project:focus-visible .projectVisual img{transform:scale(1.012);filter:saturate(1.04)}
.project:focus-visible .projectStatus{border-color:var(--acid)}
.workArchive>span{color:#858a80}
.process{background:#e8e5dc}
.steps article:after{background:#e8e5dc}

.sectionTag{color:#5f645c}
.intro>p,.aboutCopy>p,.steps p,.bentoCard p{color:#5f645c}
.light{color:#9da298}
.footerStatement,.footerGrid,.footerBottom{width:100%;justify-self:stretch!important;margin-inline:0}
.footerStatement>span{color:#adb1a7}
.footerGrid p,.footerBottom small{color:#989d93}
.siteFooter .footerGrid{align-items:center}

@media(max-width:900px){
  .nav.isScrolled{height:72px}
  .work{padding-top:100px;padding-bottom:100px}
}

@media(max-width:620px){
  .nav{height:70px}
  .nav.isScrolled{height:66px}
  .hero{padding-top:42px;gap:22px}
  .hero h1{font-size:clamp(43px,12.6vw,50px)}
  .heroCopy>p{margin:25px 0;line-height:1.5}
  .heroActions{gap:10px}
  .heroPanel{aspect-ratio:1.12;margin-top:0;margin-bottom:28px}
  .heroProof{margin-top:20px}
  .work{padding-top:84px;padding-bottom:84px}
  .nexoraGroup{align-items:flex-start;flex-direction:column;gap:7px;margin-top:8px}
  .nexoraGroup p{text-align:left;line-height:1.5}
  .projectScope{font-size:11px!important;line-height:1.5}
  .workArchive>span{font-size:11px}
  .sectionTag,.footerBottom small{font-size:11px}
}

@media(prefers-reduced-motion:reduce){
  .nav,.brandAsset,.navLinks a:after{transition:none}
}

/* Award-level finishing pass — unified ET premium system */
:root{
  --ink:#101010;
  --ink-soft:#121212;
  --ink-hover:#151515;
  --ink-line:#2f332c;
  --ink-line-strong:#43483f;
  --paper:#f3f1e9;
  --paper-soft:#e8e5dc;
  --acid:#c8ff3d;
  --acid-soft:#c8ff3d1f;
  --acid-line:#c8ff3d4a;
  --shadow-soft:0 18px 48px #05060442;
  --shadow-lift:0 22px 58px #05060452;
  --shadow-paper:0 18px 44px #10101012;
  --ease-premium:cubic-bezier(.2,.7,.2,1);
}

body{background:var(--paper);text-rendering:geometricPrecision}
.nav,.hero,.ecosystem,.work,.siteFooter,footer,.archivePage{background:var(--ink)}
.nav{border-bottom-color:var(--ink-line);box-shadow:inset 0 -1px 0 #ffffff05}
.nav.isScrolled{background:rgba(16,16,16,.9);border-bottom-color:var(--ink-line-strong);box-shadow:0 16px 44px #05060440,inset 0 -1px 0 #ffffff07}
.navLinks a,.footerLinks a,.workArchive a{transition:color .28s var(--ease-premium),transform .28s var(--ease-premium)}
.navLinks a:hover,.footerLinks a:hover,.workArchive a:hover{color:var(--acid)}
.navLinks a:after{height:2px;width:16px;bottom:-10px;box-shadow:0 0 12px #c8ff3d45;transition:transform .32s var(--ease-premium)}
.navCta{border-color:var(--ink-line-strong);background:linear-gradient(180deg,#ffffff08,#ffffff02);transition:transform .28s var(--ease-premium),border-color .28s var(--ease-premium),box-shadow .28s var(--ease-premium),background .28s var(--ease-premium)}
.navCta:hover{transform:translateY(-1px);box-shadow:0 0 0 1px #c8ff3d22,0 10px 26px #05060445}

.brandLogoFrame{
  background:transparent!important;
  border:1px solid #ffffff08!important;
  box-shadow:inset 0 1px 0 #ffffff08,inset 0 -18px 36px #00000038,0 0 0 1px #c8ff3d0a,0 10px 30px #00000022;
}
.brandLogoFrame:after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 72% 20%,#c8ff3d12,transparent 34%),linear-gradient(135deg,#ffffff08,transparent 44%);
  pointer-events:none;
  opacity:.86;
}
.brandLogoFrame img{
  transform:scale(1.045);
  transform-origin:left center;
  filter:drop-shadow(0 10px 22px #0000002e);
}
.brandAsset:hover .brandLogoFrame{box-shadow:inset 0 1px 0 #ffffff0a,inset 0 -18px 36px #00000042,0 0 0 1px #c8ff3d18,0 14px 34px #00000028}
.brandAsset:hover .brandLogoFrame img{transform:scale(1.055)}

.hero{box-shadow:inset 0 -1px 0 var(--ink-line)}
.hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 68% 36%,#c8ff3d12,transparent 33%),linear-gradient(180deg,#ffffff04,transparent 38%);
  opacity:.82;
  pointer-events:none;
}
.heroCopy,.heroPanel{position:relative;z-index:1}
.heroGlow{background:radial-gradient(circle,#c8ff3d17 0,transparent 64%);filter:blur(4px)}
.eyebrow i,.footerStatement i,.status i{box-shadow:0 0 13px #c8ff3d82}
.hero h1{font-weight:660;text-wrap:balance}
.heroCopy>p{color:#bfc2b9;line-height:1.58}
.heroProof{border-top-color:var(--ink-line)}
.heroProof span+span{border-left-color:var(--ink-line)}

.heroPanel,.flowMap,.aboutCard{
  background:radial-gradient(circle at 48% 34%,#202719 0,#151515 42%,var(--ink) 76%);
  border-color:var(--ink-line-strong);
  box-shadow:var(--shadow-soft),inset 0 1px 0 #ffffff08,inset 0 -32px 70px #00000042,0 0 0 1px #c8ff3d0b;
}
.heroPanel:hover,.flowMap:hover,.aboutCard:hover{
  border-color:#59604f;
  box-shadow:var(--shadow-lift),inset 0 1px 0 #ffffff0a,inset 0 -34px 76px #0000004a,0 0 0 1px #c8ff3d18,0 0 34px #c8ff3d0b;
}
.core{
  width:132px;
  height:132px;
  box-shadow:0 0 46px #c8ff3d36,12px 12px 0 #5c742d42,inset 0 1px 0 #ffffff82;
}
.core:before{inset:8px;border-color:#10101054}
.core img{width:90px;height:90px}
.nodeCenter{box-shadow:0 0 48px #c8ff3d2f,inset 0 1px 0 #ffffff75}
.nodeCenter img{transform:rotate(-45deg) scale(1.08);transform-origin:center}

.button,.project,.bentoCard,.flowNode,.service,.archiveProject,.archiveVisual,.conceptBadge,.projectStatus,.credentials span,.mobileMenu summary,.mobileMenu>div{
  transition:border-color .34s var(--ease-premium),box-shadow .34s var(--ease-premium),transform .34s var(--ease-premium),background .34s var(--ease-premium),color .34s var(--ease-premium),filter .34s var(--ease-premium);
}
.button:hover{transform:translateY(-2px);box-shadow:0 12px 30px #05060435}
.primary:hover{box-shadow:0 0 0 1px #10101022,0 14px 34px #c8ff3d22}
.ghost:hover,.ecoButton:hover{background:var(--ink-hover);border-color:#68705f;box-shadow:0 0 0 1px #c8ff3d18,0 12px 32px #05060430}

.service{position:relative;border-bottom-color:#d2d0c6}
.service:hover,.service:focus-visible{background:#eeece4}
.service:after{background:linear-gradient(90deg,var(--acid-soft),transparent 56%)}
.service:hover b,.service:focus-visible b{color:#66772e}
.credentials span{background:#eeece4;border-color:#d4d2c8}
.credentials span:hover{border-color:#bdc2a4;box-shadow:var(--shadow-paper);transform:translateY(-1px)}

.solutionsBento,.process{background:var(--paper-soft)}
.bentoCard{
  border-color:#d4d2c8;
  background:#f6f4ec;
  box-shadow:inset 0 1px 0 #ffffff75;
}
.bentoCard:hover{border-color:#bdc2a4;box-shadow:var(--shadow-paper);transform:translateY(-2px)}
.bentoDark{background:var(--ink-soft);border-color:var(--ink-line-strong);box-shadow:inset 0 1px 0 #ffffff08,0 18px 44px #10101018}
.bentoDark:hover{border-color:#58604f;box-shadow:var(--shadow-soft),0 0 24px #c8ff3d0a}
.bentoProof{background:var(--acid);border-color:#addb34;box-shadow:0 16px 40px #c8ff3d20,inset 0 1px 0 #ffffff80}
.mailDemo{background:var(--ink);box-shadow:inset 0 1px 0 #ffffff08}
.chatDemo>*{box-shadow:inset 0 1px 0 #ffffff8a}
.pipeline i{background:#e2e0d7;border:1px solid #d0cec3}

.workHead{margin-bottom:76px}
.workGrid{gap:26px}
.project{
  background:var(--ink-soft);
  border-color:var(--ink-line);
  box-shadow:inset 0 1px 0 #ffffff06;
}
.project:hover,.project:focus-visible{border-color:#59604f;box-shadow:var(--shadow-soft),0 0 0 1px #c8ff3d10;transform:translateY(-3px)}
.projectVisual{background:var(--ink);box-shadow:inset 0 1px 0 #ffffff06}
.project:hover .projectVisual img,.project:focus-visible .projectVisual img{transform:scale(1.014);filter:saturate(1.05) contrast(1.02)}
.conceptBadge,.archiveVisual>span{
  background:#101010e8;
  border-color:var(--acid-line);
  box-shadow:0 0 18px #c8ff3d12,inset 0 1px 0 #ffffff08;
}
.projectStatus{border-color:var(--acid-line);box-shadow:inset 0 1px 0 #ffffff08}
.nexoraGroup{border-color:var(--ink-line);background:linear-gradient(90deg,#c8ff3d08,transparent 38%)}
.workArchive{border-top-color:var(--ink-line)}

.steps:before{background:linear-gradient(90deg,var(--acid),#aeb296 82%,transparent)}
.steps article:after{background:var(--paper-soft);transition:box-shadow .34s var(--ease-premium),border-color .34s var(--ease-premium),transform .34s var(--ease-premium)}
.steps article:hover:after{transform:scale(1.04);border-color:#66772e;box-shadow:inset 0 0 0 3px var(--acid),0 0 17px #c8ff3d72}

.siteFooter{
  border-top:1px solid var(--acid-line);
  box-shadow:inset 0 1px 0 #ffffff06;
}
.footerStatement,.footerBottom{border-color:var(--ink-line)}
.footerLinks a:hover,.workArchive a:hover{transform:translateY(-1px)}

.archiveHero{border-bottom-color:var(--ink-line)}
.archiveProject{border-top-color:var(--ink-line)}
.archiveProjectHead{border-bottom-color:var(--ink-line)}
.archiveVisual{background:var(--ink-soft);box-shadow:inset 0 1px 0 #ffffff06}
.archiveProject:hover .archiveVisual{box-shadow:var(--shadow-soft),inset 0 1px 0 #ffffff08}
.archiveProject:hover .archiveVisual img{transform:scale(1.014);filter:saturate(1.05) contrast(1.02)}
.archiveCta{background:var(--paper)}

@supports (animation-timeline:view()){
  .intro>*,.service,.ecoCopy,.flowMap,.bentoCard,.project,.about>*,.process>*,.cta>*,.archiveProject,.archiveHero>*{
    animation-duration:1ms;
    animation-timing-function:var(--ease-premium);
    animation-range:entry 4% cover 22%;
  }
  @keyframes premiumReveal{from{opacity:.22;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
}

@media(max-width:620px){
  .brandLogoFrame img{transform:scale(1.035)}
  .brandAsset:hover .brandLogoFrame img{transform:scale(1.04)}
  .core{width:112px;height:112px}
  .core img{width:74px;height:74px}
  .heroPanel,.flowMap,.aboutCard{box-shadow:0 14px 34px #05060440,inset 0 1px 0 #ffffff08,inset 0 -24px 52px #0000003c}
  .button:hover,.project:hover,.bentoCard:hover,.credentials span:hover{transform:none}
}

@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;transition:none!important}
}

/* Final art-direction details: ambient light, tactile projects, restrained motion */
.heroPanel:after,.flowMap:after,.projectVisual:after,.archiveVisual:after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;
  background:radial-gradient(circle at 18% 15%,#c8ff3d13,transparent 24%),radial-gradient(circle at 84% 80%,#ffffff06,transparent 28%);
  mix-blend-mode:screen;transition:opacity .6s var(--ease-premium),transform .8s var(--ease-premium)
}
.heroPanel:hover:after,.flowMap:hover:after,.project:hover .projectVisual:after,.archiveProject:hover .archiveVisual:after{opacity:.9;transform:scale(1.04)}
.projectVisual,.archiveVisual{position:relative;perspective:900px}
.projectVisual:before,.archiveVisual:before{content:"";position:absolute;inset:10px;border:1px solid #c8ff3d0b;pointer-events:none;transform:translateZ(12px);transition:border-color .45s var(--ease-premium)}
.project:hover .projectVisual:before,.archiveProject:hover .archiveVisual:before{border-color:#c8ff3d2c}
.projectVisual img,.archiveVisual img{will-change:transform;transition:transform .8s var(--ease-premium),filter .8s var(--ease-premium)}
.button span{display:inline-block;will-change:transform}
.navLinks a,.footerLinks a,.workArchive a{will-change:transform}
@media (pointer:fine){
  .heroPanel,.project,.archiveProject,.flowMap{isolation:isolate}
}

/* Site-of-the-Day motion layer — progressive, restrained and GPU-friendly */
:root{--cursor-x:-100px;--cursor-y:-100px}
.premiumCursor,.premiumCursorDot{display:none}

@media(pointer:fine) and (prefers-reduced-motion:no-preference){
  .premiumCursor,.premiumCursorDot{
    display:block;position:fixed;left:0;top:0;z-index:9999;pointer-events:none;border-radius:50%;
    opacity:0;transform:translate3d(var(--cursor-x),var(--cursor-y),0) translate(-50%,-50%);
    transition:width .28s var(--ease-premium),height .28s var(--ease-premium),opacity .25s,border-color .28s,background .28s
  }
  .premiumCursor{width:34px;height:34px;border:1px solid #c8ff3d70;box-shadow:0 0 20px #c8ff3d12}
  .premiumCursorDot{width:4px;height:4px;background:var(--acid)}
  .cursorReady .premiumCursor,.cursorReady .premiumCursorDot{opacity:1}
  .cursorActive .premiumCursor{width:50px;height:50px;background:#c8ff3d0e;border-color:#c8ff3db5}
  .cursorActive .premiumCursorDot{opacity:.25}

  .heroPanel,.flowMap,.project,.bentoCard,.aboutCard,.storyPortrait{
    --tilt-x:0deg;--tilt-y:0deg;--light-x:50%;--light-y:50%;
    transform-style:preserve-3d;
    transition:transform .7s var(--ease-premium),border-color .34s var(--ease-premium),box-shadow .5s var(--ease-premium)
  }
  .heroPanel:hover,.flowMap:hover,.aboutCard:hover,.storyPortrait:hover{transform:perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-3px)}
  .project:hover{transform:perspective(1200px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-3px)}
  .bentoCard:hover{transform:perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-2px)}
  .heroPanel:after,.flowMap:after,.projectVisual:after,.archiveVisual:after{
    background:radial-gradient(circle at var(--light-x) var(--light-y),#c8ff3d16,transparent 26%),radial-gradient(circle at 84% 80%,#ffffff06,transparent 28%)
  }
}

.sceneGrid{animation:gridDrift 16s linear infinite}
.core{animation:coreBreathe 5.6s var(--ease-premium) infinite}
.flowLine{animation:signalLine 5.5s ease-in-out infinite}
.flowLine:nth-of-type(2){animation-delay:.7s}.flowLine:nth-of-type(3){animation-delay:1.4s}.flowLine:nth-of-type(4){animation-delay:2.1s}
.projectInfo h3,.projectInfo p,.projectStatus{transition:transform .45s var(--ease-premium),color .35s,opacity .35s}
.project:hover .projectInfo h3{transform:translateX(3px)}
.project:hover .projectInfo p{transform:translateX(2px)}
.project:hover .projectStatus{transform:translate(-2px,-2px);color:var(--acid)}
.ctaButton{position:relative;overflow:hidden}
.ctaButton:before{content:"";position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(110deg,transparent 20%,#ffffff24 48%,transparent 76%);transform:translateX(-130%);transition:transform .8s var(--ease-premium)}
.ctaButton:hover:before{transform:translateX(130%)}

@keyframes gridDrift{to{background-position:32px 32px}}
@keyframes coreBreathe{0%,100%{filter:brightness(1);box-shadow:0 0 46px #c8ff3d36,12px 12px 0 #5c742d42,inset 0 1px 0 #ffffff82}50%{filter:brightness(1.035);box-shadow:0 0 56px #c8ff3d40,12px 12px 0 #5c742d42,inset 0 1px 0 #ffffff82}}

@media(max-width:900px),(pointer:coarse){
  .premiumCursor,.premiumCursorDot{display:none!important}
  .sceneGrid{animation-duration:24s}
  .core{animation-duration:7s}
}

@media(prefers-reduced-motion:reduce){
  .sceneGrid,.core,.flowLine{animation:none!important}
}

/* Minha História — autoridade pessoal integrada ao sistema ET */
.story{
  background:var(--ink);color:var(--paper);padding:clamp(96px,10vw,150px) max(5vw,28px);
  display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:clamp(48px,7vw,110px);
  align-items:center;position:relative;overflow:hidden;border-block:1px solid var(--ink-line)
}
.story:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 34%,#c8ff3d0d,transparent 27%),linear-gradient(115deg,transparent 0 62%,#c8ff3d07 62% 62.1%,transparent 62.1%)}
.storyCopy,.storyPortrait,.storyTimeline{position:relative;z-index:1}
.storyCopy h2{font-size:clamp(46px,5.6vw,84px);line-height:.94;letter-spacing:-.06em;margin:0;max-width:850px;text-wrap:balance}
.storyCopy>p{max-width:700px;margin:32px 0 38px;color:#aeb2a8;font-size:18px;line-height:1.72}
.storyIndicators{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink-line)}
.storyIndicators span{min-height:82px;padding:18px 15px 15px 0;color:#8e9388;font:10px/1.45 var(--font-mono);letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid var(--ink-line)}
.storyIndicators span:not(:nth-child(3n+1)){padding-left:15px;border-left:1px solid var(--ink-line)}
.storyIndicators strong{display:block;color:var(--acid);font:650 13px/1.2 var(--font-sans);letter-spacing:0;text-transform:none;margin-bottom:6px}
.storyPortrait{margin:0;aspect-ratio:4/5;overflow:hidden;border:1px solid var(--ink-line-strong);background:var(--ink-soft);box-shadow:var(--shadow-soft),inset 0 1px 0 #ffffff08}
.storyPortrait:before{content:"";position:absolute;inset:12px;border:1px solid #c8ff3d18;z-index:2;pointer-events:none}
.storyPortrait img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.94) contrast(1.02);transition:transform 1s var(--ease-premium),filter .6s var(--ease-premium)}
.storyPortrait:hover img{transform:scale(1.018);filter:saturate(1) contrast(1.03)}
.storyPortrait figcaption{position:absolute;left:24px;right:24px;bottom:22px;z-index:3;padding-top:15px;border-top:1px solid #ffffff22;color:#b7bbb1;font:9px var(--font-mono);letter-spacing:.12em;text-shadow:0 2px 12px #000}
.storyPortrait figcaption i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 12px #c8ff3d9a;margin-right:9px}
.storyTimeline{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);margin-top:26px;border-top:1px solid var(--ink-line)}
.storyTimeline:before{content:"";position:absolute;left:0;top:-1px;width:100%;height:1px;background:linear-gradient(90deg,var(--acid),#c8ff3d55 72%,transparent);transform-origin:left}
.storyTimeline article{min-height:200px;padding:28px 26px 10px 0;border-right:1px solid var(--ink-line)}
.storyTimeline article:not(:first-child){padding-left:26px}
.storyTimeline article:last-child{border-right:0}
.storyTimeline span,.storyTimeline small{font:10px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}
.storyTimeline span{color:var(--acid)}.storyTimeline small{display:block;color:#6f746b;margin-top:8px}
.storyTimeline h3{font-size:22px;margin:42px 0 11px}
.storyTimeline p{color:#8f948a;line-height:1.55;margin:0}

@supports(animation-timeline:view()){
  .storyCopy,.storyPortrait,.storyTimeline article{animation:premiumReveal linear both;animation-timeline:view();animation-range:entry 7% cover 24%}
  .storyTimeline:before{animation:storyLine linear both;animation-timeline:view();animation-range:entry 10% cover 45%}
  @keyframes storyLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}
}

@media(max-width:900px){
  .story{grid-template-columns:1fr}
  .storyPortrait{max-width:560px}
  .storyTimeline{grid-template-columns:1fr 1fr}
  .storyTimeline article:nth-child(2){border-right:0}
  .storyTimeline article:nth-child(n+3){border-top:1px solid var(--ink-line)}
}
@media(max-width:620px){
  .story{padding:84px 20px;gap:42px}
  .storyCopy h2{font-size:clamp(42px,12vw,54px)}
  .storyCopy>p{font-size:16px}
  .storyIndicators{grid-template-columns:1fr 1fr}
  .storyIndicators span:not(:nth-child(3n+1)){padding-left:0;border-left:0}
  .storyIndicators span:nth-child(even){padding-left:13px;border-left:1px solid var(--ink-line)}
  .storyPortrait{width:100%}
  .storyTimeline{grid-template-columns:1fr}
  .storyTimeline article,.storyTimeline article:not(:first-child){min-height:0;padding:25px 0;border-right:0;border-top:1px solid var(--ink-line)}
  .storyTimeline article:first-child{border-top:0}
  .storyTimeline h3{margin:25px 0 9px}
}

/* Header logo integration: no plate, tint, border or independent surface */
.brandLogoFrame,.brandAsset:hover .brandLogoFrame{
  background:transparent!important;border-color:transparent!important;box-shadow:none!important
}
.brandLogoFrame:after{display:none!important}
.brandLogoFrame img,.brandAsset:hover .brandLogoFrame img{filter:none}

/* Navigation state and final narrative polish */
.navLinks a{position:relative;min-height:44px;display:inline-flex;align-items:center}
.navLinks a:after{left:0;right:auto;bottom:3px;transform:scaleX(0);transform-origin:left;opacity:.75}
.navLinks a:hover:after,
.nav[data-active="solucoes"] .navLinks a[href="#solucoes"]:after,
.nav[data-active="projetos"] .navLinks a[href="#projetos"]:after,
.nav[data-active="sobre"] .navLinks a[href="#sobre"]:after{transform:scaleX(1);opacity:1}
.nav[data-active="solucoes"] .navLinks a[href="#solucoes"],
.nav[data-active="projetos"] .navLinks a[href="#projetos"],
.nav[data-active="sobre"] .navLinks a[href="#sobre"]{color:var(--paper)}
.footerClosing{
  width:100%;margin:8px 0 42px;color:#dfe1da!important;
  font-size:clamp(22px,2.7vw,38px);line-height:1.08;letter-spacing:-.035em;
  text-align:right
}
.footerClosing:before{content:"/";color:var(--acid);margin-right:12px;font-family:var(--font-mono)}

@media(max-width:620px){
  .footerClosing{text-align:left;margin:4px 0 34px;font-size:27px}
}

/* Projects archive — same ET system, stronger case-study narrative */
.archivePage .navLinks a[aria-current="page"]{color:var(--paper)}
.archivePage .navLinks a[aria-current="page"]:after{transform:scaleX(1);opacity:1}
.archiveHero{position:relative;overflow:hidden}
.archiveHero:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.72;
  background-image:linear-gradient(#c8ff3d09 1px,transparent 1px),linear-gradient(90deg,#c8ff3d09 1px,transparent 1px),radial-gradient(circle at 76% 30%,#c8ff3d0d,transparent 26%);
  background-size:42px 42px,42px 42px,auto;mask-image:linear-gradient(110deg,transparent 18%,#000 72%,transparent)
}
.archiveHero>*{position:relative;z-index:1}
.archiveHero h1{text-wrap:balance}
.archiveIndex{
  padding:0 max(5vw,28px);display:grid;grid-template-columns:repeat(3,1fr);
  border-bottom:1px solid var(--ink-line);background:var(--ink)
}
.archiveIndex a{
  min-height:118px;padding:25px 24px 23px 0;display:grid;grid-template-columns:auto 1fr auto;
  grid-template-rows:auto auto;gap:7px 16px;align-content:center;border-right:1px solid var(--ink-line);
  transition:background .35s var(--ease-premium),padding .35s var(--ease-premium),color .35s
}
.archiveIndex a:not(:first-child){padding-left:24px}
.archiveIndex a:last-child{border-right:0}
.archiveIndex a:hover,.archiveIndex a:focus-visible{background:linear-gradient(90deg,#c8ff3d0a,transparent);padding-left:29px}
.archiveIndex span{color:var(--acid);font:10px var(--font-mono);letter-spacing:.1em}
.archiveIndex strong{font-size:17px;letter-spacing:-.02em}
.archiveIndex small{grid-column:2/3;color:#70766c;font:9px var(--font-mono);letter-spacing:.06em;text-transform:uppercase}
.archiveIndex b{grid-column:3;grid-row:1/3;align-self:center;color:var(--acid);font-weight:400;transition:transform .3s var(--ease-premium)}
.archiveIndex a:hover b{transform:translateY(4px)}
.archiveProject{scroll-margin-top:100px;position:relative;--tilt-x:0deg;--tilt-y:0deg}
.archiveProject:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,#c8ff3d38,transparent 55%);opacity:0;transition:opacity .4s}
.archiveProject:hover:after{opacity:1}
.archiveBrowserBar{
  position:absolute;left:0;right:0;top:0;height:36px;z-index:4;display:flex;align-items:center;gap:6px;
  padding:0 14px;background:#eeece4e8;color:#777c72;border-bottom:1px solid #10101022;backdrop-filter:blur(8px)
}
.archiveBrowserBar i{width:6px;height:6px;border-radius:50%;background:#a9ada4}
.archiveBrowserBar i:first-child{background:var(--acid);box-shadow:0 0 9px #c8ff3d75}
.archiveBrowserBar small{margin-left:auto;font:9px var(--font-mono);letter-spacing:.1em}
.archiveProjectHead>div{display:flex;flex-direction:column;gap:10px}
.archiveProjectHead>span{color:#6f756a;font:9px var(--font-mono);letter-spacing:.1em}
.archiveDetails{padding-bottom:25px}
.archiveProjectCta{
  min-height:56px;border-top:1px solid var(--ink-line);display:flex;align-items:center;justify-content:space-between;
  color:#b9bdb4;font-size:13px;transition:color .3s,padding .35s var(--ease-premium),border-color .3s
}
.archiveProjectCta span{color:var(--acid);transition:transform .3s var(--ease-premium)}
.archiveProjectCta:hover,.archiveProjectCta:focus-visible{color:var(--paper);padding-inline:9px;border-color:var(--acid-line)}
.archiveProjectCta:hover span{transform:translate(3px,-2px)}
.archiveCta{position:relative;overflow:hidden}
.archiveCta:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 115%,#c8ff3d36,transparent 38%)}
.archiveCta>*{position:relative;z-index:1}

@media(pointer:fine) and (prefers-reduced-motion:no-preference){
  .archiveProject{transition:transform .75s var(--ease-premium),border-color .35s}
  .archiveProject:hover{transform:perspective(1400px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-2px)}
}

@media(max-width:900px){
  .archiveIndex{grid-template-columns:1fr}
  .archiveIndex a,.archiveIndex a:not(:first-child){min-height:94px;padding:20px 0;border-right:0;border-bottom:1px solid var(--ink-line)}
  .archiveIndex a:last-child{border-bottom:0}
  .archiveIndex a:hover,.archiveIndex a:focus-visible{padding-left:8px}
}
@media(max-width:620px){
  .archiveBrowserBar{height:30px;padding-inline:10px}
  .archiveBrowserBar small{font-size:7px}
  .archiveProjectCta{font-size:12px;line-height:1.4;gap:20px}
}

/* Final 10/10 polish — proprietary ET light and quieter section progression */
.hero{--hero-x:72%;--hero-y:36%;isolation:isolate}
.hero:after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.72;
  background:
    radial-gradient(circle at var(--hero-x) var(--hero-y),#c8ff3d0d 0,transparent 26%),
    radial-gradient(circle at 18% 28%,#c8ff3d16 0 1px,transparent 1.5px),
    radial-gradient(circle at 78% 68%,#ffffff12 0 1px,transparent 1.5px),
    radial-gradient(circle at 58% 18%,#c8ff3d12 0 1px,transparent 1.5px);
  background-size:auto,170px 170px,220px 220px,260px 260px;
  transition:background-position .9s var(--ease-premium),opacity .4s
}
.story{background:linear-gradient(180deg,var(--ink) 0,#141611 48%,#11120f 100%)}
.ecosystem{position:relative;box-shadow:inset 0 1px 0 #c8ff3d25}
.ecosystem:before{content:"";position:absolute;left:5vw;right:5vw;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--acid),transparent);opacity:.22}

@media(pointer:fine) and (prefers-reduced-motion:no-preference){
  .button,.navCta{--mag-x:0px;--mag-y:0px;will-change:transform}
  .button:hover,.navCta:hover{transform:translate3d(var(--mag-x),var(--mag-y),0)}
}

@media(max-width:620px){
  .hero:after{opacity:.48;background-size:auto,210px 210px,260px 260px,300px 300px}
  .story{background:linear-gradient(180deg,var(--ink),#131510 52%,var(--ink))}
}

/* Clear chapter break: human authority on paper, digital operation on ink */
.story{
  background:var(--paper-soft);color:var(--ink);
  border-top-color:#d2d0c6;border-bottom-color:#c9c7bd;
  box-shadow:inset 0 1px 0 #ffffff8a
}
.story:before{
  background:
    radial-gradient(circle at 82% 34%,#c8ff3d1c,transparent 28%),
    linear-gradient(115deg,transparent 0 62%,#66772e10 62% 62.1%,transparent 62.1%)
}
.story .sectionTag.light{color:#656a61}
.storyCopy>p{color:#5f645c}
.storyIndicators,.storyIndicators span,.storyTimeline,.storyTimeline article{border-color:#cbc9bf}
.storyIndicators span{color:#6b7067}
.storyIndicators strong,.storyTimeline span{color:#617329}
.storyTimeline small{color:#858a80}
.storyTimeline p{color:#62675f}
.storyTimeline:before{background:linear-gradient(90deg,#617329,var(--acid) 72%,transparent)}

@media(max-width:620px){
  .story{background:var(--paper-soft)}
  .storyTimeline article,.storyTimeline article:not(:first-child){border-color:#cbc9bf}
}

/* Expandable portfolio filters and media-ready project cards */
.projectFilters{
  min-height:150px;padding:28px max(5vw,28px);display:grid;grid-template-columns:.7fr 1.6fr auto;
  gap:34px;align-items:center;border-bottom:1px solid var(--ink-line);background:var(--ink-soft)
}
.projectFilters .sectionTag{margin-bottom:8px}
.projectFilters p{margin:0;color:#73786f;font-size:13px}
.projectFilters>small{color:var(--acid);font:10px var(--font-mono);letter-spacing:.1em;white-space:nowrap}
.filterButtons{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.filterButtons button{
  appearance:none;border:1px solid var(--ink-line-strong);background:transparent;color:#aeb2a8;
  padding:11px 15px;min-height:42px;font:10px var(--font-mono);letter-spacing:.07em;text-transform:uppercase;
  cursor:pointer;transition:color .28s,background .28s,border-color .28s,box-shadow .28s,transform .28s var(--ease-premium)
}
.filterButtons button:hover,.filterButtons button:focus-visible{color:var(--paper);border-color:#68705f;transform:translateY(-1px)}
.filterButtons button[aria-pressed="true"]{background:var(--acid);border-color:var(--acid);color:var(--ink);box-shadow:0 0 22px #c8ff3d17}
.archiveProject[hidden]{display:none!important}
.archiveVisual video{width:100%;height:100%;display:block;object-fit:cover;object-position:top center}
.archiveMock{width:100%;height:100%;padding-top:36px;background:#151814;color:#f3f1e9;overflow:hidden}
.archiveMockNav{height:58px;display:flex;align-items:center;gap:12px;padding:0 5%;border-bottom:1px solid #ffffff10}
.archiveMockNav>i{width:20px;height:20px;background:var(--acid);transform:rotate(45deg);box-shadow:0 0 18px #c8ff3d38}
.archiveMockNav strong{font-size:14px;letter-spacing:-.02em}.archiveMockNav span{margin-left:auto;color:#697065}
.archiveMockBody{height:calc(100% - 58px);display:grid;grid-template-columns:18% 82%}
.archiveMockBody aside{padding:28px 20%;border-right:1px solid #ffffff0d;display:flex;flex-direction:column;gap:18px}
.archiveMockBody aside i{height:7px;border-radius:8px;background:#ffffff17}.archiveMockBody aside i:first-child{background:var(--acid);box-shadow:0 0 12px #c8ff3d28}
.archiveMockBody>section{padding:7%}
.archiveMockBody header{display:flex;justify-content:space-between;margin-bottom:7%}.archiveMockBody header b{width:34%;height:18px;background:#ffffffd8}.archiveMockBody header span{width:18%;height:18px;border:1px solid #ffffff1c}
.archiveMockMetrics{display:grid;grid-template-columns:repeat(3,1fr);gap:3%;margin-bottom:5%}.archiveMockMetrics i{height:72px;border:1px solid #ffffff12;background:linear-gradient(145deg,#ffffff0a,transparent)}
.archiveMockChart{height:30%;border:1px solid #ffffff12;background:linear-gradient(180deg,#c8ff3d12,transparent),repeating-linear-gradient(90deg,transparent 0 12%,#ffffff09 12% 12.3%)}
.archiveMockRows{display:grid;gap:10px;margin-top:5%}.archiveMockRows i{height:8px;background:#ffffff10}.archiveMockRows i:nth-child(2){width:82%}.archiveMockRows i:nth-child(3){width:68%}.archiveMockRows i:nth-child(4){width:90%}
.archiveMock--finance{background:linear-gradient(145deg,#171a15,#252d18)}
.archiveMock--automation{background:linear-gradient(145deg,#10151b,#12261f)}.archiveMock--automation .archiveMockChart{background:linear-gradient(135deg,#c8ff3d16,transparent),repeating-linear-gradient(135deg,transparent 0 16px,#ffffff09 16px 17px)}
.archiveMock--mobile{background:linear-gradient(145deg,#19151d,#282039)}.archiveMock--mobile .archiveMockBody>section{margin:4% 25%;border:1px solid #ffffff18;border-radius:24px}
.archiveMock--academy{background:linear-gradient(145deg,#201912,#352819)}.archiveMock--academy .archiveMockNav>i{border-radius:50%}
.archiveMock--security{background:linear-gradient(145deg,#0c1517,#172528)}.archiveMock--security .archiveMockChart{box-shadow:inset 0 0 28px #c8ff3d0d}
.archiveMock--flow{background:linear-gradient(145deg,#151417,#282422)}.archiveMock--flow .archiveMockMetrics i{border-radius:999px;height:48px}
.mediaReady{
  position:absolute;left:14px;bottom:14px;z-index:5;padding:8px 10px;background:#101010e8;
  border:1px solid #ffffff18;color:#c7cac2;font:9px var(--font-mono);letter-spacing:.08em;font-weight:500
}
.mediaReady i{color:var(--acid);font-style:normal;margin-left:5px}

@media(max-width:900px){
  .projectFilters{grid-template-columns:1fr;gap:20px}
  .filterButtons{justify-content:flex-start}
  .projectFilters>small{justify-self:start}
}
@media(max-width:620px){
  .projectFilters{padding:30px 20px}
  .filterButtons{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .filterButtons button{width:100%}
  .archiveMock{padding-top:30px}
  .archiveMockNav{height:45px}
  .archiveMockBody{height:calc(100% - 45px)}
  .archiveMockBody aside{padding-inline:14%}
  .archiveMockMetrics i{height:48px}
  .mediaReady{left:10px;bottom:10px;font-size:7px}
}

/* Home Director's Cut — restrained depth, unified feedback and mobile precision */
.story:after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.42;
  background-image:
    linear-gradient(#10101009 1px,transparent 1px),
    linear-gradient(90deg,#10101009 1px,transparent 1px);
  background-size:44px 44px;
  -webkit-mask-image:radial-gradient(circle at 82% 38%,#000 0,transparent 58%);
  mask-image:radial-gradient(circle at 82% 38%,#000 0,transparent 58%)
}
.storyPortrait{--light-x:50%;--light-y:42%;isolation:isolate}
.storyPortrait:after{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.28;
  background:
    radial-gradient(circle at var(--light-x) var(--light-y),#c8ff3d24 0,transparent 28%),
    linear-gradient(135deg,#ffffff0b,transparent 34%);
  mix-blend-mode:screen;
  transition:opacity .65s var(--ease-premium),background-position .8s var(--ease-premium)
}
.storyPortrait:hover:after{opacity:.42}

.footerLinks a,.workArchive a{
  position:relative;display:inline-flex;align-items:center;min-height:44px
}
.footerLinks a:after,.workArchive a:after{
  content:"";position:absolute;left:0;right:0;bottom:5px;height:1px;
  background:linear-gradient(90deg,var(--acid),transparent);
  transform:scaleX(0);transform-origin:left;opacity:.7;
  transition:transform .38s var(--ease-premium),opacity .3s
}
.footerLinks a:hover:after,.footerLinks a:focus-visible:after,
.workArchive a:hover:after,.workArchive a:focus-visible:after{transform:scaleX(1);opacity:1}

:is(.button,.navCta,.service,.project,.workArchive a,.footerLinks a):focus-visible{
  outline:2px solid var(--acid);outline-offset:4px
}
.button span,.navCta span,.workArchive b{
  transition:transform .34s var(--ease-premium),color .3s
}
.button:hover span,.button:focus-visible span,
.navCta:hover span,.navCta:focus-visible span,
.workArchive a:hover b,.workArchive a:focus-visible b{transform:translate(3px,-2px)}

@media(max-width:620px){
  .story:after{opacity:.28;background-size:36px 36px}
  .storyPortrait:after{opacity:.22}
  .footerLinks a,.workArchive a{min-height:48px}
  .button,.navCta{min-height:48px}
}

@media(prefers-reduced-motion:reduce){
  .storyPortrait:after{opacity:.2}
}

/* Gold Master — one proprietary ET signature and complete interaction feedback */
.core:after{
  content:"";position:absolute;inset:-38%;z-index:3;pointer-events:none;opacity:0;
  background:linear-gradient(112deg,transparent 41%,#ffffff50 48%,#eaffaa35 51%,transparent 58%);
  transform:translate3d(-54%,0,0);
  mix-blend-mode:soft-light;
  animation:etSignature 9.6s var(--ease-premium) infinite
}
@keyframes etSignature{
  0%,72%{opacity:0;transform:translate3d(-54%,0,0)}
  76%{opacity:.28}
  84%{opacity:.12;transform:translate3d(54%,0,0)}
  86%,100%{opacity:0;transform:translate3d(54%,0,0)}
}

.navCta b{
  display:inline-block;
  transition:transform .34s var(--ease-premium),color .3s
}
.navCta:hover b,.navCta:focus-visible b{transform:translate(3px,-2px)}

:where(button,.mobileMenu summary,.mobileMenu a):focus-visible{
  outline:2px solid var(--acid);outline-offset:4px
}

@media(pointer:coarse){
  :is(.button,.navCta,.service,.project,.mobileMenu a):active{
    transform:scale(.985)
  }
}

@media(prefers-reduced-motion:reduce){
  .core:after{animation:none!important;display:none}
}
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url('/assets/fonts/geist.woff2') format('woff2')}
@font-face{font-family:'Geist Mono';font-style:normal;font-weight:100 900;font-display:swap;src:url('/assets/fonts/geist-mono.woff2') format('woff2')}
:root{--font-sans:Geist,Arial,sans-serif;--font-mono:'Geist Mono',monospace}
/* Header logo: slight optical enlargement to preserve stroke weight on screens */
.nav .brandLogoFrame img{transform:scale(1.06);transform-origin:left center;filter:contrast(1.45) brightness(1.08)}
@media(max-width:620px){.nav .brandLogoFrame img{transform:scale(1.06);transform-origin:left center;filter:contrast(1.45) brightness(1.08)}}