:root {
  --bg: #f7faff;
  --panel: #ffffff;
  --panel-2: #edf4ff;
  --line: #d8e5f5;
  --text: #0b1d36;
  --muted: #5d708c;
  --green: #1677ff;
  --green-2: #075fd1;
  --blue: #57a2ff;
  --pink: #df81ff;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--text); font-family: Arial, Helvetica, sans-serif; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }

.site-header {
  position: fixed; z-index: 50; top: 0; left: 0; right: 0; height: 78px; padding: 0 clamp(22px, 5vw, 78px);
  display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(134,247,189,.09);
  background: rgba(6,10,13,.82); backdrop-filter: blur(18px);
}
.brand { font: 700 18px/1 monospace; letter-spacing: -.06em; white-space: nowrap; }
.brand > span { color: var(--green); }
.brand > span:nth-child(2) { color: var(--text); }
.nav { display: flex; align-items: center; gap: 34px; font-size: 13px; color: #bcc5c7; }
.nav a { transition: .25s ease; }
.nav a:hover, .nav a:focus-visible { color: var(--green); }
.nav-cta { border: 1px solid #29443a; padding: 12px 16px; color: var(--text) !important; background: rgba(134,247,189,.05); }
.nav-cta span { color: var(--green); margin-left: 8px; }
.menu-toggle { display: none; background: transparent; border: 0; padding: 10px; }
.menu-toggle i { display: block; width: 23px; height: 1px; margin: 6px; background: var(--text); }

.hero { min-height: 100vh; padding: 145px clamp(22px, 6vw, 92px) 80px; display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: clamp(50px, 6vw, 100px); position: relative; overflow: hidden; }
.hero-grid { position: absolute; inset: 0; opacity: .24; pointer-events: none; background-image: linear-gradient(#122026 1px, transparent 1px),linear-gradient(90deg,#122026 1px,transparent 1px); background-size: 52px 52px; mask-image: radial-gradient(circle at 73% 45%, black, transparent 60%); }
.hero:after { content:""; position:absolute; width:600px; height:600px; border-radius:50%; background:rgba(37,220,139,.07); filter:blur(100px); right:-220px; top:5%; pointer-events:none; }
.hero-copy, .code-window { position: relative; z-index: 2; }
.eyebrow { display: flex; align-items: center; gap: 10px; text-transform: uppercase; color: var(--green); font: 600 11px/1.4 monospace; letter-spacing: .18em; }
.eyebrow > span { width: 26px; height: 1px; background: var(--green); }
h1 { margin: 24px 0; max-width: 720px; font-size: clamp(49px, 5.6vw, 86px); line-height: .98; letter-spacing: -.062em; font-weight: 650; }
h1 em, h2 em { color: var(--green); font-style: normal; }
.hero-copy > p { max-width: 620px; color: #9da8ab; font-size: clamp(16px, 1.5vw, 19px); line-height: 1.75; }
.hero-actions { display: flex; gap: 14px; margin-top: 34px; flex-wrap: wrap; }
.button { min-height: 49px; padding: 0 21px; display: inline-flex; align-items: center; justify-content: center; gap: 20px; border: 1px solid transparent; cursor: pointer; font-size: 13px; font-weight: 700; transition: .25s ease; }
.button.primary { background: var(--green); color: #06100b; }
.button.primary:hover { transform: translateY(-2px); box-shadow: 0 14px 35px rgba(53,219,141,.2); background: #a4fbd0; }
.button.ghost { border-color: #26343a; color: #cad0d1; }
.button.ghost:hover { border-color: var(--green); color: var(--green); }
.hero-proof { display: flex; gap: clamp(23px, 4vw, 54px); margin-top: 48px; padding-top: 25px; border-top: 1px solid #1a252a; max-width: 610px; }
.hero-proof div { display: flex; flex-direction: column; gap: 5px; }
.hero-proof strong { font: 500 20px/1 monospace; color: var(--text); }
.hero-proof span { color: #778589; font-size: 10px; text-transform: uppercase; letter-spacing: .12em; }

.code-window { background: rgba(8,15,18,.92); border: 1px solid #243238; box-shadow: 0 30px 90px rgba(0,0,0,.5); max-width: 620px; width: 100%; justify-self: center; }
.window-bar { height: 45px; padding: 0 16px; display:flex; align-items:center; gap:8px; border-bottom: 1px solid #1a272c; background:#0c1317; }
.window-bar small { color:#65757a; font:10px monospace; margin:0 auto; transform:translateX(-22px); }
.dot { width:8px; height:8px; border-radius:50%; }.red{background:#ff6b68}.yellow{background:#eab74c}.dot.green{background:#52cc8e}
.code-body { padding: clamp(24px, 4vw, 45px); font: clamp(12px, 1.08vw, 15px)/2 monospace; min-height: 410px; }
.code-body p { margin:0; white-space:nowrap; }.code-body b{display:inline-block;width:40px;color:#3e5057;font-weight:400}.code-body .pink{color:var(--pink)}.code-body .green{color:var(--green)}.code-body .blue{color:var(--blue)}
.terminal { border-top:1px solid #1b292e; margin-top:22px!important; padding-top:18px; color:#7e8f94; }.terminal>b{color:var(--green)}
.cursor { display:inline-block; width:7px; height:14px; background:var(--green); vertical-align:middle; animation:blink 1s infinite; }
@keyframes blink { 50% { opacity:0; } }
.orbit { position:absolute; border:1px solid rgba(134,247,189,.13); border-radius:50%; z-index:-1; }.orbit-one{width:130px;height:130px;right:-60px;bottom:-70px}.orbit-two{width:72px;height:72px;right:-30px;bottom:-40px}
.scroll-hint { position:absolute; bottom:28px; left:50%; z-index:2; transform:translateX(-50%); color:#54646a; font:9px monospace; text-transform:uppercase; letter-spacing:.2em; display:flex; flex-direction:column; align-items:center; gap:10px; }.scroll-hint span{color:var(--green);font-size:18px}

.section { padding: clamp(88px, 10vw, 150px) clamp(22px, 6vw, 92px); border-top: 1px solid #152127; }
.section-heading { display:grid; grid-template-columns: .6fr 1.25fr .85fr; gap:40px; align-items:start; margin-bottom:60px; }
.section-heading>div{display:flex;align-items:center;gap:15px}.section-index{color:var(--green);font:12px monospace}.section-heading>div p{margin:0;color:#76858a;text-transform:uppercase;font:10px monospace;letter-spacing:.15em}
h2 { margin:0; font-size:clamp(37px,4.2vw,65px); line-height:1.04; letter-spacing:-.055em; font-weight:600; }
.section-heading>p,.process-intro>p { margin:10px 0 0;color:#89969a;line-height:1.75;font-size:14px; }
.service-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:16px; }
.service-card { position:relative; min-height:390px; padding:32px; display:flex; flex-direction:column; border:1px solid #1c292f; background:linear-gradient(145deg,#0b1115,#081014); transition:.3s ease;overflow:hidden; }
.service-card:before{content:"";position:absolute;inset:auto -40px -80px auto;width:180px;height:180px;background:var(--green);opacity:0;filter:blur(80px);transition:.3s}.service-card:hover{border-color:#315346;transform:translateY(-5px)}.service-card:hover:before{opacity:.09}
.service-top{display:flex;align-items:center;justify-content:space-between}.service-top>span{font:11px monospace;color:#526167}.service-top i{width:45px;height:45px;border:1px solid #24343a;display:grid;place-items:center;color:var(--green);font-style:normal;font-size:20px}
.service-card h3{font-size:28px;letter-spacing:-.04em;margin:55px 0 16px}.service-card>p{color:#8b989c;line-height:1.7;font-size:14px;margin:0}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}.tags span{padding:6px 9px;border:1px solid #1c2a2f;color:#6f7f83;font:9px monospace;text-transform:uppercase;letter-spacing:.08em}
.service-card>a{margin-top:auto;padding-top:30px;color:#c7cfd1;font-size:12px;font-weight:700}.service-card>a span{float:right;color:var(--green)}

.about { display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(55px,9vw,140px);align-items:center;background:#070c0f; }
.about-visual{aspect-ratio:1/1;max-width:540px;width:100%;position:relative;display:grid;place-items:center;border:1px solid #1b282e;background:radial-gradient(circle,#11231b 0, #081014 43%,#070b0d 70%);overflow:hidden}.about-visual:before,.about-visual:after{content:"";position:absolute;border:1px solid #203129;border-radius:50%}.about-visual:before{width:70%;height:70%}.about-visual:after{width:42%;height:42%}
.monogram{font:700 clamp(65px,9vw,135px)/1 monospace;letter-spacing:-.13em;z-index:2}.monogram span{color:var(--green)}.visual-label{position:absolute;bottom:24px;color:#6f7f83;text-transform:uppercase;font:9px monospace;letter-spacing:.11em}.visual-label span{color:var(--green);margin:0 8px}
.about-copy h2{margin-top:25px}.about-copy>p{color:#919da0;line-height:1.8;max-width:680px;margin:28px 0 36px}.principles{border-top:1px solid #1b272c}.principles div{display:grid;grid-template-columns:130px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid #1b272c}.principles strong{font-size:13px}.principles span{color:#748287;font-size:12px;line-height:1.6}

.process { display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(60px,9vw,140px); }.process-intro{position:sticky;top:130px;align-self:start}.process-intro h2{margin:24px 0}.step-list article{display:grid;grid-template-columns:70px 1fr 1.1fr 25px;gap:20px;align-items:center;padding:31px 0;border-top:1px solid #1c292f;transition:.25s}.step-list article:last-child{border-bottom:1px solid #1c292f}.step-list article:hover{padding-left:10px;border-color:#315346}.step-list>article>span{color:var(--green);font:11px monospace}.step-list h3{font-size:22px;margin:0}.step-list p{color:#7e8d91;font-size:13px;line-height:1.6;margin:0}.step-list i{font-style:normal;color:#405158}.step-list article:hover i{color:var(--green)}

.contact { display:grid;grid-template-columns:1fr 1fr;gap:clamp(55px,10vw,160px);background:linear-gradient(135deg,#0b1512,#060a0d 60%); }.contact-copy h2{margin:25px 0}.contact-copy>p{color:#8b999c;line-height:1.8;max-width:570px}.contact-copy>a{display:inline-block;margin-top:30px;border-bottom:1px solid #345044;padding-bottom:8px;font:13px monospace}.contact-copy>a span{color:var(--green)}
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-form label{display:flex;flex-direction:column;gap:9px;color:#8c9a9e;text-transform:uppercase;letter-spacing:.1em;font:9px monospace}.contact-form label:nth-child(3),.contact-form label:nth-child(4){grid-column:1/-1}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #233138;background:#081014;color:var(--text);padding:14px 15px;outline:none;border-radius:0;resize:vertical;font:12px Arial;text-transform:none;letter-spacing:0}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--green)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#4f5d62}.contact-form button{grid-column:1/-1}.contact-form small{grid-column:1/-1;color:var(--green)}

footer{padding:60px clamp(22px,6vw,92px) 26px;border-top:1px solid #182328;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}footer>p{color:#69777b;font-size:12px;max-width:370px;margin:20px 0}footer>nav{grid-column:2;grid-row:1/3;display:flex;justify-content:flex-end;gap:25px;color:#879499;font-size:11px}footer>nav a:hover{color:var(--green)}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;padding-top:24px;border-top:1px solid #172329;color:#546267;font:9px monospace;text-transform:uppercase;letter-spacing:.08em}.footer-bottom a{color:#7f8d91}

@media (max-width: 980px){
  .menu-toggle{display:block;z-index:3}.nav{position:fixed;inset:78px 0 auto 0;background:#080d10;border-bottom:1px solid #1c292f;padding:25px;display:flex;flex-direction:column;align-items:stretch;gap:0;transform:translateY(-130%);opacity:0;transition:.3s}.nav.open{transform:translateY(0);opacity:1}.nav a{padding:15px;border-bottom:1px solid #152127}.nav-cta{text-align:center;margin-top:15px}
  .hero{grid-template-columns:1fr;padding-top:130px}.hero-copy{max-width:800px}.code-window{max-width:720px}.scroll-hint{display:none}
  .section-heading{grid-template-columns:1fr}.section-heading>p{max-width:650px}.service-grid{grid-template-columns:1fr}.service-card{min-height:330px}
  .about,.process,.contact{grid-template-columns:1fr}.about-visual{max-width:600px;margin:auto}.process-intro{position:static}.contact-copy{max-width:800px}
}
@media (max-width: 600px){
  .site-header{height:68px}.nav{inset:68px 0 auto 0}.hero{padding:112px 20px 65px;gap:52px}.hero-actions{flex-direction:column}.button{width:100%}.hero-proof{gap:18px;justify-content:space-between}.hero-proof div:last-child{display:none}
  h1{font-size:47px}.section{padding:78px 20px}.section-heading{margin-bottom:38px}.service-card{padding:25px}.code-body{overflow-x:auto;min-height:360px}.window-bar small{font-size:8px}
  .about{gap:55px}.principles div{grid-template-columns:100px 1fr}.step-list article{grid-template-columns:45px 1fr 18px;gap:12px}.step-list p{grid-column:2/-1}.contact-form{grid-template-columns:1fr}.contact-form label{grid-column:1!important}footer{grid-template-columns:1fr}footer>nav{grid-column:1;grid-row:auto;justify-content:flex-start;flex-wrap:wrap}.footer-bottom{flex-direction:column;gap:16px}
}

@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}

/* Identidade MartinsCode: branco + azul */
body { background: var(--bg); color: var(--text); }
.site-header { background: rgba(255,255,255,.9); border-color: #dbe7f5; }
.nav { color: #435674; }
.nav-cta { border-color: #bfd7f5; background: #f2f7ff; }
.menu-toggle i { background: #0b1d36; }
.hero { background: linear-gradient(135deg, #ffffff 0%, #f7faff 58%, #e9f3ff 100%); }
.hero-grid { opacity: .46; background-image: linear-gradient(#dbe9f8 1px, transparent 1px), linear-gradient(90deg,#dbe9f8 1px,transparent 1px); }
.hero:after { background: rgba(22,119,255,.14); }
.hero-copy > p { color: #566b88; }
.button.primary { background: #1677ff; color: #ffffff; }
.button.primary:hover { background: #075fd1; box-shadow: 0 14px 35px rgba(22,119,255,.24); }
.button.ghost { border-color: #bfd0e5; color: #26415f; background: #ffffff; }
.hero-proof { border-color: #d9e5f2; }
.hero-proof strong { color: #0b1d36; }
.hero-proof span { color: #71829a; }
.code-window { background: #071a35; border-color: #185da8; box-shadow: 0 30px 80px rgba(30,90,155,.2); }
.window-bar { background: #0b2344; border-color: #174873; }
.window-bar small { color: #89a9ca; }
.code-body { color: #eff7ff; }
.code-body b { color: #607f9f; }
.terminal { border-color: #1c4770; color: #9ab3ce; }
.orbit { border-color: rgba(22,119,255,.25); }
.scroll-hint { color: #69809c; }
.section { border-color: #dce7f3; }
.section-heading > div p, .section-heading > p, .process-intro > p { color: #657993; }
.services { background: #ffffff; }
.service-card { border-color: #d9e5f2; background: linear-gradient(145deg,#ffffff,#f5f9ff); box-shadow: 0 16px 40px rgba(37,83,132,.05); }
.service-card:hover { border-color: #76aeec; box-shadow: 0 22px 55px rgba(37,83,132,.12); }
.service-top > span, .service-card > p { color: #61748d; }
.service-top i { border-color: #cddff2; background: #edf5ff; }
.tags span { border-color: #d5e4f4; color: #507099; background: #f7faff; }
.service-card > a { color: #153552; }
.about { background: #f3f7fc; }
.about-visual { border-color: #cbdff3; background: radial-gradient(circle,#d9ebff 0,#f5f9ff 45%,#ffffff 75%); }
.about-visual:before, .about-visual:after { border-color: #abcbed; }
.visual-label, .about-copy > p, .principles span { color: #60758f; }
.principles, .principles div { border-color: #d5e2ef; }
.process { background: #ffffff; }
.step-list article, .step-list article:last-child { border-color: #d7e4f1; }
.step-list p { color: #62758d; }
.contact { background: linear-gradient(135deg,#e8f3ff,#ffffff 68%); }
.contact-copy > p { color: #5f748e; }
.contact-copy > a { border-color: #91bce9; }
.contact-form label { color: #526b88; }
.contact-form input, .contact-form select, .contact-form textarea { border-color: #bfd3e9; background: #ffffff; color: #0b1d36; }
.contact-form input::placeholder, .contact-form textarea::placeholder { color: #8da0b6; }
footer { background: #ffffff; border-color: #d9e5f2; }
footer > p, footer > nav { color: #60738b; }
.footer-bottom { border-color: #d9e5f2; color: #71839a; }
.footer-bottom a { color: #3c5d82; }

@media (max-width: 980px) {
  .nav { background: #ffffff; border-color: #d9e5f2; }
  .nav a { border-color: #e2ebf5; }
}

/* Páginas e componentes de conteúdo para SEO */
.contact-form button:disabled{opacity:.65;cursor:wait;transform:none;box-shadow:none}
.faq{background:#f7faff}.faq-list{max-width:980px;margin-left:auto}.faq-list details{border-top:1px solid #d5e2ef;padding:0}.faq-list details:last-child{border-bottom:1px solid #d5e2ef}.faq-list summary{cursor:pointer;list-style:none;padding:24px 42px 24px 0;font-size:18px;font-weight:700;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:6px;color:var(--green);font:24px monospace}.faq-list details[open] summary:after{content:"−"}.faq-list details p{color:#60758f;line-height:1.75;max-width:800px;margin:0;padding:0 42px 24px 0}
.service-page{padding-top:78px}.service-hero{padding:130px clamp(22px,6vw,92px) 90px;background:linear-gradient(135deg,#fff,#f1f7ff);border-bottom:1px solid #dce7f3}.service-hero h1{font-size:clamp(45px,6vw,82px);max-width:900px}.service-hero>p{max-width:760px;color:#566b88;font-size:18px;line-height:1.75}.breadcrumbs{font:11px monospace;color:#60758f;margin-bottom:28px}.breadcrumbs a{color:var(--green)}.service-content{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(45px,8vw,120px);align-items:start}.service-copy h2{margin:0 0 24px;font-size:clamp(34px,4vw,55px)}.service-copy h3{font-size:25px;margin:45px 0 14px}.service-copy p,.service-copy li{color:#5d708c;line-height:1.8}.service-copy ul{padding-left:20px}.service-aside{position:sticky;top:110px;padding:30px;border:1px solid #d5e4f4;background:#fff;box-shadow:0 18px 45px rgba(37,83,132,.08)}.service-aside h2{font-size:28px;margin-bottom:15px}.service-aside p{color:#60758f;line-height:1.7;font-size:14px}.service-aside .button{width:100%;margin-top:15px}.related-links{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:35px}.related-links a{padding:20px;border:1px solid #d5e4f4;background:#fff;color:#153552;font-weight:700}.related-links a:hover{border-color:var(--green);color:var(--green)}
@media (max-width:980px){.service-content{grid-template-columns:1fr}.service-aside{position:static}}
@media (max-width:600px){.service-page{padding-top:68px}.service-hero{padding:100px 20px 65px}.service-hero>p{font-size:16px}.related-links{grid-template-columns:1fr}.faq-list summary{font-size:16px}}