*{box-sizing:border-box} :root{--bg:#090b0d;--panel:#111519;--panel2:#151b20;--text:#f4f7f5;--muted:#a5afab;--green:#b6ff00;--purple:#9a70ff;--line:rgba(255,255,255,.11)} html{scroll-behavior:smooth;scroll-padding-top:90px} body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;line-height:1.6} .noise{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")} .container{width:min(1160px,calc(100% - 48px));margin:auto}.header{position:sticky;top:0;z-index:20;background:rgba(9,11,13,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text)}.brand-mark{width:42px;height:42px;border:1px solid rgba(182,255,0,.55);border-radius:11px;display:grid;place-items:center;position:relative;color:var(--green);font:800 25px Manrope;box-shadow:0 0 25px rgba(182,255,0,.08)}.brand-mark i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--purple);right:4px;top:4px;box-shadow:0 0 10px var(--purple)}.brand-name{font:800 16px Manrope;letter-spacing:1.8px;line-height:1.05}.brand-name span{display:block;color:var(--muted);font-size:9px;letter-spacing:4px;margin-top:5px}.nav{display:flex;align-items:center;gap:34px}.nav a{color:#c5ceca;text-decoration:none;font-size:13px;font-weight:600;transition:.2s}.nav a:hover{color:var(--green)}.nav .nav-cta{border:1px solid rgba(182,255,0,.45);padding:11px 16px;border-radius:5px;color:var(--green)}.nav-cta b{margin-left:12px}.menu-toggle{display:none;background:none;border:0}.hero{min-height:650px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 76% 42%,rgba(105,62,190,.16),transparent 35%),linear-gradient(115deg,#090b0d 40%,#0d1115)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,#000 60%)}.hero-inner{position:relative;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;min-height:590px;padding-top:38px}.eyebrow,.section-kicker{font-size:10px;letter-spacing:2.6px;color:var(--green);font-weight:700}.eyebrow{display:flex;align-items:center;gap:10px}.pulse,.green-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(42px,5.2vw,68px);line-height:1.08;letter-spacing:-3px;margin:24px 0}.hero h1 span,.section h2 span,.statement h2 span,.contact h2 span{color:var(--green)}.hero-lead{max-width:550px;color:#aeb8b3;font-size:16px;line-height:1.8}.hero-actions{display:flex;gap:13px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:14px 20px;border-radius:4px;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.2px;transition:.2s;border:1px solid transparent;cursor:pointer}.btn-primary{background:var(--green);color:#10140a}.btn-primary:hover{background:#d0ff5b;transform:translateY(-2px);box-shadow:0 10px 35px rgba(182,255,0,.15)}.btn-ghost{border-color:var(--line);color:#dce3df}.btn-ghost:hover{border-color:var(--purple);color:white}.hero-note{margin-top:58px;color:#79847e;font-size:9px;letter-spacing:2px;display:flex;align-items:center;gap:12px}.note-line{width:28px;height:1px;background:var(--purple)}.hero-art{height:460px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(182,255,0,.14);border-radius:50%;transform:rotate(-25deg)}.orbit-a{width:390px;height:220px}.orbit-b{width:480px;height:290px;border-color:rgba(154,112,255,.2);transform:rotate(35deg)}.fiber-core{width:175px;height:175px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d8ff83 0,#a5ef00 10%,#283a12 28%,#111820 55%,#090b0d 70%);box-shadow:0 0 45px rgba(182,255,0,.18),inset 0 0 35px rgba(182,255,0,.16);border:1px solid rgba(182,255,0,.4);z-index:2}.fiber-core:after{content:"";position:absolute;width:205px;height:205px;border:1px solid rgba(182,255,0,.25);border-radius:50%;top:calc(50% - 102px);left:calc(50% - 102px);animation:spin 18s linear infinite;border-left-color:transparent;border-bottom-color:transparent}.fiber-line{position:absolute;height:2px;width:260px;background:linear-gradient(90deg,transparent,var(--green),transparent);filter:drop-shadow(0 0 7px var(--green));z-index:1}.line-a{transform:rotate(28deg) translate(80px,-70px)}.line-b{transform:rotate(-34deg) translate(-70px,90px);background:linear-gradient(90deg,transparent,var(--purple),transparent);filter:drop-shadow(0 0 7px var(--purple))}.line-c{transform:rotate(90deg) translate(0,100px);width:220px;opacity:.7}.fiber-node{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 18px var(--green);z-index:3}.node-a{top:92px;right:110px}.node-b{bottom:104px;left:100px;background:var(--purple);box-shadow:0 0 18px var(--purple)}.node-c{top:50%;right:40px;width:6px;height:6px}.art-label{position:absolute;font-size:9px;letter-spacing:2px;color:#c9d1cd;border:1px solid var(--line);background:rgba(12,16,19,.75);padding:9px 12px;z-index:4}.label-a{top:85px;left:8px}.label-b{bottom:80px;right:4px}.label-b b{color:var(--green);padding:0 5px}.tiny-dot{display:inline-block;width:5px;height:5px;background:var(--green);border-radius:50%;margin-right:7px}.art-caption{position:absolute;bottom:0;left:12px;font:700 9px/1.7 Manrope;letter-spacing:2px;color:#68736d}.hero-bottom{height:60px;display:flex;align-items:center;gap:16px;color:#65716b;font-size:9px;letter-spacing:2px;position:relative}.bottom-rule{height:1px;width:45px;background:var(--purple)}.section{padding:112px 0}.intro{background:#0e1215;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.section h2{font-size:clamp(30px,3.6vw,46px);line-height:1.2;letter-spacing:-1.8px;margin:20px 0 0}.intro-text{padding-top:25px}.intro-text p,.section-head>p{color:var(--muted);font-size:14px;line-height:1.9}.intro-text strong{color:#fff}.text-link{display:inline-flex;gap:20px;color:var(--green);text-decoration:none;font-size:12px;font-weight:700;margin-top:12px}.services{background:linear-gradient(180deg,#090b0d,#0d1114)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:48px}.section-head>p{max-width:390px;margin-bottom:5px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service-card{min-height:390px;background:linear-gradient(145deg,#141a1e,#0f1316);border:1px solid rgba(255,255,255,.09);padding:25px 22px;position:relative;overflow:hidden;transition:.25s}.service-card:hover{transform:translateY(-5px);border-color:rgba(182,255,0,.45)}.service-card.featured{border-color:rgba(182,255,0,.35);background:linear-gradient(145deg,rgba(182,255,0,.08),#111619 58%)}.service-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.service-number{font:700 10px Manrope;color:#718078;letter-spacing:2px}.service-icon{font-size:26px;color:var(--green);width:42px;height:42px;border:1px solid rgba(182,255,0,.2);border-radius:50%;display:grid;place-items:center}.service-card h3{font-size:20px;line-height:1.25;letter-spacing:-.5px;margin-bottom:14px}.service-card p{color:#9da9a3;font-size:12px;line-height:1.7;min-height:62px}.service-card ul{list-style:none;margin:20px 0 0;padding:0}.service-card li{font-size:11px;color:#c2cbc6;padding:7px 0;border-top:1px solid rgba(255,255,255,.07)}.service-card li:before{content:"+";color:var(--green);margin-right:8px}.card-line{position:absolute;bottom:0;left:0;width:35%;height:2px;background:var(--green)}.service-foot{display:flex;align-items:center;gap:10px;color:#89958e;font-size:9px;letter-spacing:2px;margin-top:28px}.green-dot{width:6px;height:6px}.statement{position:relative;overflow:hidden;padding:100px 0;background:#11151a;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.statement-glow{position:absolute;width:500px;height:500px;border-radius:50%;right:-80px;top:-260px;background:radial-gradient(circle,rgba(154,112,255,.18),transparent 68%)}.statement-inner{position:relative}.statement h2{font-size:clamp(38px,5vw,62px);line-height:1.13;letter-spacing:-2px;margin:22px 0}.statement p{color:var(--muted);font-size:14px;max-width:520px}.diff-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.diff-item{display:flex;gap:24px;padding:28px 20px 28px 0;border-bottom:1px solid var(--line)}.diff-item:nth-child(odd){border-right:1px solid var(--line)}.diff-item:nth-child(even){padding-left:28px}.diff-item>span{font:700 11px Manrope;color:var(--green);letter-spacing:1px;padding-top:3px}.diff-item h3{font-size:16px;margin-bottom:7px}.diff-item p{color:var(--muted);font-size:12px;margin:0;max-width:390px}.contact{background:radial-gradient(ellipse at 12% 60%,rgba(182,255,0,.07),transparent 32%),#0d1114}.contact-grid{display:grid;grid-template-columns:1fr .85fr;gap:100px;align-items:center}.contact h2{font-size:clamp(36px,4.5vw,56px);line-height:1.15;letter-spacing:-2px;margin:22px 0}.contact-copy>p{color:var(--muted);max-width:440px;font-size:14px;line-height:1.8}.contact-details{display:grid;gap:18px;margin-top:38px}.contact-details>div{display:flex;align-items:center;gap:14px}.detail-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(182,255,0,.25);color:var(--green);border-radius:50%}.contact-details small{display:block;font-size:8px;letter-spacing:1.7px;color:#758078}.contact-details b{font-size:12px;font-weight:600}.contact-form{background:#151b1f;border:1px solid var(--line);padding:30px}.form-title{font:700 17px Manrope;margin-bottom:25px}.form-title span{color:var(--green);float:right}label{display:block;color:#aeb9b2;font-size:10px;letter-spacing:.5px;margin-bottom:17px}input,textarea{display:block;width:100%;margin-top:8px;padding:13px 14px;background:#0c1013;border:1px solid rgba(255,255,255,.1);border-radius:3px;color:white;font:13px "DM Sans";outline:none;resize:vertical}input:focus,textarea:focus{border-color:rgba(182,255,0,.6)}input::placeholder,textarea::placeholder{color:#65716b}.submit-btn{width:100%;margin-top:5px}.form-hint{font-size:9px;color:#718078;margin:12px 0 0;text-align:center}.footer{background:#080a0c;border-top:1px solid var(--line)}.footer-main{display:flex;align-items:center;justify-content:space-between;padding:35px 0}.footer-main>p{margin:0;color:#8a958e;font-size:12px}.back-top{color:var(--green);font-size:9px;letter-spacing:1.5px;text-decoration:none}.footer-bottom{border-top:1px solid var(--line);padding:17px 0;display:flex;justify-content:space-between;color:#66716b;font-size:9px;letter-spacing:1px}
@keyframes spin{to{transform:rotate(360deg)}} @media(max-width:900px){.hero-inner{grid-template-columns:1fr .8fr}.hero-art{transform:scale(.85)}.service-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{gap:45px}.intro-grid{gap:45px}} @media(max-width:680px){.container{width:min(100% - 36px,520px)}.nav-wrap{height:70px}.menu-toggle{display:flex;flex-direction:column;gap:6px;padding:10px}.menu-toggle span{width:23px;height:2px;background:var(--green)}.nav{display:none;position:absolute;top:70px;left:0;right:0;background:#0c1013;padding:22px 24px 28px;flex-direction:column;align-items:stretch;gap:20px;border-bottom:1px solid var(--line)}.nav.open{display:flex}.nav .nav-cta{text-align:center}.hero-inner{display:block;padding-top:72px;padding-bottom:20px}.hero{min-height:auto}.hero h1{font-size:44px;letter-spacing:-2px}.hero-lead{font-size:14px}.hero-art{height:300px;transform:scale(.78);margin:-5px -30px 0}.hero-note{margin-top:35px}.hero-bottom{height:55px;font-size:7px;gap:9px}.hero-bottom span:last-child{letter-spacing:1px}.section{padding:78px 0}.intro-grid,.contact-grid{grid-template-columns:1fr;gap:28px}.intro-text{padding-top:0}.section-head{display:block;margin-bottom:32px}.section-head>p{margin-top:22px}.service-grid{grid-template-columns:1fr}.service-card{min-height:0;padding:23px}.service-card p{min-height:0}.service-card ul{margin-top:15px}.statement{padding:78px 0}.statement h2{font-size:39px}.diff-grid{grid-template-columns:1fr}.diff-item:nth-child(odd){border-right:0}.diff-item:nth-child(even){padding-left:0}.contact-form{padding:22px}.footer-main{flex-wrap:wrap;gap:20px}.footer-main>p{order:3;width:100%}.footer-bottom{gap:12px;flex-direction:column;font-size:8px}}
/* Logo oficial GMK */
.brand-logo{display:block;width:158px;height:53px;object-fit:contain;object-position:left center;border-radius:0;flex:0 0 auto}
.footer-logo{width:170px;height:76px}
.contact-link{color:var(--text);text-decoration:none;transition:.2s}
.contact-link:hover{color:var(--green)}
@media(max-width:680px){.brand-logo{width:138px;height:46px}.footer-logo{width:170px;height:62px}}

/* Portfólio real GMK */
.portfolio{background:#0b0f12;border-top:1px solid var(--line)}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.portfolio-card{margin:0;min-width:0;overflow:hidden;background:#12181c;border:1px solid rgba(255,255,255,.09);border-radius:6px;transition:transform .25s,border-color .25s}
.portfolio-card:hover{transform:translateY(-4px);border-color:rgba(182,255,0,.4)}
.portfolio-card img{display:block;width:100%;height:245px;object-fit:cover;background:#080b0d}
.portfolio-card figcaption{display:grid;gap:8px;padding:16px}
.portfolio-card figcaption span{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--green)}
.portfolio-card figcaption strong{font:600 13px/1.5 "DM Sans",sans-serif;color:#e8eee9}
.portfolio-note{margin:22px 0 0;color:#758078;font-size:10px;line-height:1.7}
@media(max-width:900px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-card img{height:220px}}
@media(max-width:560px){.portfolio-grid{grid-template-columns:1fr}.portfolio-card img{height:250px}}