:root{--black:#070b0d;--ink:#e8eff0;--dim:#879396;--line:rgba(225,239,240,.16);--lime:#b9ff38;--blue:#35d5ff;--red:#ff554f;--mono:"DM Mono",monospace;--display:"Barlow Condensed",sans-serif;--sans:"Manrope",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--black);color:var(--ink);font-family:var(--sans);margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}.noise{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");inset:0;opacity:.025;pointer-events:none;position:fixed;z-index:50}.announcement{align-items:center;background:var(--lime);color:#0a1205;display:flex;font:500 9px/1 var(--mono);gap:10px;height:31px;justify-content:center;letter-spacing:.11em;position:relative;z-index:10}.status-dot{background:#0a1205;border-radius:50%;box-shadow:0 0 0 4px rgba(9,18,5,.16);height:6px;width:6px}.site-header{align-items:center;border-bottom:1px solid var(--line);display:flex;height:78px;justify-content:space-between;padding:0 clamp(20px,4vw,65px);position:absolute;top:31px;width:100%;z-index:10}.brand,.footer-brand{color:var(--ink);font:900 30px/.8 var(--display);letter-spacing:-.055em}.brand span,.footer-brand span{border-left:1px solid var(--ink);font-size:.59em;letter-spacing:.01em;margin-left:4px;padding-left:6px;vertical-align:4px}.desktop-nav{display:flex;gap:37px;margin-left:125px}.desktop-nav a,.header-cta,.eyebrow,.button,.text-link,.footer p,.footer-bottom{font:500 9px/1.2 var(--mono);letter-spacing:.1em}.desktop-nav a{color:#b8c0c0}.desktop-nav a:hover{color:var(--lime)}.header-cta{border-bottom:1px solid var(--lime);color:var(--lime);padding:10px 0}.header-cta span,.text-link span{font-size:15px;margin-left:4px}.menu-toggle{background:none;border:0;cursor:pointer;display:none;height:25px;padding:0;position:relative;width:26px}.menu-toggle span{background:var(--ink);height:1px;left:0;position:absolute;transition:.2s;width:100%}.menu-toggle span:first-child{top:8px}.menu-toggle span:last-child{bottom:8px}
.hero{background:#080e10;min-height:calc(100vh - 31px);overflow:hidden;padding:clamp(155px,19vh,218px) clamp(20px,8vw,128px) 88px;position:relative}.hero-grid{background-image:linear-gradient(rgba(80,114,114,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(80,114,114,.12) 1px,transparent 1px);background-size:57px 57px;inset:0;mask-image:linear-gradient(to right,#000 10%,transparent 68%);opacity:.55;position:absolute}.hero-grid:after{background:radial-gradient(circle,rgba(50,224,255,.25),transparent 65%);content:"";height:530px;left:-200px;position:absolute;top:88px;width:530px}.hero-copy{max-width:700px;position:relative;z-index:2}.eyebrow{color:var(--dim);margin:0;text-transform:uppercase}.eyebrow span{color:var(--lime);margin-right:15px}.hero h1{font:800 clamp(78px,9.8vw,160px)/.77 var(--display);letter-spacing:-.055em;margin:26px 0 25px;text-transform:uppercase}.hero h1 i,h2 i{color:var(--lime);font-style:italic;font-weight:500}.hero-description{color:#b5c0c1;font-size:13px;line-height:1.7;margin:0 0 32px;max-width:385px}.hero-actions{display:flex;gap:11px}.button{align-items:center;display:inline-flex;justify-content:center;min-height:48px;padding:0 19px;text-transform:uppercase;transition:.2s}.button:hover{transform:translateY(-3px)}.button span{font-size:17px;margin-left:12px}.button-primary{background:var(--lime);color:#0a1106}.button-ghost{border:1px solid rgba(232,239,240,.35);color:var(--ink)}.hero-mascot-wrap{bottom:-85px;height:min(73vw,950px);max-width:980px;position:absolute;right:-5.5vw;width:68vw;z-index:1}.hero-mascot{animation:float 5.5s ease-in-out infinite;filter:drop-shadow(0 30px 50px rgba(255,40,31,.2));height:100%;object-fit:contain;object-position:bottom center;width:100%}@keyframes float{50%{transform:translateY(-15px) rotate(1deg)}}.hero-orbit{border:1px solid rgba(207,235,236,.18);border-radius:50%;color:rgba(218,239,240,.45);font:500 9px var(--mono);height:350px;letter-spacing:.15em;padding:17px 0 0 32px;position:absolute;right:6%;top:16%;transform:rotate(-28deg);width:560px;z-index:0}.hero-orbit span{color:var(--lime);margin:0 10px}.hero-stats{bottom:48px;display:flex;gap:45px;left:clamp(20px,8vw,128px);position:absolute;z-index:2}.hero-stats div{display:flex;flex-direction:column;gap:7px}.hero-stats strong{color:var(--lime);font:800 25px/1 var(--display);letter-spacing:.04em}.hero-stats span,.hero-coordinates{color:#91a1a2;font:400 8px/1.5 var(--mono);letter-spacing:.09em}.hero-coordinates{bottom:51px;position:absolute;right:clamp(20px,4vw,65px);text-align:right;z-index:2}.ticker{background:var(--ink);color:var(--black);overflow:hidden;padding:18px 0;white-space:nowrap}.ticker-track{align-items:center;animation:ticker 22s linear infinite;display:inline-flex;font:700 20px/1 var(--display);gap:24px;letter-spacing:.04em}.ticker-track b{color:var(--red);font-size:14px}@keyframes ticker{to{transform:translateX(-50%)}}
.intro{border-bottom:1px solid var(--line);padding:clamp(100px,14vw,198px) clamp(20px,8vw,128px)}.intro-content{align-items:end;display:grid;gap:12vw;grid-template-columns:1.3fr .65fr;margin-top:29px}.intro h2,.section-title h2,.showcase h2,.contact h2{font:700 clamp(52px,6.5vw,102px)/.81 var(--display);letter-spacing:-.045em;margin:0;text-transform:uppercase}.intro-content>p,.showcase-copy>p:not(.eyebrow),.contact-content>p:not(.eyebrow){color:#a6b1b2;font-size:13px;line-height:1.85;margin:0 0 8px}.services{padding:clamp(80px,10vw,150px) clamp(20px,4vw,65px)}.section-title{padding-left:clamp(0px,4vw,64px)}.section-title .eyebrow{margin-bottom:17px}.service-list{border-top:1px solid var(--line);margin-top:60px}.service-card{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:18px;grid-template-columns:55px 82px minmax(240px,395px) 1fr;min-height:173px;overflow:hidden;padding:27px clamp(0px,4vw,64px);position:relative}.service-card:before{background:var(--lime);content:"";height:100%;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.23,1,.32,1);width:100%;z-index:0}.service-card:hover:before,.service-card.active:before{transform:scaleX(1)}.service-card>*{position:relative;z-index:1}.service-number{color:var(--dim);font:400 9px var(--mono)}.service-icon{align-items:center;border:1px solid var(--line);border-radius:50%;display:flex;font:500 18px var(--display);height:50px;justify-content:center;width:50px}.service-content h3{font:700 33px/.9 var(--display);letter-spacing:-.03em;margin:0 0 11px;text-transform:uppercase}.service-content p{color:#9ca8aa;font-size:11px;line-height:1.65;margin:0;max-width:375px}.service-content a{display:inline-block;font:500 9px var(--mono);letter-spacing:.08em;margin-top:17px}.service-content a span{font-size:14px}.service-word{color:rgba(8,16,18,.15);font:900 clamp(75px,11vw,165px)/.7 var(--display);letter-spacing:-.06em;justify-self:end}.service-card:hover .service-content p,.service-card.active .service-content p,.service-card:hover .service-number,.service-card.active .service-number{color:#213120}.service-card:hover .service-icon,.service-card.active .service-icon{border-color:#1b2c19}.showcase{background:#0c1518;display:grid;grid-template-columns:.9fr 1.1fr;min-height:690px;overflow:hidden}.showcase-copy{align-self:center;padding:80px clamp(20px,7vw,120px);position:relative;z-index:2}.showcase h2{font-size:clamp(52px,6vw,91px);margin:18px 0 24px}.showcase-copy>p:not(.eyebrow){max-width:380px}.text-link{border-bottom:1px solid currentColor;display:inline-block;margin-top:26px;padding-bottom:7px}.showcase-visual{background:radial-gradient(circle at 45% 46%,#183642 0%,#0b1214 47%,#070b0d 100%);min-height:600px;overflow:hidden;position:relative}.showcase-visual:before{background-image:linear-gradient(rgba(75,218,239,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(75,218,239,.15) 1px,transparent 1px);background-size:38px 38px;content:"";inset:0;mask-image:radial-gradient(ellipse,#000,transparent 70%);position:absolute}.showcase-visual img{bottom:-150px;filter:drop-shadow(0 0 35px rgba(53,213,255,.22));height:min(91%,650px);object-fit:contain;position:absolute;right:3%;z-index:1}.visual-window{backdrop-filter:blur(8px);background:rgba(3,12,15,.58);border:1px solid rgba(142,240,255,.32);left:5%;position:absolute;top:14%;width:min(415px,57%);z-index:2}.window-bar{align-items:center;border-bottom:1px solid rgba(142,240,255,.25);display:flex;gap:5px;padding:12px}.window-bar span{background:var(--red);border-radius:50%;height:6px;width:6px}.window-bar span:nth-child(2){background:#ffd83d}.window-bar span:nth-child(3){background:var(--lime)}.window-bar b{color:#80afbb;font:400 8px var(--mono);letter-spacing:.05em;margin-left:7px}.terminal-lines{padding:19px 16px 25px}.terminal-lines p{color:#8ba4a8;font:400 9px/2.2 var(--mono);margin:0;white-space:nowrap}.terminal-lines i{color:var(--lime);font-style:normal}.terminal-lines strong{color:var(--blue);font-weight:400}.terminal-lines em{animation:blink 1s steps(1) infinite;color:var(--lime);font:16px var(--mono)}@keyframes blink{50%{opacity:0}}
.process{padding:clamp(90px,12vw,175px) clamp(20px,8vw,128px)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:64px}.process-grid article{border-left:1px solid var(--line);min-height:185px;padding:0 clamp(16px,2.2vw,36px)}.process-grid article:first-child{border-left:0;padding-left:0}.process-grid span{color:var(--lime);font:500 9px var(--mono)}.process-grid h3{font:700 31px/.95 var(--display);letter-spacing:-.02em;margin:35px 0 12px;text-transform:uppercase}.process-grid p{color:#8d9b9d;font-size:11px;line-height:1.65;margin:0;max-width:185px}.contact{background:var(--lime);color:#0c170a;min-height:660px;overflow:hidden;padding:clamp(86px,12vw,160px) clamp(20px,8vw,128px);position:relative}.contact:after{border:1px solid rgba(14,45,11,.25);border-radius:50%;content:"";height:700px;position:absolute;right:-120px;top:-100px;width:700px}.contact-glow{background:radial-gradient(circle,#e2ff79 0%,rgba(226,255,121,.1) 50%,transparent 70%);height:900px;position:absolute;right:-160px;top:-130px;width:900px}.contact-content{position:relative;z-index:1}.contact .eyebrow{color:#2e5025}.contact .eyebrow span{color:#0a1307}.contact h2{font-size:clamp(65px,8.3vw,127px);margin:20px 0 25px}.contact h2 i{color:#0e260a}.contact-content>p:not(.eyebrow){color:#34572c;max-width:395px}.contact .button{background:#0c170a;color:var(--lime);margin-top:8px}.contact small{display:block;font:500 8px var(--mono);letter-spacing:.08em;margin-top:20px;opacity:.65}.footer{padding:58px clamp(20px,4vw,65px) 23px}.footer-top{align-items:flex-start;display:flex;justify-content:space-between}.footer-brand{font-size:clamp(56px,7vw,105px)}.footer-brand span{vertical-align:12px}.footer p{color:#94a1a2;line-height:1.6;margin:7px auto 0 7vw}.footer .text-link{margin:8px 0 0}.footer-bottom{border-top:1px solid var(--line);color:#697779;display:flex;justify-content:space-between;margin-top:77px;padding-top:16px}
@media(max-width:800px){.announcement{font-size:7px;height:29px}.site-header{height:65px;top:29px}.brand{font-size:26px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:block}.desktop-nav.mobile-open{background:#0b1214;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:23px;left:0;margin:0;padding:85px 22px 34px;position:fixed;right:0;top:29px}.desktop-nav.mobile-open a{color:var(--ink);font:600 32px var(--display);letter-spacing:-.02em;text-transform:uppercase}.menu-toggle.open span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle.open span:last-child{transform:translateY(-4px) rotate(-45deg)}.hero{min-height:770px;padding:133px 21px 144px}.hero-grid{mask-image:none}.hero h1{font-size:clamp(70px,19.5vw,110px)}.hero-description{font-size:12px;max-width:295px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-mascot-wrap{bottom:-5px;height:415px;right:-145px;width:560px}.hero-orbit{height:270px;right:-112px;top:28%;width:460px}.hero-stats{bottom:35px;gap:22px;left:21px}.hero-stats strong{font-size:21px}.hero-stats span{font-size:7px}.hero-coordinates{bottom:36px;font-size:7px;right:21px}.ticker{padding:15px 0}.ticker-track{font-size:16px}.intro{padding:91px 21px}.intro-content{display:block;margin-top:24px}.intro h2,.section-title h2{font-size:61px}.intro-content>p{margin-top:26px;max-width:380px}.services{padding:82px 20px}.section-title{padding:0}.service-list{margin-top:45px}.service-card{align-items:start;gap:15px;grid-template-columns:31px 55px 1fr;min-height:0;padding:27px 0}.service-word{display:none}.service-icon{height:43px;width:43px}.service-content h3{font-size:30px}.service-content p{font-size:10px}.showcase{display:block}.showcase-copy{padding:91px 21px 70px}.showcase h2{font-size:62px}.showcase-visual{min-height:475px}.showcase-visual img{bottom:-80px;height:460px;right:-20px}.visual-window{left:20px;top:49px;width:260px}.window-bar b{font-size:6px}.terminal-lines p{font-size:7px}.process{padding:90px 21px}.process-grid{grid-template-columns:1fr 1fr;margin-top:47px;row-gap:42px}.process-grid article{border-left:0;min-height:138px;padding:0 15px}.process-grid article:nth-child(odd){border-right:1px solid var(--line);padding-left:0}.process-grid h3{font-size:27px;margin-top:26px}.process-grid p{font-size:10px}.contact{min-height:560px;padding:88px 21px}.contact h2{font-size:76px}.footer{padding:45px 20px 21px}.footer-top{display:grid;grid-template-columns:1fr auto;row-gap:29px}.footer-brand{font-size:65px}.footer-brand span{vertical-align:8px}.footer p{font-size:7px;grid-column:1/-1;margin:0;order:3}.footer .text-link{font-size:7px}.footer-bottom{font-size:7px;gap:18px;margin-top:47px}.footer-bottom span:last-child{display:none}}

/* Identidade 64 Studio — azul escuro #101e5f */
:root{--lime:#101e5f;--accent:#101e5f;--accent-light:#90aeff;--blue:#90aeff}.announcement{background:var(--accent);color:#f7f9ff}.status-dot{background:#f7f9ff;box-shadow:0 0 0 4px rgba(247,249,255,.17)}.brand-logo-link{align-items:center;display:flex;height:48px;overflow:hidden;width:143px}.brand-logo{height:100%;object-fit:cover;object-position:center;width:100%}.desktop-nav a:hover,.header-cta,.eyebrow span,.hero h1 i,h2 i,.hero-orbit span,.hero-stats strong,.process-grid span{color:var(--accent-light)}.header-cta{border-color:var(--accent-light)}.button-primary{background:var(--accent);color:#fff}.hero-mascot{filter:drop-shadow(0 30px 54px rgba(85,133,255,.28))}.service-card:before{background:var(--accent)}.service-card:hover .service-content p,.service-card.active .service-content p,.service-card:hover .service-number,.service-card.active .service-number{color:#d5deff}.service-card:hover .service-icon,.service-card.active .service-icon{border-color:#adc0ff}.service-card:hover .service-word,.service-card.active .service-word{color:rgba(255,255,255,.11)}.window-bar span:nth-child(3),.terminal-lines i,.terminal-lines em{background:var(--accent-light);color:var(--accent-light)}.contact{background:var(--accent);color:#f7f9ff}.contact:after{border-color:rgba(255,255,255,.2)}.contact-glow{background:radial-gradient(circle,#2946a3 0%,rgba(41,70,163,.15) 50%,transparent 70%)}.contact .eyebrow,.contact-content>p:not(.eyebrow){color:#cad6ff}.contact .eyebrow span,.contact h2 i{color:#fff}.contact .button{background:#f7f9ff;color:var(--accent)}.footer-logo-link{display:block;height:112px;max-width:410px;overflow:hidden;width:38vw}.footer-logo{height:100%;object-fit:cover;object-position:center;width:100%}.footer-actions{align-items:flex-end;display:flex;flex-direction:column;gap:20px}.social-links{display:flex;gap:10px}.social-links a{align-items:center;border:1px solid var(--line);border-radius:50%;display:flex;height:37px;justify-content:center;transition:.2s;width:37px}.social-links a:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-3px)}.social-links svg{fill:none;height:16px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6;width:16px}.social-links a[aria-label="Discord"] svg{fill:currentColor;stroke:none}@media(max-width:800px){.brand-logo-link{height:42px;width:124px}.footer-logo-link{height:66px;width:210px}.footer-actions{align-items:flex-end;gap:15px}.footer-top{grid-template-columns:1fr auto}.footer p{margin-top:10px}.footer-logo{object-position:center}.footer-bottom{margin-top:47px}}
