@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#161918;--panel:#1f2522;--panel-2:#232a25;--accent:#A3FF12;--cream:#F7F7F2;--muted:#A7ADA7;--dark:#161918;--line:rgba(255,255,255,.13);--font-head:'Space Grotesk',Arial,sans-serif;--font-body:'Inter',Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--bg);color:var(--cream);font-family:var(--font-body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}::selection{background:var(--accent);color:#151815}.container{max-width:1260px;margin:0 auto;padding-left:40px;padding-right:40px}.section-space{padding-top:122px;padding-bottom:122px}.skip-link{position:absolute;z-index:99;left:10px;top:-100px;background:var(--accent);color:#111;padding:12px}.skip-link:focus{top:10px}.top-progress{position:fixed;top:0;left:0;height:2px;width:0;background:var(--accent);z-index:200;pointer-events:none}.site-header{position:sticky;top:0;z-index:80;background:rgba(22,25,24,.94);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px)}.header-wrap{height:84px;display:flex;align-items:center;gap:42px}.brand{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;min-width:max-content}.brand-symbol{width:33px;height:33px;color:#f7f7f2}.brand-text{font-family:var(--font-head);font-size:28px;font-weight:700;letter-spacing:-1.8px;line-height:1}.brand-dot,.accent-dot{color:var(--accent)}.desktop-nav{display:flex;gap:36px;margin:auto;font-size:13px;font-weight:600;color:#D0D5D0}.desktop-nav a:hover,.text-link:hover{color:var(--accent)}.header-cta{background:#2B332E;border:1px solid #404C40;border-radius:100px;padding:12px 20px;font-size:13px;font-weight:700;transition:.2s}.header-cta span{margin-left:11px}.header-cta:hover{background:var(--accent);color:#182018}.menu-toggle,.mobile-nav{display:none}.hero{position:relative;display:grid;grid-template-columns:1.06fr .94fr;column-gap:40px;min-height:690px;align-items:center;padding-top:76px;padding-bottom:80px}.hero-copy{position:relative;z-index:2;padding-right:0}.eyebrow,.section-tag{font-size:11px;font-weight:700;letter-spacing:2.3px;line-height:1.5}.eyebrow{color:#C9CFCA;display:flex;align-items:center;gap:10px}.eyebrow-line{width:22px;height:2px;background:var(--accent);flex-shrink:0}.eyebrow-sep{color:var(--accent);margin:0 2px}.hero h1,.section-head h2,.about-copy h2,.contact-copy h2{font-family:var(--font-head);font-weight:600;letter-spacing:-3.8px;line-height:1.04}.hero h1{font-size:clamp(60px,6.1vw,92px);margin:30px 0 26px;max-width:720px}.highlight-word{color:var(--accent);white-space:nowrap;position:relative}.spark{font-size:23px;position:absolute;top:5px;right:-25px}.hero-description{color:#B9C1BA;font-size:16px;line-height:1.8;max-width:480px}.hero-actions{display:flex;align-items:center;gap:12px;margin-top:36px;flex-wrap:wrap}.btn{min-height:50px;padding:0 21px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:20px;font-weight:700;font-size:13px;border:1px solid transparent;transition:background .2s,transform .2s,color .2s}.btn:hover{transform:translateY(-2px)}.btn-accent{background:var(--accent);color:#172015}.btn-accent:hover{background:#B9FF54}.btn-ghost{color:var(--cream);border-color:#4B554F;background:transparent}.btn-ghost:hover{border-color:var(--accent)}.hero-proof{display:flex;align-items:center;gap:11px;font-size:12px;color:#B3BCB4;margin-top:48px;flex-wrap:wrap}.proof-circle{width:28px;height:28px;border-radius:50%;border:1px solid #63745b;display:grid;place-items:center;color:var(--accent)}.proof-divider{height:12px;width:1px;background:#536154;margin:0 3px}.hero-art{position:relative;aspect-ratio:1/.98;min-width:0;display:grid;place-items:center;overflow:hidden;border:1px solid #37413b;background:radial-gradient(circle at 53% 50%,#2e4130 0%,#202a24 35%,#19211d 64%,#171b19 100%)}.art-noise{position:absolute;inset:0;background:linear-gradient(125deg,transparent 25%,rgba(255,255,255,.045) 49%,transparent 51%);pointer-events:none}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(178,207,145,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(178,207,145,.07) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.3),black)}.hero-art-label{position:absolute;left:26px;top:25px;color:#B3C7AE;font-size:10px;letter-spacing:2px;font-weight:700}.hero-a{width:84%;max-width:480px;filter:drop-shadow(0 30px 26px rgba(0,0,0,.25));transform:rotate(-2deg)}.art-side{position:absolute;right:9px;top:40%;writing-mode:vertical-rl;letter-spacing:2px;font-size:9px;color:#AABBA6}.hero-art-bottom{position:absolute;left:26px;right:24px;bottom:22px;display:flex;justify-content:space-between;align-items:end;letter-spacing:1.6px;font-size:10px;line-height:1.4;font-weight:600;color:#B7C5B4}.art-mark{font-family:var(--font-head);font-size:36px;line-height:1;font-weight:700;color:#E9F0E7}.hero-footer{position:absolute;bottom:20px;left:40px;right:40px;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.4px;color:#888F89}.hero-footer strong{color:#DEE3DE}.down-arrow{font-size:26px;color:var(--accent)}.statement{background:var(--accent);color:#182018}.statement-inner{display:grid;grid-template-columns:225px 1fr;gap:48px;align-items:start}.statement .section-tag{color:#455335;padding-top:13px}.statement p{font-family:var(--font-head);font-size:clamp(30px,3.6vw,51px);font-weight:600;line-height:1.2;letter-spacing:-1.8px;margin:0}.statement p span{opacity:.62}.section-tag{color:var(--accent);margin:0 0 20px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:70px;margin-bottom:50px}.section-head h2,.about-copy h2,.contact-copy h2{font-size:clamp(43px,4.1vw,61px);margin:0}.section-head h2 em,.about-copy h2 em,.contact-copy h2 em{color:var(--accent);font-style:normal}.section-head>p{font-size:15px;color:#B9C2B9;line-height:1.7;width:315px;max-width:42%;margin:0 0 6px}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.service-card{background:#202623;border:1px solid #333D35;min-height:326px;padding:26px;display:flex;flex-direction:column;transition:border .25s,transform .25s}.service-card:hover{border-color:#8BA95D;transform:translateY(-5px)}.card-top{display:flex;align-items:start;justify-content:space-between;color:#B2BDB3;font-family:var(--font-head);font-size:13px}.card-top svg{width:40px;height:40px;fill:none;stroke:var(--accent);stroke-width:1.35}.service-card h3{font:600 23px/1.17 var(--font-head);letter-spacing:-.7px;margin:35px 0 14px}.service-card p{font-size:13px;line-height:1.7;color:#AAB4AB;margin:0 0 28px}.service-foot{font-size:11px;color:#DBE0DA;display:flex;justify-content:space-between;gap:5px;align-items:center;margin-top:auto}.service-foot b{font-size:18px;font-weight:400;color:var(--accent)}.work-section{background:#1D221F}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.work-card{min-width:0}.work-visual{height:320px;overflow:hidden;position:relative;padding:25px}.work-health{background:#DCE5DF;display:grid;place-items:center}.mini-browser{background:#F8FAF5;width:86%;height:270px;box-shadow:8px 15px 28px #4b655344;transform:translate(5px,24px) rotate(-3deg);border-radius:5px}.browser-bar{height:33px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d4ddd6;padding:0 12px;font-size:9px;letter-spacing:1px;color:#758A7A}.browser-dots{color:#9AAEA0;font-size:10px}.health-layout{padding:27px 24px;color:#20392F}.health-mini-label{font-size:10px;letter-spacing:2px;color:#668676}.health-layout h3{font:500 29px/1.12 Georgia,serif;max-width:315px;margin:16px 0}.health-mini-line{width:65px;background:#92BAA5;height:2px}.health-mini-buttons{display:flex;gap:8px;margin-top:20px}.health-mini-buttons span{border:1px solid #9bb7a6;color:#3f6653;border-radius:2px;font-size:9px;padding:8px}.health-mini-buttons span:first-child{background:#2C6650;color:white}.work-education{background:#303951;display:grid;place-items:center}.education-shape{position:absolute;border:1px solid rgba(255,255,255,.18);transform:rotate(28deg)}.education-shape.one{width:450px;height:450px;left:-235px;top:100px;border-width:50px;border-color:#A3A0F1;opacity:.6}.education-shape.two{width:320px;height:320px;right:-135px;top:-150px;border-width:45px;border-color:#DCBB8B;opacity:.75}.education-center{position:relative;z-index:1;display:flex;align-items:flex-start;flex-direction:column;gap:18px;max-width:350px;margin:0 auto;color:#F8F6F0}.education-center>span:first-child{letter-spacing:3px;font-size:10px}.education-center strong{font:600 39px/1.1 var(--font-head);letter-spacing:-1.4px}.education-pill{background:#EDEAE3!important;color:#242E44;border-radius:100px;padding:11px 15px;font-size:11px!important;letter-spacing:0!important;font-weight:700}.work-meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:10px;letter-spacing:1.2px;color:#A5B0A4;margin-top:23px}.work-meta span:first-child{color:var(--accent)}.work-card>h3{font:600 24px/1.25 var(--font-head);letter-spacing:-.8px;margin:14px 0 10px}.work-card>p{color:#AAB3AB;font-size:13px;line-height:1.7;max-width:485px;margin:0}.work-disclaimer{margin:30px 0 0;color:#859087;font-size:11px;line-height:1.7}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:75px}.method-grid article{border-top:1px solid #65735f;padding-top:19px}.method-number{font:700 13px var(--font-head);color:var(--accent)}.method-grid h3{font:600 28px var(--font-head);letter-spacing:-1px;margin:35px 0 12px}.method-grid p{font-size:13px;line-height:1.8;color:#B0BBB0;margin:0}.about-section{background:#ECEFE6;color:#1C2520}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.about-symbol{height:445px;background:#232A25;position:relative;display:grid;place-items:center;overflow:hidden}.about-symbol svg{width:78%;filter:drop-shadow(0 20px 22px #0005)}.about-symbol span{position:absolute;bottom:29px;left:30px;color:#E9EFE5;font-size:10px;font-weight:700;letter-spacing:2px}.about-copy .section-tag{color:#61784C}.about-copy h2 em{color:#648B47}.about-copy p:not(.section-tag){max-width:510px;font-size:15px;line-height:1.8;color:#526158}.about-copy h2{margin-bottom:31px}.text-link{margin-top:18px;display:inline-flex;gap:23px;border-bottom:1px solid #63785A;padding-bottom:10px;color:#223529;font-size:13px;font-weight:700}.faq-items{max-width:920px;margin:0 auto}.faq .section-head{margin-bottom:44px}.faq-items details{border-top:1px solid #4A564D}.faq-items details:last-child{border-bottom:1px solid #4A564D}.faq-items summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:25px 3px;cursor:pointer;list-style:none;font:500 19px var(--font-head)}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary span{color:var(--accent);font-size:27px;transition:transform .2s}.faq-items details[open] summary span{transform:rotate(45deg)}.faq-items p{max-width:760px;padding:0 3px 24px;margin:0;color:#B6BDB5;line-height:1.8;font-size:14px}.contact-section{background:#29342B}.contact-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:90px;align-items:start}.contact-copy h2{font-size:clamp(47px,4.6vw,67px)}.contact-copy p:not(.section-tag){font-size:15px;line-height:1.8;max-width:430px;color:#C4CEC1;margin:30px 0}.contact-aside{display:flex;gap:16px;align-items:center;color:#C7D1C3;font-size:12px;margin-top:75px}.contact-star{font-size:29px;color:var(--accent)}.contact-form{background:#19221C;border:1px solid #435246;padding:35px;display:grid;gap:24px}.contact-form label{display:flex;flex-direction:column;gap:10px;font-size:12px;font-weight:700;color:#DBE5DB}.contact-form label span{color:var(--accent)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:14px 13px;border:1px solid #526154;border-radius:2px;outline:0;background:#232E26;color:white;min-height:50px;font-size:13px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#8A968B}.contact-form textarea{resize:vertical}.contact-form select option{background:#1E2A23}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--accent)}.form-info{color:#B8C1B6;font-size:11px;line-height:1.6;margin:-5px 0 0}.form-submit{justify-content:space-between;width:100%;font-size:14px}.form-feedback{font-size:12px;min-height:0;color:#E8A6A6}.site-footer{padding:70px 0 25px}.footer-main{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;gap:22px;padding-bottom:80px}.footer-main p{margin:0;color:#AAB2AA;font-size:14px;line-height:1.8}.backtop{text-align:right;font-weight:700;font-size:13px;color:var(--accent)}.footer-bottom{border-top:1px solid var(--line);padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#8F998F;font-size:10px;letter-spacing:1.1px}.preview-dialog{background:#202923;border:1px solid #7A946E;color:#F4F7EE;max-width:min(560px,94vw);width:100%;padding:28px;box-shadow:0 25px 70px #0009}.preview-dialog::backdrop{background:#000b}.dialog-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.dialog-head h2{font:600 28px var(--font-head);margin:0}.dialog-x{border:0;background:transparent;color:var(--cream);font-size:20px}.preview-dialog p{color:#B4C1B5;font-size:13px;line-height:1.7}.preview-dialog pre{white-space:pre-wrap;word-break:break-word;border:1px solid #415143;background:#18201a;color:#D4DDD2;padding:15px;max-height:240px;overflow-y:auto;font:12px/1.6 ui-monospace,monospace}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:1100px){.hero{grid-template-columns:1fr .85fr;gap:22px}.hero h1{font-size:clamp(50px,5.8vw,72px)}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card{min-height:280px}.section-space{padding-top:95px;padding-bottom:95px}.contact-grid{gap:40px}.about-grid{gap:40px}}
@media(max-width:800px){.container{padding-left:23px;padding-right:23px}.desktop-nav,.header-cta{display:none}.header-wrap{height:72px;justify-content:space-between}.brand-symbol{width:29px;height:29px}.brand-text{font-size:26px}.menu-toggle{display:flex;width:42px;height:42px;background:#273128;border:1px solid #4E624D;border-radius:4px;align-items:center;justify-content:center;flex-direction:column;gap:6px}.menu-toggle span{display:block;width:19px;height:2px;background:var(--cream);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-nav:not([hidden]){display:flex;flex-direction:column;gap:0;padding:10px 23px 22px;background:#1A201C;border-top:1px solid #364238}.mobile-nav a{padding:15px 4px;border-bottom:1px solid #384338;font-size:15px}.hero{grid-template-columns:1fr;padding-top:60px;padding-bottom:78px;gap:46px}.hero h1{max-width:680px;font-size:clamp(52px,10vw,80px)}.hero-art{max-width:610px;width:100%;margin:0 auto}.hero-footer{left:23px;right:23px;bottom:22px}.hero-footer span:last-child{display:none}.statement-inner{grid-template-columns:1fr;gap:10px}.section-head{display:block}.section-head>p{max-width:590px;width:auto;margin-top:21px}.work-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.about-symbol{height:380px}.contact-aside{margin-top:30px}.method-grid{grid-template-columns:repeat(2,1fr)}.footer-main{grid-template-columns:1fr 1fr;gap:30px}.backtop{text-align:left}}
@media(max-width:540px){.section-space{padding-top:77px;padding-bottom:77px}.eyebrow{font-size:9px;letter-spacing:1.4px;gap:6px}.hero{padding-top:51px;gap:38px}.hero h1{font-size:clamp(49px,12.6vw,66px);letter-spacing:-3.5px;margin:22px 0 18px}.spark{font-size:17px;right:-18px}.hero-description{font-size:14px}.hero-actions{align-items:stretch;flex-direction:column;max-width:340px}.hero-actions .btn{justify-content:space-between}.hero-proof{margin-top:27px;font-size:11px}.hero-art{aspect-ratio:1.03}.hero-a{width:93%}.hero-art-label{font-size:8px;left:13px;top:13px}.hero-art-bottom{left:13px;right:13px;bottom:11px}.art-side{font-size:8px;right:5px}.hero-footer{font-size:8px;letter-spacing:1px}.statement p{font-size:33px;letter-spacing:-1px}.section-head h2,.about-copy h2,.contact-copy h2{font-size:clamp(42px,10vw,54px);letter-spacing:-2.4px}.service-grid,.work-grid,.method-grid{grid-template-columns:1fr}.service-card{min-height:255px}.service-card h3{margin-top:28px}.work-visual{height:262px;padding:15px}.mini-browser{height:229px}.health-layout{padding:17px}.health-layout h3{font-size:24px}.education-center strong{font-size:30px}.work-meta{font-size:9px}.about-symbol{height:295px}.about-copy{margin-top:15px}.faq-items summary{font-size:16px}.form-grid{grid-template-columns:1fr}.contact-form{padding:20px}.contact-aside{margin-bottom:25px}.footer-main{grid-template-columns:1fr;padding-bottom:40px}.footer-bottom{flex-direction:column;align-items:flex-start;font-size:9px}.footer-main p{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* MTH LAB adaptations */
.about-monogram{display:block;width:68%;max-height:350px;object-fit:contain;filter:drop-shadow(0 25px 22px #0005)}
.brand-symbol{border-radius:7px;object-fit:contain}
.hero-a{object-fit:contain;width:75%;max-width:350px;filter:drop-shadow(0 30px 26px rgba(0,0,0,.25));transform:rotate(-2deg)}
.art-mark{font-size:27px}
@media(max-width:540px){.hero-a{width:77%}.art-mark{font-size:23px}}

/* Explicit contrast on small screens and all color schemes */
.btn-accent,.btn-accent:visited{color:#172015!important;background:#A3FF12!important}
.btn-ghost,.btn-ghost:visited{color:#F7F7F2!important}

/* Netlify Forms: campo-isca não visível para usuários reais */
.form-honeypot{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
.form-submit:disabled{opacity:.55;cursor:wait;}

/* v0.3 - contato acessível e privacidade */
.form-info a,.footer-privacy{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.form-tips{margin:0;color:#B8C1B6;font-size:11px;line-height:1.55}
.direct-contact{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;font-size:12px;color:#d7e2d5}
.direct-contact[hidden],.direct-contact a[hidden]{display:none!important}
.direct-contact a{font-weight:700;color:var(--accent);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.direct-contact-label{flex-basis:100%;color:#b7c3b3}
.footer-privacy{font-size:11px;text-transform:none;letter-spacing:0}
.privacy-page{min-height:80vh;padding:75px 0 100px}
.privacy-page h1{font:600 clamp(39px,6vw,64px)/1.05 var(--font-head);letter-spacing:-2px;margin:0 0 28px}
.privacy-page h2{font:600 23px var(--font-head);margin-top:35px}
.privacy-page p,.privacy-page li{max-width:800px;color:#c5d0c4;font-size:15px;line-height:1.75}
.privacy-page a{color:var(--accent);text-decoration:underline}
.privacy-banner{border:1px solid #92af65;padding:18px 22px;border-radius:7px;background:#25312a;color:#e1f4ce;margin-bottom:38px;max-width:920px}
.privacy-banner strong{color:var(--accent)}

/* v1.0 · conceito tipográfico aprovado — logo é a própria palavra MTH LAB */
.brand-logo{display:block;width:205px;max-width:100%;height:auto;object-fit:contain}
.footer-brand .brand-logo{width:225px}
@media(max-width:800px){.brand-logo{width:174px}}
@media(max-width:370px){.brand-logo{width:154px}}


/* =========================================================
   MTH LAB · CONCEITO 2 · CORREÇÃO v0.5 (2026-10-26)
   O wordmark aprovado domina header e hero; sem subtítulo.
   ========================================================= */
.site-header{background:rgba(247,247,245,.98);border-bottom:1px solid #e6e9e3;backdrop-filter:blur(16px)}
.desktop-nav{color:#303931}
.desktop-nav a:hover{color:#527C13}
.header-cta{background:#161918;color:#F7F7F5;border-color:#161918;border-radius:9px}
.header-cta:hover{background:var(--accent);border-color:var(--accent);color:#161918}
.header-wrap{height:82px}
.brand-logo{width:222px;height:auto;max-width:100%}
.mobile-nav:not([hidden]){background:#F7F7F5;border-color:#D2D8D0;color:#161918}
.mobile-nav a{border-color:#D9DED8}
.menu-toggle{background:#161918;border:1px solid #161918}
.menu-toggle span{background:#F7F7F2}
.hero-art{background:radial-gradient(circle at 50% 50%,#273228 0%,#171B18 47%,#0d1010 100%);border:1px solid #3A4538;isolation:isolate}
.hero-art:before{content:"";position:absolute;inset:-40%;background:linear-gradient(135deg,transparent 35%,rgba(163,255,18,.07) 45%,rgba(163,255,18,.30) 49%,rgba(163,255,18,.06) 54%,transparent 63%);transform:rotate(-18deg);z-index:-1;filter:blur(13px)}
.hero-art:after{content:"";position:absolute;width:145%;height:23%;left:-20%;top:54%;transform:rotate(-36deg);background:linear-gradient(to bottom,transparent,rgba(163,255,18,.12),rgba(255,255,255,.06),transparent);filter:blur(7px);opacity:.86;z-index:-1}
.hero-grid{opacity:.35}
.hero-brand-stage{width:94%;max-width:590px;min-height:230px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;z-index:2;padding:20px 15px;gap:26px}
.hero-wordmark{display:block;width:100%;height:auto;filter:drop-shadow(0 14px 20px #0008)}
.hero-brand-caption{font:600 11px/1.5 var(--font-head);letter-spacing:3px;color:#E2EBDF;text-align:center}
.hero-orbit{position:absolute;border:1px solid rgba(163,255,18,.18);border-radius:50%;pointer-events:none}
.hero-orbit-one{width:350px;height:350px;transform:rotate(-20deg)}
.hero-orbit-two{width:440px;height:230px;transform:rotate(22deg)}
.art-mark{font-size:19px;letter-spacing:1px;color:var(--cream)}
.demo-build{color:#A3FF12;font-weight:700}
@media(max-width:1000px){.hero-brand-stage{min-height:210px}.hero-orbit-one{width:290px;height:290px}.hero-orbit-two{width:350px;height:180px}}
@media(max-width:800px){.header-wrap{height:72px}.brand-logo{width:186px}.hero-brand-stage{min-height:260px}.hero-wordmark{max-width:570px}}
@media(max-width:540px){.brand-logo{width:172px}.hero-brand-stage{min-height:180px;padding:12px;gap:16px}.hero-brand-caption{font-size:8px;letter-spacing:1.7px}.hero-orbit-one{width:230px;height:230px}.hero-orbit-two{width:270px;height:130px}.hero-art-label{letter-spacing:1px}.art-mark{font-size:12px}}

/* MTH LAB v0.6 — hierarquia comercial e portfólio */
.priority-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:63px}
.priority-card{background:#202822;border:1px solid #39453b;border-radius:9px;padding:30px 26px 26px;display:flex;flex-direction:column;min-height:485px;transition:transform .2s,border-color .2s}
.priority-card:first-child{background:linear-gradient(155deg,#2d392c,#202822 55%);border-color:#78945e}
.priority-card:hover{transform:translateY(-4px);border-color:#9cca70}
.priority-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.priority-number{font-size:10px;color:var(--accent);letter-spacing:1.2px;font-weight:700;line-height:1.5}
.priority-top svg{width:36px;height:36px;stroke:var(--accent);stroke-width:1.8;fill:none;stroke-linejoin:round;stroke-linecap:round}
.priority-card h3{font:600 clamp(24px,2.45vw,33px)/1.13 var(--font-head);letter-spacing:-1.1px;margin:44px 0 18px}
.priority-card>p{font-size:13px;line-height:1.85;color:#B6C2B5;margin:0 0 14px}
.priority-card ul{padding-left:19px;margin:13px 0 28px;color:#DBE6D9;font-size:12px;line-height:2}
.priority-card li::marker{color:var(--accent)}
.service-link{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #4e6250;padding-top:16px;font-weight:700;font-size:12px;color:var(--accent);margin-top:auto;gap:10px}
.service-link:hover{text-decoration:underline;text-underline-offset:4px}
.other-services{margin-top:22px;display:flex;justify-content:space-between;align-items:center;gap:28px;padding:27px;background:#1c241f;border:1px solid #354136;border-radius:8px}
.other-services .section-tag{color:var(--accent);font-size:10px}
.other-services p{font-size:12px;color:#9caba0;margin:8px 0 0}
.service-pills{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end;max-width:700px}
.service-pills span{border:1px solid #4a6049;background:#252f28;color:#DDE7DC;border-radius:60px;padding:9px 12px;font-size:11px}
.service-clarification{color:#9da99e;line-height:1.7;font-size:11px;max-width:900px;margin:17px 0 0}
.lab-intro{margin-top:74px;max-width:680px}.lab-intro .section-tag{color:var(--accent)}
.lab-intro h3{font:600 clamp(27px,3vw,38px)/1.15 var(--font-head);letter-spacing:-1.1px;margin:14px 0}
.lab-intro p{font-size:13px;line-height:1.75;color:#afbbae}
.lab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:28px}
.lab-card{min-width:0}.lab-card h3{font:600 21px/1.25 var(--font-head);letter-spacing:-.4px;margin:12px 0 8px}
.lab-card p{color:#AAB3AB;font-size:12px;line-height:1.75;margin:0}
.lab-card .work-meta{font-size:9px;letter-spacing:.6px;margin-top:15px}
.lab-visual{height:206px;position:relative;overflow:hidden;border-radius:7px;border:1px solid #3a493c;display:grid;place-items:center;padding:26px}
.lab-visual-tag{position:absolute;top:15px;left:17px;font-size:8px;letter-spacing:1.5px;color:#C4E779}
.lab-corner{position:absolute;bottom:15px;right:17px;font-size:8px;letter-spacing:1.3px;color:#a1ba98}
.lab-video{background:radial-gradient(circle at 95% 20%,#365141,transparent 55%),#19261f}
.lab-flow{display:flex;align-items:center;gap:9px}.lab-flow i{font-style:normal;background:#293b30;border:1px solid #5e825d;border-radius:5px;color:#e6eee4;padding:14px 10px;font:600 12px var(--font-head)}.lab-flow b{color:var(--accent)}
.lab-sudoku{background:radial-gradient(circle at 20% 20%,#364433,transparent 60%),#1c2520}
.sudoku-preview{display:grid;grid-template-columns:repeat(3,35px);grid-template-rows:repeat(3,35px);gap:4px;transform:rotate(-7deg)}
.sudoku-preview span{display:grid;place-items:center;background:#2f4536;border:1px solid #719265;border-radius:3px;color:#e5f0e1;font:700 18px var(--font-head)}
.sudoku-preview span:nth-child(5){background:var(--accent);color:#1c251a}
.lab-bloop{background:radial-gradient(circle at 50% 100%,#3e4357,#16232a 70%)}
.bloop-preview{display:flex;align-items:center;gap:4px;transform:rotate(-13deg)}.bloop-preview i{display:block;width:29px;height:29px;border-radius:50%;background:#c4e779;box-shadow:0 6px 0 #101a1c}.bloop-preview i:nth-child(2){background:#ffb86f;margin-top:25px}.bloop-preview i:nth-child(3){background:#89aef1;margin-bottom:16px}.bloop-preview i:nth-child(4){background:#ed86b7;margin-top:42px}.bloop-preview i:nth-child(5){background:#d5d7e4;margin-bottom:18px}
.email-preview{margin-top:24px;display:flex;flex-direction:column;gap:7px;align-items:start}
.email-preview span{font-size:10px;letter-spacing:1.6px;color:#B2C9AE}
.email-preview strong{font:600 clamp(19px,2vw,25px) var(--font-head);color:#e5f0e2;overflow-wrap:anywhere}
.email-preview small{font-size:11px;color:#bdc8b9;line-height:1.6;max-width:420px}
@media(max-width:1050px){.priority-grid{grid-template-columns:1fr 1fr}.priority-card:last-child{grid-column:span 2;min-height:350px}.priority-card{min-height:430px}.lab-grid{grid-template-columns:1fr 1fr}.lab-card:last-child{grid-column:span 2}.other-services{align-items:flex-start;flex-direction:column}.service-pills{justify-content:flex-start}}
@media(max-width:670px){.priority-grid,.lab-grid{grid-template-columns:1fr}.priority-card,.priority-card:last-child{grid-column:auto;min-height:unset;padding:26px 23px}.priority-card h3{margin-top:28px}.priority-card ul{margin-bottom:23px}.lab-card:last-child{grid-column:auto}.lab-visual{height:213px}.service-pills span{font-size:10px}.other-services{padding:20px}.hero .highlight-word{white-space:normal}}

/* MTH LAB v0.7 — 4 serviços prioritários e portfólio sem links externos */
.priority-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.priority-card{min-height:410px}
.priority-card h3{margin:28px 0 16px}
.portfolio-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.portfolio-item{min-width:0}
.portfolio-media{background:#151b17;border-radius:10px;overflow:hidden;border:1px solid #3b4b3c;aspect-ratio:8/5}
.portfolio-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.portfolio-item:hover .portfolio-media img{transform:scale(1.025)}
.portfolio-content{padding:19px 4px 4px}
.portfolio-label{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:#D1D9CE;font-size:10px;font-weight:700;letter-spacing:1.15px}
.portfolio-label span:first-child{color:var(--accent)}
.portfolio-content h3{font:600 28px/1.18 var(--font-head);letter-spacing:-.6px;margin:17px 0 10px}
.portfolio-content p{font-size:13px;color:#BCC6BC;line-height:1.78;max-width:535px;margin:0 0 14px}
.portfolio-status{font-size:11px;letter-spacing:.3px;color:#BECBAF;background:#27332A;padding:8px 11px;border-radius:4px;display:inline-block}
.portfolio-note{margin:30px 0 0;color:#B6BFB4;line-height:1.8;font-size:12px;border-left:2px solid var(--accent);padding-left:15px;max-width:970px}
.portfolio-note strong{color:#F7F7F2}
@media(max-width:1050px){.priority-card:last-child{grid-column:auto;min-height:410px}}
@media(max-width:800px){.portfolio-showcase{gap:19px}.portfolio-content h3{font-size:24px}}
@media(max-width:670px){.priority-grid,.portfolio-showcase{grid-template-columns:1fr}.priority-card,.priority-card:last-child{grid-column:auto;min-height:unset}.portfolio-showcase{gap:39px}.portfolio-media{aspect-ratio:8/5}}
@media(prefers-reduced-motion:reduce){.portfolio-media img{transition:none}.portfolio-item:hover .portfolio-media img{transform:none}}

/* MTH LAB v0.8 — portfolio com case real prioritario */
.portfolio-feature{display:grid;grid-template-columns: minmax(0,1.27fr) minmax(0,.83fr);gap:0;border:1px solid #405244;border-radius:12px;overflow:hidden;background:#212923;margin:4px 0 36px}
.portfolio-feature-media{position:relative;min-width:0;background:#eef1ea;min-height:380px}
.portfolio-feature-media img{display:block;height:100%;width:100%;object-fit:cover;object-position:center top;}
.portfolio-photo-tag{position:absolute;bottom:14px;left:14px;padding:9px 11px;border-radius:4px;background:#161918;color:#d8ff9a;font-size:10px;letter-spacing:1px;font-weight:700}
.portfolio-feature-content{padding:clamp(22px,3.5vw,56px);display:flex;flex-direction:column;justify-content:center;min-width:0}
.portfolio-feature-content h3{font:700 clamp(27px,3vw,45px)/1.1 var(--font-head);color:#F7F7F2;letter-spacing:-1.25px;margin:23px 0 7px}
.portfolio-feature-type{color:var(--accent);font-size:12px;font-weight:600;margin-bottom:21px}
.portfolio-feature-content>p:not(.portfolio-feature-type){font-size:14px;color:#c8d1c6;line-height:1.8;margin:0}
.portfolio-feature-list{display:grid;gap:11px;list-style:none;padding:0;margin:27px 0 20px}
.portfolio-feature-list li{font-size:12px;color:#e3e9e0;padding-left:17px;position:relative;line-height:1.4}
.portfolio-feature-list li::before{content:'';position:absolute;left:0;top:.35em;height:6px;width:6px;background:var(--accent);border-radius:50%}
.portfolio-feature-note{font-size:10px;color:#a9b9a9;line-height:1.6;margin-top:5px}
.portfolio-pending{display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(145deg,#1a211c,#263429)}
.portfolio-pending-inner{width:100%;height:100%;min-height:210px;border:1px dashed #5b755d;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:28px;gap:13px;color:#e7eee4;}
.portfolio-pending-top{font-size:9px;letter-spacing:1.8px;color:var(--accent);font-weight:700}
.portfolio-pending-inner strong{font:600 clamp(18px,2vw,27px)/1.2 var(--font-head);letter-spacing:-.5px}
.portfolio-pending-inner>span:last-child{font-size:12px;color:#aebfaf}
.portfolio-secondary .portfolio-content h3{font-size:24px}
.portfolio-secondary .portfolio-media{aspect-ratio:8/5}
@media(max-width:1100px){.portfolio-feature{grid-template-columns:1fr}.portfolio-feature-media{min-height:0;aspect-ratio:16/10}.portfolio-feature-content{padding:30px}}
@media(max-width:670px){.portfolio-feature{margin-bottom:36px}.portfolio-feature-content{padding:22px}.portfolio-feature-media{aspect-ratio:16/10}.portfolio-photo-tag{font-size:8px;bottom:8px;left:8px}.portfolio-pending-inner{min-height:165px;padding:18px}}


/* MTH LAB — release público: apresentações editoriais, sem reproduzir websites. */
.portfolio-editorial{display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:clamp(20px,2.7vw,34px);position:relative;isolation:isolate}
.portfolio-editorial::before{content:"";position:absolute;inset:0;opacity:.19;background-image:linear-gradient(currentColor 1px,transparent 1px),linear-gradient(90deg,currentColor 1px,transparent 1px);background-size:43px 43px;mask-image:linear-gradient(110deg,transparent,black 75%);z-index:-1}
.portfolio-editorial::after{content:"";position:absolute;width:36%;aspect-ratio:1;right:-10%;bottom:-39%;border:24px solid currentColor;opacity:.2;transform:rotate(-22deg);z-index:-1}
.portfolio-editorial .editorial-topline,.portfolio-editorial .editorial-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;font:700 9px/1.4 var(--font-body);letter-spacing:1.6px;text-transform:uppercase}
.portfolio-editorial .editorial-bottom{justify-content:flex-start;gap:18px}
.portfolio-editorial .editorial-main{padding:33px 0 30px;position:relative}
.portfolio-editorial .editorial-main>span{display:block;font:600 11px var(--font-body);letter-spacing:1.3px;text-transform:uppercase;margin-bottom:17px}
.portfolio-editorial .editorial-main>strong{display:block;font:700 clamp(32px,4.2vw,67px)/1.02 var(--font-head);letter-spacing:-2.8px;overflow-wrap:anywhere}
.portfolio-editorial .editorial-main>p{font-size:12px;line-height:1.5;margin:18px 0 0}
.portfolio-secondary .portfolio-editorial .editorial-main>strong{font-size:clamp(28px,3vw,45px);letter-spacing:-1.8px}
.portfolio-feature-media.portfolio-editorial{min-height:430px}
.portfolio-feature-media.portfolio-editorial .editorial-main>strong{font-size:clamp(43px,5vw,79px)}
.editorial-health{background:linear-gradient(125deg,#dce9e1,#bad6c7);color:#194a3b}
.editorial-health .editorial-dot{color:#438a59}
.editorial-hellenike{background:linear-gradient(135deg,#111119,#24202b);color:#ebd4a1}
.editorial-daniane{background:linear-gradient(135deg,#fff0e8,#ebcfcd);color:#793448}
.editorial-curitiba{background:linear-gradient(135deg,#e6ecdf,#c1d0b5);color:#294534}
.editorial-base{background:linear-gradient(135deg,#1c3933,#305c4b);color:#e7d7b0}
.portfolio-note{font-size:12px;max-width:950px}
.email-active-link{color:#F7F7F5;text-decoration:underline;text-decoration-color:#A3FF12;text-underline-offset:5px}
.email-preview strong{font-size:clamp(17px,1.7vw,24px)}
.copy-request{margin-top:11px;border-color:#566759}
.form-feedback{min-height:28px}
.privacy-page{min-height:60vh}
@media(max-width:670px){.portfolio-editorial{padding:22px}.portfolio-feature-media.portfolio-editorial{min-height:310px;aspect-ratio:16/10}.portfolio-feature-media.portfolio-editorial .editorial-main>strong{font-size:clamp(34px,8vw,56px)}.portfolio-editorial .editorial-main>strong{letter-spacing:-1.5px}.portfolio-secondary .portfolio-editorial .editorial-main>strong{font-size:clamp(28px,7vw,44px)}}
@media(max-width:360px){.portfolio-editorial .editorial-topline{font-size:8px;letter-spacing:.9px}.portfolio-editorial .editorial-bottom{font-size:8px;gap:9px}}

/* Security hardening: avoid inline styles under CSP on the 404 page. */
.error-page{min-height:90vh;display:flex;align-items:center}
.error-content{padding:45px 0}
.error-logo{margin-bottom:35px;max-width:100%;height:auto}
.error-title{font:600 clamp(38px,7vw,76px)/1.1 var(--font-head);max-width:750px;margin:0 0 20px}
.error-description{color:#B9C2B9;margin-bottom:30px}

/* Recognition from founder's participation in nationwide internal innovation challenge. */
.award-highlight{margin:31px 0 29px;padding:27px 29px;border:1px solid #59664d;border-left:3px solid var(--accent);background:linear-gradient(137deg,#233026,#1a211d 68%);border-radius:10px;box-shadow:0 14px 32px rgba(0,0,0,.13)}
.award-highlight-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}
.award-kicker{color:var(--accent);font-size:10px;line-height:1.6;letter-spacing:1.5px;font-weight:700}
.award-icon{display:inline-grid;place-items:center;border:1px solid #798f55;border-radius:50%;height:28px;width:28px;flex-shrink:0;color:var(--accent);font-size:16px}
.about-copy .award-highlight h3{font-family:var(--font-head);font-size:clamp(24px,2.6vw,32px);font-weight:650;letter-spacing:-.7px;line-height:1.15;color:#f7f7f5;margin:0 0 16px}
.award-medal{color:var(--accent)}
.about-copy .award-highlight p{font-size:14px;color:#d9e0d6;line-height:1.73;margin:0 0 12px}
.about-copy .award-highlight strong{color:#fff}
.about-copy .award-highlight .award-caveat{font-size:11px;color:#b8c2b6;margin:15px 0 0;padding-top:13px;border-top:1px solid #425045}
@media(max-width:540px){.award-highlight{padding:23px 20px;margin:26px 0}.award-kicker{letter-spacing:1.1px}.about-copy .award-highlight h3{font-size:25px}}
