@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#0b0b0d;--panel:#141416;--panel2:#19191c;--gold:#e7b948;--gold2:#f8d879;--white:#f8f7f3;--muted:#aaa9ae;--line:#303034}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:4px}img{max-width:100%}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.section{padding:110px 0}.skip{position:absolute;left:-999px;top:10px;z-index:20;background:var(--gold);color:#111;padding:10px}.skip:focus{left:10px}.header{height:86px;position:sticky;top:0;z-index:10;background:rgba(11,11,13,.93);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{width:210px;height:65px;object-fit:contain;object-position:left center}.nav nav{display:flex;align-items:center;gap:30px}.nav nav a{font-size:13px;font-weight:700;color:#ddd;transition:color .2s}.nav nav a:hover{color:var(--gold)}.nav nav .nav-cta{border:1px solid #b28b3c;color:var(--gold);padding:11px 18px;border-radius:6px}.menu-toggle{display:none}.hero{position:relative;overflow:hidden;min-height:670px;display:flex;align-items:center;background:radial-gradient(ellipse at 77% 40%,#29200e 0%,#111113 40%,#0b0b0d 73%)}.hero-glow{position:absolute;width:650px;height:650px;right:-220px;top:-280px;border-radius:50%;border:1px solid rgba(231,185,72,.2);box-shadow:0 0 110px rgba(211,146,30,.1)}.hero-grid{display:grid;grid-template-columns:1.13fr 1fr;align-items:center;gap:40px;position:relative}.eyebrow{font-size:11px;letter-spacing:2.2px;font-weight:800;color:var(--gold);display:inline-block}.spark{display:inline-block;width:7px;height:7px;background:var(--gold);border-radius:50%;margin-right:7px;box-shadow:0 0 13px var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.16;letter-spacing:-1.8px}h1{font-size:clamp(40px,4.25vw,65px);margin:25px 0 23px;font-weight:800}h1 em,h2 em{color:var(--gold);font-style:normal}.hero-copy>p{max-width:550px;color:#bdbcc0;font-size:16px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin:32px 0 38px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;border-radius:6px;padding:15px 21px;font-size:13px;font-weight:800;border:1px solid transparent;cursor:pointer;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-gold{background:linear-gradient(125deg,#e3aa33,#f8d978);color:#17130a}.btn-outline{border-color:#555258;color:#f6f6f6;background:transparent}.hero-note{display:flex;align-items:center;gap:15px;font-size:12px;color:#88888b}.hero-note .line{height:1px;width:32px;background:var(--gold)}.hero-art{height:480px;position:relative;display:flex;align-items:center;justify-content:center}.orb{position:absolute;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,rgba(244,184,63,.24),rgba(200,120,0,.05) 48%,transparent 72%);filter:blur(14px)}.glass-card{position:relative;background:#111114;border:1px solid #6a512b;border-radius:13px;box-shadow:0 30px 70px #000,0 0 55px #bd801522;transform:perspective(800px) rotateY(-10deg) rotateX(5deg)}.glass-main{width:88%;height:335px;padding:10px}.mini-top{display:flex;gap:5px;align-items:center;height:27px;border-bottom:1px solid #2c2c30;padding-left:10px}.mini-dot{width:6px;height:6px;border-radius:50%;background:#51463b}.mini-domain{font-size:9px;color:#777;margin:auto}.mini-page{padding:28px 28px}.mini-badge{font-size:8px;letter-spacing:2px;color:var(--gold);margin-bottom:16px}.mini-head{height:20px;background:linear-gradient(90deg,#f8e4ad,#c28b25);width:80%;border-radius:3px;margin-bottom:9px}.mini-head.short{width:60%}.mini-lines{height:30px;width:80%;margin:18px 0;background:repeating-linear-gradient(to bottom,#59595b 0px,#59595b 3px,transparent 3px,transparent 10px);opacity:.5}.mini-cta{height:23px;width:100px;border-radius:3px;background:var(--gold)}.mini-panels{display:flex;gap:10px;margin-top:26px}.mini-panels span{flex:1;height:47px;background:linear-gradient(135deg,#2b281f,#161617);border:1px solid #38332a;border-radius:4px}.float-card{position:absolute;background:rgba(28,26,23,.96);border:1px solid #62502d;border-radius:10px;box-shadow:0 20px 35px #0009;padding:14px 18px;font-size:12px;color:#f6f3e9}.top-float{right:-5px;top:55px;color:var(--gold)}.top-float span{color:#eee;margin-left:7px}.bottom-float{bottom:32px;left:0;display:flex;align-items:center;gap:12px;line-height:1.4}.chart-icon{font-size:34px;color:var(--gold)}.ticker{border-top:1px solid #2b2926;border-bottom:1px solid #2b2926;background:#141310}.ticker-items{min-height:77px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#c2bdb2;font-size:11px;font-weight:800;letter-spacing:1.5px}.ticker b{color:var(--gold);font-size:16px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:55px;margin-bottom:43px}.section-top h2{max-width:670px}.section-top>p{max-width:325px;color:var(--muted);font-size:14px}h2{font-size:clamp(32px,3.6vw,48px);margin:16px 0 0}h3{font-size:21px;letter-spacing:-.6px}.services{background:#101012}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-card{padding:29px 24px;background:linear-gradient(150deg,#1d1c1d,#141416);border:1px solid #333035;border-radius:12px;min-height:345px;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.service-card:hover{border-color:#a78542;transform:translateY(-4px)}.service-icon{height:60px;width:60px;border:1px solid #66532e;border-radius:10px;display:grid;place-items:center;color:var(--gold);font-size:32px;margin-bottom:24px}.service-index{font-size:10px;color:#a7a3a1;letter-spacing:1.3px;font-weight:800}.service-card h3{margin:12px 0}.service-card p{font-size:13px;color:#aeadb0}.service-card a{margin-top:auto;font-size:11px;font-weight:800;color:var(--gold)}.portfolio{background:#0c0c0e}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.project{border:1px solid #302e30;border-radius:12px;overflow:hidden;background:#171719}.project.large{grid-row:span 2}.project-art{height:230px;overflow:hidden;position:relative}.large .project-art{height:535px}.art-social{background:#101011;display:flex;align-items:center;justify-content:center}.art-social img{width:100%;height:100%;object-fit:cover}.art-web{background:radial-gradient(circle at 60% 45%,#785522,#171315 65%);display:grid;place-items:center}.mock-browser{width:78%;height:175px;background:#121316;border:7px solid #28282a;border-radius:9px;box-shadow:0 24px 30px #0008;transform:rotate(-4deg)}.browser-bar{height:24px;background:#29292a;color:#e4b64b;font-size:7px;padding:7px}.browser-bar span{color:#a3a3a3;margin-left:25px}.browser-content{padding:14px 20px}.browser-content small{font-size:7px;color:var(--gold)}.browser-content strong{display:block;font-size:23px;line-height:1.1;margin:5px 0;color:white}.mock-button{display:block;width:64px;height:13px;background:var(--gold);border-radius:2px}.art-doc{background:radial-gradient(circle at 50% 60%,#755321,#151313 70%);display:flex;align-items:center;justify-content:center}.document-mock{width:160px;height:195px;background:#f5f1e8;border-radius:3px;transform:rotate(-9deg);box-shadow:18px 15px 25px #0008;padding:17px}.doc-head{width:38px;height:17px;background:#b38b3b}.doc-title{height:9px;width:90px;background:#232323;margin:17px 0 10px}.doc-line{height:5px;background:#c7c4be;margin-bottom:8px}.doc-line.short{width:75%}.doc-table{display:flex;gap:4px;margin-top:18px}.doc-table span{height:42px;background:#e2d8c3;flex:1}.doc-bottom{background:#b38b3b;height:8px;margin-top:12px}.doc-chip{position:absolute;right:20px;bottom:22px;color:#e9c876;font-size:10px;font-weight:800;letter-spacing:1px}.project-info{padding:22px 24px;display:flex;justify-content:space-between;gap:15px}.project-tag{font-size:9px;color:var(--gold);letter-spacing:1.5px;font-weight:800}.project-info h3{font-size:18px;margin:7px 0}.project-info p{font-size:12px;color:var(--muted);margin:0}.project-arrow{font-size:26px;color:var(--gold)}.portfolio-disclaimer{font-size:11px;color:#858287;margin-top:18px}.about{background:#151416}.about-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.about-visual{height:440px;border-radius:14px;background:radial-gradient(circle,#3e2c11,#121213 65%);border:1px solid #423622;display:grid;place-items:center;position:relative;overflow:hidden}.about-visual img{width:68%;position:relative;filter:drop-shadow(0 0 25px #b5863355)}.about-outline{position:absolute;top:-75px;left:-40px;font-size:360px;font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-50px;color:#e7b9480a}.about-copy p{font-size:14px;color:#b9b8bb}.about-copy h2{margin-bottom:24px}.about-points{display:grid;grid-template-columns:1fr 1fr;gap:13px 8px;margin:27px 0}.about-points span{font-size:12px;color:#e7dfd0}.text-link{font-size:13px;color:var(--gold);font-weight:800}.process{background:#0d0d0f}.center-title{text-align:center;max-width:720px;margin:0 auto 55px}.center-title p{color:var(--muted);font-size:14px;margin-top:16px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.steps article{border-top:1px solid #5e4a2a;padding-top:25px}.steps article>span{font-size:35px;color:var(--gold);font-family:Manrope,sans-serif;font-weight:800}.steps h3{font-size:18px;margin:15px 0 10px}.steps p{font-size:13px;color:var(--muted)}.contact{background:radial-gradient(ellipse at 20% 50%,#2b2110,#141315 60%);border-top:1px solid #373027}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.contact-grid>div>p{font-size:15px;color:#b5b2b4;max-width:450px;margin:26px 0}.contact-info{display:grid;gap:12px;color:#d2c4a6;font-size:12px}.contact-form{padding:35px;border:1px solid #5d4a2b;background:#171618;border-radius:14px;display:grid;gap:9px}.contact-form label{font-size:12px;font-weight:700;color:#e9e5dc}.contact-form input,.contact-form select,.contact-form textarea{background:#222124;border:1px solid #424044;border-radius:5px;padding:12px 13px;color:white;width:100%;margin-bottom:9px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#89868b}.contact-form button{width:100%;margin-top:8px}.form-note{font-size:11px;color:#99959a;margin:3px 0 0}.footer{background:#080809;padding:65px 0 25px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;padding-bottom:55px}.footer-logo{width:235px;height:90px;object-fit:contain;object-position:left center}.footer-main p{font-size:12px;color:#a4a1a4;max-width:300px}.footer-main>div:not(:first-child){display:flex;flex-direction:column;gap:9px}.footer-main strong{font-size:13px;margin-bottom:10px}.footer-main a{font-size:12px;color:#aaa7aa}.footer-main a:hover{color:var(--gold)}.footer-bottom{border-top:1px solid #252427;padding-top:25px;display:flex;justify-content:space-between;color:#858185;font-size:11px}
@media(max-width:980px){.nav nav{gap:16px}.nav nav a{font-size:12px}.brand{width:175px}.hero-grid{grid-template-columns:1fr 1fr;gap:12px}.hero-art{transform:scale(.9)}.service-grid{grid-template-columns:repeat(2,1fr)}.about-grid,.contact-grid{gap:40px}.section{padding:80px 0}}
@media(max-width:720px){.wrap{width:min(100% - 34px,560px)}.header{height:72px}.brand{width:170px;height:60px}.menu-toggle{display:block;border:1px solid #594625;border-radius:6px;background:#1b1a1a;color:var(--gold);font-size:22px;padding:5px 12px;cursor:pointer}.nav nav{display:none;position:absolute;top:72px;left:0;right:0;padding:18px 24px 25px;background:#121214;border-bottom:1px solid #443720;flex-direction:column;align-items:stretch;gap:18px}.nav nav.open{display:flex}.nav nav a{font-size:14px}.nav nav .nav-cta{text-align:center}.section{padding:68px 0}.hero{min-height:auto;padding:80px 0 40px}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:left}.hero-copy>p{font-size:14px}h1{font-size:clamp(36px,10vw,50px)}h2{font-size:32px}.hero-art{height:310px;transform:scale(.78);margin:-25px -45px -35px}.float-card.top-float{right:0}.ticker-items{overflow:hidden;gap:18px;justify-content:flex-start;white-space:nowrap}.ticker-items span{font-size:10px}.section-top{display:block;margin-bottom:30px}.section-top>p{margin-top:20px}.service-grid,.portfolio-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.service-card{min-height:280px}.project.large{grid-row:auto}.large .project-art{height:290px}.project-art{height:230px}.about-visual{height:300px}.about-visual img{width:60%}.steps{grid-template-columns:1fr 1fr;gap:30px}.footer-main{grid-template-columns:1fr 1fr;gap:25px}.footer-main>div:first-child{grid-column:span 2}.footer-bottom{flex-direction:column;gap:10px}.contact-form{padding:22px}.actions{gap:10px}.btn{padding:13px 15px}.eyebrow{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Portfólio real — Totalcoding & Total Fitas */
.real-work{background:#111113;border-top:1px solid #30291d}.case-intro{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:32px 34px;margin-bottom:26px;background:linear-gradient(125deg,#252016,#181719 68%);border:1px solid #6a522e;border-radius:14px}.case-kicker{color:var(--gold);font-size:10px;letter-spacing:2px;font-weight:800}.case-intro h3{font-size:clamp(25px,3vw,34px);margin:10px 0 14px}.case-amp{color:var(--gold)}.case-intro p{font-size:13px;color:#c2bcb4;max-width:680px;margin-bottom:17px}.case-tags{display:flex;gap:8px;flex-wrap:wrap}.case-tags span{font-size:10px;color:#f2dcab;border:1px solid #66512d;padding:5px 10px;border-radius:30px}.case-external{flex-shrink:0;border:1px solid #987333;color:var(--gold);border-radius:7px;padding:13px 17px;font-size:12px;font-weight:800}.case-external:hover{background:#332815}.reel-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.reel-card{overflow:hidden;border:1px solid #363132;background:#1b1a1d;border-radius:11px}.reel-media{aspect-ratio:9/16;background:#09090a}.reel-media video{display:block;width:100%;height:100%;object-fit:contain;background:#080808}.reel-detail{padding:18px 15px 20px}.reel-detail h3{font-size:14px;letter-spacing:-.3px;line-height:1.4;margin:9px 0}.reel-detail p{font-size:11px;color:var(--muted);margin:0}.case-footnote{font-size:11px;color:#939097;margin-top:18px}@media(max-width:1080px){.reel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.case-intro{display:block;padding:24px}.case-external{display:inline-block;margin-top:22px}.reel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.reel-detail{padding:13px 12px 16px}.reel-detail h3{font-size:13px}}@media(max-width:380px){.reel-grid{grid-template-columns:1fr}.reel-media{max-height:490px}}


/* LM EXPERIENCE — camadas atmosféricas e microinterações */
:root{--gold-glow:rgba(231,185,72,.22)}
body{isolation:isolate;overflow-x:hidden;background:#090a0e}
.ambient-stage{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 68% 14%,rgba(68,49,20,.19),transparent 55%),#090a0e}
#ambient-canvas{width:100%;height:100%;display:block;opacity:.8}
.ambient-mesh{position:absolute;inset:-15%;background-image:linear-gradient(rgba(238,186,76,.037) 1px,transparent 1px),linear-gradient(90deg,rgba(238,186,76,.037) 1px,transparent 1px);background-size:78px 78px;transform:perspective(800px) rotateX(24deg) scale(1.3);mask-image:linear-gradient(to bottom,transparent 5%,#000 45%,transparent 92%);animation:mesh-drift 28s linear infinite}
.ambient-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 25%,rgba(5,5,8,.55) 100%)}
.scroll-progress{position:fixed;z-index:50;top:0;left:0;height:2px;width:100%;background:linear-gradient(90deg,#9d6a23,#fbe09b,#e7b948);transform:scaleX(0);transform-origin:left;box-shadow:0 0 14px #e7b94880;pointer-events:none}
.header{background:rgba(9,9,12,.69);border-color:rgba(231,185,72,.13);box-shadow:0 10px 40px #0002}
.header:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.025),transparent)}
.hero{background:linear-gradient(120deg,rgba(8,9,12,.93),rgba(13,12,16,.72) 50%,rgba(26,20,12,.58));min-height:740px}
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--pointer-x,72%) var(--pointer-y,38%),rgba(236,177,59,.11),transparent 32%)}
.hero-glow{animation:glow-breathe 8s ease-in-out infinite alternate;filter:blur(8px)}
.hero-halo{position:absolute;right:9%;top:8%;width:540px;aspect-ratio:1;pointer-events:none;opacity:.45}
.hero-halo span{position:absolute;inset:0;border:1px solid rgba(234,185,75,.17);border-radius:50%;animation:halo-pulse 9s ease-in-out infinite}
.hero-halo span:nth-child(2){inset:60px;animation-delay:-3s}.hero-halo span:nth-child(3){inset:120px;animation-delay:-6s}
.hero-status{display:flex;align-items:center;gap:11px;color:#a8a098;font-size:9px;letter-spacing:1.3px;font-weight:800;margin-bottom:22px}
.status-dot{width:7px;height:7px;border-radius:50%;background:#e7b948;box-shadow:0 0 15px #e7b948;animation:status-pulse 2.6s infinite}
.status-line{height:1px;width:22px;background:#8b6b38}
.hero-copy{position:relative;z-index:2;animation:hero-enter .95s cubic-bezier(.2,.7,.2,1) both}
.hero-copy h1{font-size:clamp(43px,4.7vw,72px);letter-spacing:-2.7px}
.hero-copy h1 em{background:linear-gradient(110deg,#b8862e,#fff0b9 48%,#d6a64b 76%,#f5cf72);background-size:200% auto;color:transparent;background-clip:text;-webkit-background-clip:text;animation:gold-shine 8s linear infinite}
.hero-art{z-index:2;animation:hero-enter 1.2s .14s both}
.glass-card{background:linear-gradient(145deg,rgba(39,35,31,.82),rgba(11,12,17,.73));backdrop-filter:blur(24px);border:1px solid rgba(249,206,114,.4);box-shadow:0 35px 100px #000b,0 0 90px #bd80151c;animation:card-float 7s ease-in-out infinite}
.float-card{background:rgba(31,27,25,.63);backdrop-filter:blur(22px);border:1px solid rgba(238,191,92,.36);box-shadow:0 20px 55px #0007}
.top-float{animation:float-small 6s ease-in-out infinite}.bottom-float{animation:float-small 7s 1s ease-in-out infinite}
.orbit{position:absolute;inset:35px;border:1px dashed rgba(235,179,71,.18);border-radius:50%;animation:orbit-turn 38s linear infinite}.orbit-two{inset:75px;border-style:solid;animation-direction:reverse;animation-duration:26s;opacity:.7}
.orbit-point{position:absolute;width:8px;height:8px;background:#f2c35f;border-radius:50%;box-shadow:0 0 25px #e7b948}.orbit-point-a{top:53px;right:70px}.orbit-point-b{bottom:68px;left:55px;width:5px;height:5px}
.ticker{overflow:hidden;background:rgba(22,19,16,.73);backdrop-filter:blur(14px);border-color:rgba(231,185,72,.16)}
.ticker-items{width:max-content;min-height:76px;gap:42px;justify-content:flex-start;padding:0 24px;animation:marquee-move 34s linear infinite}
.ticker-items span{white-space:nowrap}
.services,.portfolio,.real-work,.about,.process,.contact{background:transparent;position:relative}
.services:before,.real-work:before,.about:before,.contact:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(22,21,24,.84),rgba(18,18,21,.54));z-index:-1}
.portfolio:before,.process:before{content:"";position:absolute;inset:0;background:rgba(9,10,14,.52);z-index:-1}
.section-top h2 em,.center-title h2 em,.about-copy h2 em,.contact h2 em{background:linear-gradient(105deg,#c58c33,#f7d98c,#bd8730);background-clip:text;-webkit-background-clip:text;color:transparent}
.service-card,.project,.reel-card,.case-intro,.contact-form{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(140deg,rgba(36,34,35,.69),rgba(17,18,22,.65));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(225,189,114,.17);box-shadow:0 18px 50px #0003;transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .4s}
.service-card:before,.project:before,.reel-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(380px circle at var(--card-x,50%) var(--card-y,0%),rgba(241,184,70,.13),transparent 62%);opacity:0;transition:opacity .3s;z-index:2}
.service-card:hover:before,.project:hover:before,.reel-card:hover:before{opacity:1}
.service-card:hover,.project:hover,.reel-card:hover{border-color:rgba(243,195,91,.65);box-shadow:0 25px 70px #0008,0 0 40px rgba(231,185,72,.09);transform:translateY(-7px)}
.service-icon{background:linear-gradient(145deg,rgba(231,185,72,.12),rgba(231,185,72,.015));box-shadow:inset 0 0 25px rgba(231,185,72,.06)}
.project-art img{transition:transform 1s cubic-bezier(.2,.8,.2,1)}.project:hover .project-art img{transform:scale(1.055)}
.reel-card{border-radius:16px}.reel-media{overflow:hidden}.reel-media video{transition:filter .3s}.reel-card:hover video{filter:brightness(1.08)}
.case-intro{background:linear-gradient(110deg,rgba(74,53,23,.45),rgba(23,21,25,.69))}
.about-visual{background:radial-gradient(circle at 50% 50%,rgba(142,94,24,.32),rgba(16,17,22,.65) 65%);backdrop-filter:blur(16px);border-color:rgba(233,190,98,.28)}
.about-visual:after{content:"";position:absolute;inset:12px;border:1px solid rgba(231,185,72,.12);border-radius:12px;pointer-events:none}
.about-visual img{animation:brand-float 8s ease-in-out infinite}
.steps article{position:relative}.steps article:before{content:"";position:absolute;top:-1px;left:0;height:2px;width:0;background:linear-gradient(90deg,#e7b948,transparent);transition:width .7s}.steps article:hover:before{width:100%}
.contact-form{background:rgba(23,21,24,.74);border-color:rgba(231,185,72,.38)}
.contact-form input,.contact-form select,.contact-form textarea{background:rgba(22,23,28,.82);transition:border-color .2s,box-shadow .2s}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(231,185,72,.1);outline:none}
.btn-gold{position:relative;overflow:hidden;box-shadow:0 9px 30px rgba(202,145,37,.19)}.btn-gold:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 28%,rgba(255,255,255,.45) 49%,transparent 70%);transform:translateX(-130%);transition:transform .65s}.btn-gold:hover:before{transform:translateX(130%)}
.reveal-section .section-top,.reveal-section .center-title,.reveal-section .about-copy,.reveal-section .case-intro,.reveal-section .service-card,.reveal-section .project,.reveal-section .reel-card,.reveal-section .steps article,.reveal-section .contact-form{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .4s}
.reveal-section .is-visible{opacity:1;transform:translateY(0)}
.reveal-section .service-card.is-visible:hover,.reveal-section .project.is-visible:hover,.reveal-section .reel-card.is-visible:hover{transform:translateY(-7px)}
@keyframes hero-enter{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes glow-breathe{from{opacity:.5;transform:scale(.9)}to{opacity:1;transform:scale(1.12)}}
@keyframes halo-pulse{0%,100%{transform:scale(.94);opacity:.35}50%{transform:scale(1.08);opacity:.8}}
@keyframes status-pulse{0%,100%{box-shadow:0 0 5px #e7b948}50%{box-shadow:0 0 20px #e7b948}}
@keyframes card-float{0%,100%{transform:perspective(800px) rotateY(-10deg) rotateX(5deg) translateY(0)}50%{transform:perspective(800px) rotateY(-8deg) rotateX(4deg) translateY(-15px)}}
@keyframes float-small{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes orbit-turn{to{transform:rotate(360deg)}}
@keyframes mesh-drift{to{background-position:0 78px,78px 0}}
@keyframes marquee-move{to{transform:translateX(-50%)}}
@keyframes gold-shine{to{background-position:200% center}}
@keyframes brand-float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.02)}}
@media(max-width:720px){.hero{min-height:auto}.hero-status{font-size:8px;letter-spacing:.6px;flex-wrap:wrap}.hero-copy h1{letter-spacing:-1.8px}.hero-halo{right:-35%;top:18%;width:390px}.ticker-items{min-height:60px;gap:28px}.ambient-mesh{background-size:54px 54px}.reel-card:hover,.project:hover,.service-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.reveal-section .section-top,.reveal-section .center-title,.reveal-section .about-copy,.reveal-section .case-intro,.reveal-section .service-card,.reveal-section .project,.reveal-section .reel-card,.reveal-section .steps article,.reveal-section .contact-form{opacity:1;transform:none}.ambient-mesh,.hero-glow,.hero-halo span,.hero-copy,.hero-art,.glass-card,.float-card,.orbit,.status-dot,.ticker-items,.about-visual img,.hero-copy h1 em{animation:none!important}}


/* Ajustes de identidade e responsividade — 08/11/2026 */
.header{height:94px}
.nav{min-width:0;gap:18px}
.nav>a:first-child{display:flex;align-items:center;flex:0 0 auto;min-width:0}
.brand{display:block;width:270px;height:76px;max-width:100%;object-fit:contain;object-position:left center}
.nav nav{min-width:0;gap:clamp(12px,1.6vw,26px)}
.nav nav a{white-space:nowrap}
.hero-grid>*,.about-grid>*,.contact-grid>*,.portfolio-grid>*,.section-top>*,.project-info>*,.case-intro>*{min-width:0}
h1,h2,h3,p,.project-info,.case-intro,.contact-info{overflow-wrap:break-word}
section[id]{scroll-margin-top:96px}
@media(max-width:1100px){.brand{width:225px;height:70px}.nav nav{gap:13px}.nav nav a{font-size:12px}.nav nav .nav-cta{padding:10px 12px}}
@media(min-width:721px) and (max-width:900px){.brand{width:190px}.nav nav{gap:9px}.nav nav a{font-size:11px}.nav nav .nav-cta{padding:8px}}
@media(max-width:720px){
 .header{height:78px}.nav{gap:12px}.nav>a:first-child{max-width:calc(100% - 70px)}
 .brand{width:225px;height:65px}.menu-toggle{flex-shrink:0}
 .nav nav{top:78px;max-height:calc(100dvh - 78px);overflow-y:auto}
 .wrap{width:calc(100% - 36px);max-width:560px}
 .hero{padding:56px 0 44px}
 .hero-grid{gap:8px}
 .hero-copy h1{font-size:clamp(33px,9vw,48px);line-height:1.14;letter-spacing:-1.4px}
 h2{font-size:clamp(28px,8vw,36px);letter-spacing:-1px}
 .hero-art{width:100%;height:300px;transform:none;margin:12px 0 0;overflow:visible}
 .glass-main{width:min(88%,350px);height:270px}
 .mini-page{padding:18px}.mini-panels{margin-top:16px}
 .orb{width:290px;height:290px;max-width:100%}
 .top-float{right:0;top:18px;padding:10px;font-size:10px}
 .bottom-float{left:0;bottom:0;padding:10px;font-size:10px}
 .hero-halo{max-width:100vw}
 .section-top{gap:18px}.section-top>p{max-width:100%}
 .case-intro{padding:22px 18px}.case-external{max-width:100%;white-space:normal;text-align:center}
 .project-info{padding:19px 17px}.about-points{grid-template-columns:1fr 1fr}
 .contact-grid{gap:30px}.contact-form{width:100%;min-width:0}
 .contact-form input,.contact-form textarea,.contact-form select{max-width:100%;min-width:0}
 .ticker{overflow:hidden}
}
@media(max-width:400px){
 .brand{width:195px;height:62px}.hero-copy h1{font-size:clamp(30px,9vw,36px)}
 .hero-art{height:265px}.glass-main{height:245px}.mini-page{padding:13px}
 .float-card{max-width:55%}.bottom-float{gap:6px}.chart-icon{font-size:24px}
 .steps{gap:18px}.footer-main{grid-template-columns:1fr}.footer-main>div:first-child{grid-column:auto}
 .reel-grid{grid-template-columns:1fr}.reel-media{max-height:510px}
 .actions .btn{max-width:100%;width:100%;justify-content:space-between}
}

/* Correção definitiva: marca em destaque no cabeçalho (v3) */
@media (min-width:1101px){
 .header{height:108px}
 .brand{width:325px;height:96px;max-width:none}
 .nav{gap:14px}
 .nav nav{gap:clamp(10px,1.1vw,20px)}
}
@media (min-width:721px) and (max-width:1100px){
 .header{height:94px}
 .brand{width:clamp(205px,23vw,265px);height:84px;max-width:none}
}
@media (max-width:720px){
 .header{height:96px}
 .nav>a:first-child{flex:1 1 auto;max-width:calc(100% - 56px)}
 .brand{width:min(270px,100%);height:86px;max-width:100%}
 .nav nav{top:96px;max-height:calc(100dvh - 96px)}
 section[id]{scroll-margin-top:105px}
}
@media (max-width:400px){
 .header{height:90px}
 .brand{width:min(240px,100%);height:80px}
 .nav nav{top:90px;max-height:calc(100dvh - 90px)}
}
