:root{--ink:#090b0f;--panel:#12161d;--panel2:#191e27;--gold:#d6a83e;--gold2:#f2c65c;--paper:#f7f7f4;--muted:#68707c;--line:#dfe1e4;--white:#fff;--radius:18px;--shadow:0 22px 60px rgba(12,18,28,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:var(--paper);font-size:16px;line-height:1.6}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{height:76px;position:fixed;z-index:50;inset:0 0 auto;background:rgba(9,11,15,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-wrap{height:100%;display:flex;align-items:center;gap:32px}.brand{display:inline-flex;align-items:center;gap:9px;color:var(--white);font-size:.85rem;font-weight:800;letter-spacing:.02em}.brand>span:last-child>span{font-weight:500;color:#a8adb6}.brand-mark{width:35px;height:35px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold2),#a97818);border-radius:10px 3px 10px 3px;color:#111;font-size:1.2rem;font-style:italic}.main-nav{display:flex;align-items:center;gap:25px;margin-left:auto}.main-nav a{color:#bec3cc;font-size:.76rem;font-weight:600;transition:.25s}.main-nav a:hover{color:var(--gold2)}.btn{min-height:46px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:9px;border:1px solid transparent;font-weight:700;font-size:.83rem;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn-gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#17120a;box-shadow:0 10px 28px rgba(214,168,62,.25)}.btn-outline{border-color:rgba(214,168,62,.75);color:#f0c35c;background:transparent}.btn-dark{border-color:#555d69;color:#fff;background:rgba(255,255,255,.03)}.header-cta{min-height:40px;padding:0 15px}.menu-toggle{display:none;border:0;background:none;padding:8px}.menu-toggle span{display:block;width:25px;height:2px;background:#fff;margin:5px}.hero{min-height:760px;padding:145px 0 80px;background:radial-gradient(circle at 72% 30%,rgba(214,168,62,.17),transparent 30%),var(--ink);color:#fff;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(to right,transparent,#000)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.eyebrow{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.24em;font-weight:700;color:#c3c7cf;margin-bottom:16px}.eyebrow.dark{color:#68707c}.hero h1,.section h2,.technology h2,.immersive h2,.contact h2{font-size:clamp(2.5rem,5.4vw,4.8rem);line-height:1.04;letter-spacing:-.055em;margin:0 0 24px}.hero h1 strong,h2 strong{color:var(--gold);font-weight:800}.hero-copy>p{max-width:610px;color:#bbc0c9;font-size:1.07rem}.hero-actions{display:flex;gap:13px;margin:32px 0}.benefits{display:flex;flex-wrap:wrap;gap:25px;color:#b9bec7;font-size:.76rem}.benefits span:first-letter{color:var(--gold)}.hero-visual{position:relative}.hero-visual img{height:520px;width:100%;object-fit:cover;border-radius:28px;filter:saturate(.85) contrast(1.08);box-shadow:0 35px 90px rgba(0,0,0,.45)}.hero-visual:after{content:"";position:absolute;inset:0;border-radius:28px;background:linear-gradient(90deg,var(--ink),transparent 36%),linear-gradient(0deg,rgba(9,11,15,.65),transparent 40%)}.floating-card{position:absolute;z-index:2;right:-18px;bottom:28px;padding:16px 20px;border:1px solid rgba(214,168,62,.35);background:rgba(9,11,15,.78);backdrop-filter:blur(14px);border-radius:13px}.floating-card small{display:block;color:var(--gold);font-size:.6rem;letter-spacing:.15em}.floating-card strong{font-size:.88rem}.section{padding:105px 0;background:#fff}.section.light{background:var(--paper)}.marble{background-image:radial-gradient(circle at 10% 20%,rgba(214,168,62,.06),transparent 20%),linear-gradient(135deg,transparent 48%,rgba(30,35,42,.028) 49%,transparent 51%)}.section-head{display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:end;margin-bottom:44px}.section-head h2,.technology h2,.immersive h2,.contact h2{font-size:clamp(2rem,4vw,3.55rem);margin-bottom:0}.section-head p{color:var(--muted);margin:0 0 7px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-card{background:#fff;border:1px solid #e5e6e8;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:.3s}.service-card:hover{transform:translateY(-7px)}.service-art{height:180px;display:grid;place-items:center;position:relative;overflow:hidden;background-color:#0e1724;background-image:radial-gradient(circle at 70% 25%,rgba(49,154,255,.6),transparent 28%),linear-gradient(135deg,#0e1724,#243b58)}.service-art:before{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(100,180,255,.35);border-radius:50%;box-shadow:0 0 0 30px rgba(100,180,255,.06),0 0 0 60px rgba(100,180,255,.04)}.service-art span{font-size:4rem;color:#b6e0ff;position:relative}.art-integration{background-image:radial-gradient(circle at 50% 50%,rgba(42,122,211,.8),transparent 27%),linear-gradient(135deg,#09101b,#1e3150)}.art-data{background-image:linear-gradient(90deg,transparent 48%,rgba(214,168,62,.6) 50%,transparent 52%),linear-gradient(135deg,#0b1520,#253d55)}.card-body{padding:28px;position:relative}.icon-box{width:44px;height:44px;border:1px solid var(--gold);border-radius:9px;display:grid;place-items:center;color:var(--gold);background:#111820}.service-card .icon-box{position:absolute;top:-24px}.card-body h3{font-size:1.1rem;margin:10px 0 8px}.card-body p{color:var(--muted);font-size:.9rem}.card-body a,.immersive-grid a{color:#ac7b15;font-size:.78rem;font-weight:800}.filters{display:flex;gap:8px;margin-bottom:26px;flex-wrap:wrap}.filters button{border:0;padding:9px 18px;border-radius:30px;background:transparent;color:#555f6c;font-size:.78rem}.filters button.active{background:var(--gold);color:#17120a;font-weight:800}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card{min-height:265px;position:relative;border-radius:15px;overflow:hidden;background:#151b23;box-shadow:var(--shadow)}.project-card img{width:100%;height:100%;object-fit:cover;transition:.4s}.project-card:hover img{transform:scale(1.04)}.project-card .project-info{position:absolute;inset:auto 0 0;padding:55px 20px 19px;background:linear-gradient(transparent,rgba(5,8,12,.95));color:#fff}.project-info span{font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:var(--gold)}.project-info h3{margin:4px 0;font-size:1rem}.loading{grid-column:1/-1;padding:40px;text-align:center;color:var(--muted)}.technology,.immersive{padding:100px 0;background:radial-gradient(circle at 70% 20%,rgba(45,91,145,.16),transparent 30%),#090d13;color:#fff}.technology-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:center}.technology p,.immersive p{color:#aeb4bf}.technology .btn{margin-top:20px}.video-cover{width:100%;height:390px;border:1px solid #39414d;border-radius:16px;padding:0;overflow:hidden;position:relative;background:#111}.video-cover img{width:100%;height:100%;object-fit:cover;filter:brightness(.55) saturate(.7)}.play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:76px;height:76px;display:grid;place-items:center;background:rgba(5,8,12,.72);border:1px solid rgba(255,255,255,.6);border-radius:50%;color:#fff;font-size:1.6rem;padding-left:5px}.video-label{position:absolute;right:30px;top:30px;color:#d5dae2;text-align:left;font-weight:700;font-size:.78rem;letter-spacing:.08em}.content-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}.social-panel,.podcast-panel{border-radius:18px;min-height:330px;padding:28px;background:#fff;border:1px solid #e2e4e7;box-shadow:var(--shadow)}.panel-title{display:flex;align-items:center;gap:15px}.panel-title h3,.panel-title p{margin:0}.panel-title p{color:var(--muted);font-size:.8rem}.social-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.social-cards div{aspect-ratio:.78;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;border-radius:11px;color:#fff;font-size:.72rem;background:radial-gradient(circle at 50% 30%,#24558b,#0b111a)}.social-cards div:nth-child(2){background:linear-gradient(150deg,#151515,#513b12)}.social-cards div:nth-child(3){background:linear-gradient(150deg,#071b2b,#0d6671)}.podcast-panel{background:linear-gradient(90deg,rgba(7,10,15,.96),rgba(7,10,15,.6)),url('../img/podcast-referencia.webp') center/cover;color:#fff;display:flex;align-items:flex-end}.podcast-panel h3{font-size:1.4rem;max-width:390px}.podcast-play{width:55px;height:55px;border:0;border-radius:50%;background:var(--gold);margin-top:20px}.section-head.inverse{color:#fff}.immersive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.immersive-grid article{display:flex;gap:18px;align-items:center;min-height:165px;padding:24px;border:1px solid #3c4552;border-radius:15px;background:linear-gradient(135deg,rgba(52,113,171,.12),rgba(255,255,255,.02))}.immersive-grid article>span{min-width:70px;height:90px;display:grid;place-items:center;border-radius:10px;background:radial-gradient(circle,#3979ad,#0a1523);font-size:2.4rem;color:#9fd5ff}.immersive-grid h3{font-size:1rem;margin:0}.immersive-grid p{font-size:.78rem;margin:5px 0}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}.contact h2{max-width:530px}.contact p{color:var(--muted);max-width:480px}.sketch{margin-top:50px;text-align:center;font-family:cursive;font-size:1.9rem;transform:rotate(-6deg);color:#37404a}.sketch span{border-bottom:3px solid var(--gold)}.contact-form{display:grid;gap:14px}.contact-form label span{position:absolute;left:-9999px}.contact-form input,.contact-form textarea{width:100%;border:1px solid #d7dbe0;background:rgba(255,255,255,.8);border-radius:10px;padding:15px 17px;color:#161a21;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(214,168,62,.14)}.contact-form label:nth-child(1) input::placeholder{content:"Nome"}.hp{position:absolute!important;left:-9999px!important}.form-status{margin:0;font-size:.86rem}.form-status.success{color:#16744b}.form-status.error{color:#a62e2e}footer{padding:54px 0 20px;background:#080b0f;color:#fff}.footer-main{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-main nav{display:flex;gap:22px}.footer-main nav a{font-size:.72rem;color:#acb2bc}.social-links{display:flex;gap:9px}.social-links a{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#1b2230;font-size:.75rem}.footer-bottom{display:flex;justify-content:space-between;margin-top:40px;padding-top:18px;border-top:1px solid #202630;color:#707885;font-size:.65rem}.whatsapp{position:fixed;z-index:40;right:25px;bottom:25px;width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:#22c76d;color:#fff;font-size:1.4rem;box-shadow:0 12px 34px rgba(34,199,109,.35)}.modal[hidden]{display:none}.modal{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:25px}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.85)}.modal-box{position:relative;z-index:1;width:min(760px,100%);min-height:430px;border:1px solid #3e4653;border-radius:18px;background:#0c1118;color:#fff;display:grid;place-items:center}.modal-close{position:absolute;right:16px;top:12px;border:0;background:none;color:#fff;font-size:2rem}.video-placeholder{text-align:center}.video-placeholder>span{font-size:3rem;color:var(--gold)}.reveal{opacity:0;transform:translateY(22px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:920px){.header-cta{display:none}.menu-toggle{display:block;margin-left:auto}.main-nav{position:fixed;inset:76px 0 auto;display:grid;gap:0;background:#0b0e13;padding:15px 20px;transform:translateY(-130%);transition:.3s}.main-nav.open{transform:none}.main-nav a{padding:15px;border-bottom:1px solid #222832;font-size:.9rem}.hero{padding-top:120px}.hero-grid,.technology-grid,.contact-grid{grid-template-columns:1fr}.hero-visual img{height:420px}.section-head{grid-template-columns:1fr;gap:15px}.service-grid,.portfolio-grid,.immersive-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.technology-grid{gap:35px}.contact-grid{gap:40px}}
@media(max-width:620px){.container{width:min(100% - 28px,1180px)}.hero{min-height:auto;padding:115px 0 65px}.hero-grid{gap:35px}.hero h1{font-size:2.65rem}.hero-actions{display:grid}.benefits{gap:12px 18px}.hero-visual img{height:330px}.floating-card{right:10px}.section,.technology,.immersive{padding:72px 0}.service-grid,.portfolio-grid,.immersive-grid{grid-template-columns:1fr}.portfolio-grid{gap:14px}.project-card{min-height:235px}.technology h2,.section h2,.immersive h2,.contact h2{font-size:2.25rem}.video-cover{height:260px}.social-cards{grid-template-columns:repeat(3,210px);overflow-x:auto;padding-bottom:8px}.social-cards div{aspect-ratio:.8}.contact-grid{grid-template-columns:1fr}.footer-main{align-items:flex-start;display:grid}.footer-main nav{display:grid;grid-template-columns:repeat(2,1fr)}.footer-bottom{display:grid;gap:8px}.whatsapp{right:16px;bottom:16px}.section-head{margin-bottom:30px}.immersive-grid article{min-height:145px}}