/* 01. Tokens e temas */
:root{color-scheme:dark;--bg:#090d15;--surface:#101620;--surface2:#141d2a;--text:#f1f5fb;--muted:#98a6b9;--line:#243044;--accent:#64d7ef;--blue:#537cff;--header:rgba(9,13,21,.94);--shadow:0 30px 80px #0005;font-family:Inter,Arial,sans-serif;font-synthesis:none}html[data-theme=light]{color-scheme:light;--bg:#f7f9fd;--surface:#fff;--surface2:#eaf0f9;--text:#112037;--muted:#52627a;--line:#d7e0ed;--accent:#087b98;--blue:#315fe5;--header:rgba(247,249,253,.95);--shadow:0 30px 80px #18385d15}
/* 02. Base e acessibilidade */
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.1;letter-spacing:-.045em}p{color:var(--muted)}.container{width:min(1200px,calc(100% - 80px));margin:auto}.skip{position:fixed;top:-100px;left:20px;z-index:10;background:var(--text);color:var(--bg);padding:12px}.skip:focus{top:12px}.eyebrow{font:600 12px/1.7 monospace;letter-spacing:.14em;color:var(--accent);margin-bottom:24px}.button{display:inline-flex;align-items:center;justify-content:center;padding:15px 24px;border:1px solid transparent;background:var(--accent);color:#07131e;border-radius:5px;font-weight:700;font-size:14px;transition:transform .2s,filter .2s}.button:hover{filter:brightness(1.1);transform:translateY(-2px)}.small{padding:11px 18px}.text-link{font-size:14px;font-weight:600;border-bottom:1px solid var(--line);padding:8px 0}.section{padding-top:108px;padding-bottom:108px}
/* 03. Cabeçalho */
.header{position:sticky;top:0;z-index:5;background:var(--header);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{width:184px;position:relative;display:flex;align-items:center}.brand-logo{width:180px;height:60px;object-fit:contain;display:none}.brand-fallback{font-size:23px;font-weight:850;letter-spacing:.06em;line-height:1}.brand-fallback span{display:block;color:var(--accent);font-size:11px;letter-spacing:.25em;margin-top:7px}.brand.has-logo .brand-logo{display:block}.brand.has-logo .brand-fallback{display:none}html[data-theme=light] .brand-logo{filter:drop-shadow(0 0 1px #081726);background:#0a101b;border-radius:4px}.nav nav{display:flex;gap:30px}.nav nav a{font-size:14px;color:var(--muted);transition:color .2s}.nav nav a:hover{color:var(--accent)}.nav-actions{display:flex;gap:16px;align-items:center}.icon-button{border:1px solid var(--line);background:transparent;color:var(--text);height:40px;width:40px;border-radius:50%;font-size:23px;display:grid;place-items:center}.mobile-menu{display:none}
/* 04. Apresentação e visual de código */
.hero{min-height:715px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-top:70px;padding-bottom:80px}.hero h1{font-size:clamp(52px,5.7vw,78px);font-weight:750;line-height:1.055}.hero h1 span{color:var(--accent)}.lead{font-size:18px;line-height:1.75;max-width:480px;margin-top:25px}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:33px}.hero-note{display:flex;align-items:center;gap:15px;font-size:12px;color:var(--muted);margin-top:44px;line-height:1.7}.hero-note strong{font-weight:400;color:var(--text)}.mini-bracket{font:24px monospace;color:var(--accent);border-right:1px solid var(--line);padding-right:18px}.hero-visual{position:relative;padding:60px 0 75px;min-width:0}.visual-grid{position:absolute;inset:0 -25px;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:42px 42px;opacity:.35;mask-image:radial-gradient(ellipse,black 15%,transparent 72%)}.code-window{position:relative;border:1px solid #34465e;border-radius:10px;background:#0e1623;color:#c7d5e7;box-shadow:var(--shadow);transform:perspective(1100px) rotateY(-5deg) rotateX(2deg);overflow:hidden}.window-top{height:49px;border-bottom:1px solid #273448;display:flex;align-items:center;gap:18px;padding:0 18px;font:11px monospace;color:#8fa2bb}.dots{display:flex;gap:6px}.dots i{width:7px;height:7px;border-radius:50%;background:#466080}.dots i:first-child{background:#ec8585}.dots i:nth-child(2){background:#e0c77a}.dots i:nth-child(3){background:#7dc8b5}.window-code{margin-left:auto;color:#64d7ef}.code-tabs{display:flex;font:11px monospace;border-bottom:1px solid #273448}.code-tabs span{padding:12px 18px;color:#7489a5}.code-tabs .active{border-bottom:2px solid #64d7ef;background:#151e2b;color:#d7e6f7}.code-body{padding:27px 10px 32px;font:13px/2 monospace}.code-body ol{margin:0;padding-left:45px;counter-reset:line}.code-body li{padding-left:14px;white-space:pre}.code-body li::marker{color:#435773}.purple{color:#b89bf9}.cyan{color:#75d9d7}.blue{color:#77a8ff}.window-bottom{padding:10px 18px;display:flex;justify-content:space-between;font:10px monospace;color:#8ea4c2;background:#172336}.floating-label{position:absolute;right:-10px;bottom:30px;padding:20px 24px;display:flex;align-items:center;gap:17px;background:var(--surface2);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:7px;font-size:13px;color:var(--muted)}.floating-label>span{color:var(--accent);font-size:30px}.floating-label strong{color:var(--text);font-weight:500}.visual-caption{position:absolute;bottom:2px;left:10px;font:10px monospace;letter-spacing:.15em;color:var(--muted)}.tech-strip{border-block:1px solid var(--line);padding:23px 0}.tech-strip .container{display:flex;align-items:center;justify-content:space-between;gap:18px}.tech-strip span{font:10px monospace;letter-spacing:.1em;color:var(--muted)}.tech-strip strong{font-size:14px;font-weight:500}.tech-strip b{color:var(--accent)}
/* 05. Serviços, abordagem e processo */
.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:45px}.section-heading h2,.approach h2{font-size:40px;line-height:1.2}.section-heading>p{max-width:320px;font-size:16px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service{position:relative;background:var(--surface);border:1px solid var(--line);padding:34px 30px;transition:border-color .2s,transform .2s}.service:hover{border-color:var(--accent);transform:translateY(-4px)}.service-icon{font:28px monospace;color:var(--accent)}.service-number{position:absolute;right:28px;top:35px;font:12px monospace;color:var(--muted)}.service h3{font-size:23px;margin:32px 0 18px;letter-spacing:-.025em}.service p{font-size:15px;line-height:1.8}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.tags span{font:10px monospace;padding:6px 9px;border:1px solid var(--line);color:var(--muted);border-radius:3px}.approach{background:var(--surface);border-block:1px solid var(--line)}.approach-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center}.approach h2 span{color:var(--muted)}.body-copy{font-size:15px;max-width:480px;margin-top:19px}.location{font:12px monospace;color:var(--accent);margin-top:28px}.principles article{display:flex;gap:25px;padding:27px 0;border-bottom:1px solid var(--line)}.principles article:first-child{padding-top:0}.principles article>span{font:12px monospace;color:var(--accent);flex-shrink:0;padding-top:5px}.principles h3{font-size:21px;letter-spacing:-.02em;margin-bottom:12px}.principles p{font-size:15px;line-height:1.8}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.steps article{border-top:1px solid var(--line);padding-top:25px}.steps article>span{font:14px monospace;color:var(--accent)}.steps h3{font-size:21px;letter-spacing:-.02em;margin:26px 0 15px}.steps p{font-size:15px;line-height:1.8}
/* 06. Contato e rodapé */
.contact{display:grid;grid-template-columns:1.5fr 1fr;gap:90px;padding:66px;background:var(--surface2);border:1px solid var(--line);border-radius:10px;margin-bottom:85px}.contact h2{font-size:43px;line-height:1.2}.contact h2 span{color:var(--accent)}.contact p{font-size:16px;margin-top:23px;max-width:370px}.contact-details{display:flex;flex-direction:column;justify-content:center}.contact-row{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);padding:17px 0}.contact-row>span{font:10px monospace;color:var(--muted);padding-top:4px}.contact-row strong{font-size:14px;font-weight:500;text-align:right;line-height:1.6}.contact-button{margin-top:25px}.contact .contact-status{font-size:13px;margin-top:12px}.contact-status:empty{display:none}.footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 0 40px}.footer-brand{font-weight:700;letter-spacing:.05em;font-size:16px}.footer-brand span{display:block;font-weight:400;letter-spacing:0;font-size:12px;color:var(--muted);margin-top:5px}.footer p,.footer>a:last-child{font-size:12px;color:var(--muted)}
/* 07. Responsividade */
@media(min-width:1500px){.hero{min-height:790px}}@media(max-width:1050px){.container{width:calc(100% - 48px)}.nav nav{gap:18px}.nav-actions .small{display:none}.hero{gap:30px}.hero-actions{gap:17px}.hero h1{font-size:60px}.code-body{font-size:11px}.section-heading h2,.approach h2{font-size:35px}.approach-grid{gap:45px}.service{padding:27px 22px}.contact{padding:45px;gap:45px}.contact h2{font-size:36px}}@media(max-width:760px){.container{width:calc(100% - 40px)}.nav{height:76px}.brand{width:150px}.brand-logo{width:150px}.mobile-menu{display:grid}.nav nav{display:none;position:absolute;top:76px;left:0;right:0;padding:22px;background:var(--surface);border-bottom:1px solid var(--line);flex-direction:column;gap:20px}.nav nav.open{display:flex}.hero{grid-template-columns:1fr;padding:55px 0 50px;gap:25px;min-height:auto}.hero h1{font-size:clamp(48px,11vw,72px)}.hero .eyebrow{font-size:10px}.lead{font-size:17px}.hero-note{margin-top:28px}.hero-visual{padding-top:30px;padding-bottom:76px;max-width:520px;width:100%;margin:auto}.code-body{font-size:12px}.floating-label{right:0;bottom:30px}.visual-grid{inset:0}.tech-strip .container{flex-wrap:wrap;justify-content:center;gap:12px 20px}.tech-strip span{width:100%;text-align:center;margin-bottom:5px}.tech-strip strong{font-size:12px}.tech-strip b{display:none}.section{padding:65px 0}.section-heading{display:block;margin-bottom:30px}.section-heading h2,.approach h2{font-size:32px}.section-heading>p{margin-top:22px;max-width:100%}.service-grid,.approach-grid{grid-template-columns:1fr;gap:20px}.service{padding:28px}.service h3{margin-top:22px}.approach-grid{gap:35px}.principles article:first-child{padding-top:20px}.steps{grid-template-columns:repeat(2,1fr);gap:28px 25px}.steps h3{margin-top:18px}.contact{grid-template-columns:1fr;padding:32px 25px;gap:20px;margin-bottom:50px}.contact h2{font-size:32px}.contact .eyebrow{font-size:10px}.footer{flex-wrap:wrap;padding-bottom:30px}.footer-brand{width:100%}.footer p,.footer>a:last-child{font-size:11px}.eyebrow{margin-bottom:17px}}@media(max-width:380px){.code-body{font-size:10px}.hero-actions{align-items:start;flex-direction:column}.steps{grid-template-columns:1fr}.hero h1{font-size:46px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
/* 08. Identidade refinada, contatos e assistente guiado */
.brand{width:204px;gap:10px}.brand-logo{width:42px;height:42px;object-fit:contain}.brand.has-logo .brand-fallback{display:block}.brand-fallback{font-size:19px}.brand-fallback span{font-size:10px}html[data-theme=light] .brand-logo{filter:none;background:none}.service p,.principles p,.body-copy,.steps p{font-size:16px}.tags span,.eyebrow,.location,.tech-strip span{font-size:12px}.footer-info{text-align:center;font-size:13px;color:var(--muted)}.footer-info a{display:block;margin:4px 0}.contact-row:hover strong{color:var(--accent)}.contact-row strong{overflow-wrap:anywhere}.contact>.contact-details{min-width:0}.contact .text-link{display:inline-block;margin-top:20px}.briefing{display:grid;grid-template-columns:1fr 1.5fr;border:1px solid var(--line);background:var(--surface);border-radius:10px;overflow:hidden}.brief-intro{padding:36px;border-right:1px solid var(--line)}.brief-intro h3{font-size:25px;margin:25px 0 18px}.brief-intro p{font-size:16px}.brief-intro .brief-note{font-size:13px;margin-top:25px}.brief-chat{padding:30px;min-width:0}.chat-bubble{padding:14px 18px;border-radius:8px;background:var(--surface2);font-size:16px;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 14px;color:var(--text)}.chat-bubble.visitor{border:1px solid var(--line);background:var(--bg);margin-left:30px}.brief-chat label{display:block;font-size:14px;color:var(--muted);margin:22px 0 10px}.chat-input-row{display:flex;gap:10px;align-items:center}.brief-chat input,.brief-chat textarea{font:inherit;color:var(--text);border:1px solid var(--line);background:var(--bg);border-radius:5px;padding:13px;width:100%;min-width:0}.brief-chat textarea{resize:vertical;line-height:1.7}.brief-chat input:focus,.brief-chat textarea:focus{outline:2px solid var(--accent);outline-offset:2px}.brief-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:18px;align-items:center}.text-button{border:0;background:none;color:var(--muted);text-decoration:underline;padding:10px 0;font-size:14px}#brief-status{font-size:13px;margin-top:12px}[hidden]{display:none!important}@media(max-width:760px){.brand{width:180px}.briefing{grid-template-columns:1fr}.brief-intro{padding:26px;border-right:0;border-bottom:1px solid var(--line)}.brief-chat{padding:22px}.chat-input-row{flex-direction:column;align-items:stretch}.footer-info{text-align:left}.contact-row{gap:15px}.contact-row strong{font-size:13px}}
/* 09. Cabeçalho compacto e demonstração empresarial */
.nav{height:74px}.hero{min-height:620px;padding:70px 0;gap:70px}.hero h1{font-size:clamp(42px,4.6vw,60px);line-height:1.13;letter-spacing:-.045em}.hero .lead{font-size:17px;max-width:460px}.hero .eyebrow{font-size:11px;letter-spacing:.1em}.example-visual{padding:20px 0 50px}.browser-example{border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);transform:perspective(1200px) rotateY(-4deg)}.browser-bar{height:38px;background:var(--surface2);display:flex;gap:20px;align-items:center;padding:0 17px;color:var(--muted);font-size:10px}.example-site{background:#f7f5f0;color:#173b32}.example-nav{display:flex;align-items:center;justify-content:space-between;padding:22px 27px;border-bottom:1px solid #dce1d8;gap:10px}.example-nav strong{font-size:22px;line-height:1;letter-spacing:-1px}.example-nav strong span{display:block;font-size:8px;letter-spacing:2px;margin-top:6px;font-weight:400}.example-nav>span{font-size:9px}.example-content{padding:38px 30px 45px;background:linear-gradient(135deg,#f7f5f0 60%,#dde9e2)}.example-content>p{font:8px monospace;letter-spacing:1.5px;color:#537267;margin-bottom:18px}.example-content h3{font:500 36px/1.13 Georgia,serif;letter-spacing:-1px}.example-description{font-size:12px;margin-top:17px;color:#59746a;line-height:1.7}.example-cta{display:inline-block;font-size:10px;background:#173b32;color:white;padding:10px 14px;border-radius:3px;margin-top:23px}.example-bottom{display:flex;justify-content:space-between;padding:18px 30px;background:#173b32;color:#e6ede8;font-size:10px}.example-label{position:relative;background:var(--surface2);border:1px solid var(--line);border-radius:6px;margin:-10px 20px 0 60px;padding:17px 22px;box-shadow:var(--shadow)}.example-label>span{font:9px monospace;letter-spacing:.1em;color:var(--accent);display:block}.example-label strong{font-size:15px;font-weight:500;display:block;margin-top:4px}.example-caption{font-size:11px;margin:14px 0 0;text-align:center}.contact-icon{display:flex;align-items:center;gap:12px}.contact-icon svg{width:26px;height:26px;color:var(--accent)}.contact-row{align-items:center}.contact .text-button{margin-top:17px;color:var(--accent);text-align:left}.site-footer{background:var(--surface);border-top:1px solid var(--line);padding:55px 0 26px}.footer-columns{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:40px}.footer-columns p{font-size:14px;margin-top:16px}.footer-columns h3{font-size:15px;letter-spacing:0;margin-bottom:18px}.footer-columns a:not(.footer-brand),.footer-link{display:block;color:var(--muted);font-size:14px;margin:10px 0}.footer-columns svg{height:18px;width:18px;vertical-align:middle;margin-right:7px;color:var(--accent)}.footer-columns a{overflow-wrap:anywhere}.footer-link{border:0;background:none;padding:0;text-align:left}.footer-link:hover,.footer-columns a:hover{color:var(--accent)}.footer-base{border-top:1px solid var(--line);margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-base p,.footer-base button{font-size:12px}.footer-base{padding-bottom:60px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* 10. Assistente em modal acessível */
.assistant-launcher{position:fixed;bottom:22px;right:24px;z-index:15;background:var(--blue);color:white;border:0;border-radius:14px;box-shadow:0 8px 35px #0003;padding:16px 22px;font-size:14px;font-weight:700;display:flex;gap:12px;align-items:center}.assistant-launcher>span{font:20px monospace}#assistant-dialog{position:fixed;inset:auto 24px 88px auto;margin:0;width:min(470px,calc(100% - 32px));max-height:min(680px,calc(100dvh - 120px));padding:0;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--text);box-shadow:0 24px 100px #0005;overflow:hidden}#assistant-dialog[open]{display:flex;flex-direction:column}#assistant-dialog::backdrop{background:rgba(0,0,0,.28);backdrop-filter:blur(2px)}.assistant-header{padding:24px;display:flex;align-items:start;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);flex-shrink:0}.assistant-header h2{font-size:18px;letter-spacing:-.02em}.assistant-header p{font-size:12px;margin-top:8px}.close-button{background:none;color:var(--text);border:0;font-size:30px;line-height:1;padding:0 4px}.brief-chat{padding:22px;overflow:auto;overscroll-behavior:contain}#chat-log{max-height:290px;overflow:auto;scrollbar-width:thin}.chat-bubble{font-size:14px;line-height:1.7;padding:15px 17px}.chat-bubble.assistant{background:var(--surface2)}.chat-bubble.visitor{color:var(--accent);margin-left:35px}.quick-questions{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.quick-questions button{font-size:12px;padding:9px 11px;background:var(--surface2);color:var(--text);border:1px solid var(--line);border-radius:6px;text-align:left}.quick-questions button:hover{border-color:var(--accent)}.chat-input-row{align-items:stretch}.chat-input-row .button{padding:12px 17px}.brief-chat input{font-size:14px}.assistant-note{font-size:11px;margin-top:13px}.brief-chat label{font-size:13px}.brief-chat textarea{font-size:13px}.brief-actions .button{font-size:13px}
/* 11. Preferências locais e aviso de cookies */
.cookie-banner{position:fixed;left:22px;bottom:22px;z-index:20;width:min(430px,calc(100% - 44px));padding:22px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:13px;box-shadow:0 10px 60px #0004}.cookie-banner strong{font-size:15px}.cookie-banner p{font-size:12px;line-height:1.7;margin-top:8px}.cookie-banner .text-button{font-size:12px;color:var(--accent);padding:6px 0}.cookie-actions{display:flex;gap:10px;margin-top:12px}.cookie-actions button{font-size:12px;padding:11px 13px;flex:1}.secondary-button{background:transparent;color:var(--text);border:1px solid var(--line);border-radius:5px;font-weight:600}@media(max-width:1000px){.footer-columns{grid-template-columns:repeat(2,1fr)}.hero{gap:35px}}@media(max-width:760px){.nav nav{top:74px}.hero{padding:45px 0;gap:30px;min-height:0}.hero h1{font-size:clamp(38px,9vw,52px)}.hero .eyebrow{font-size:10px}.hero-visual{padding-top:5px;padding-bottom:0}.footer-columns{grid-template-columns:1fr 1fr;gap:30px}.footer-columns>div:first-child,.footer-columns>div:last-child{grid-column:1/-1}.footer-base{display:block}.footer-base p{font-size:11px}.assistant-launcher{right:16px;bottom:16px;font-size:12px;padding:13px 17px}#assistant-dialog{right:16px;bottom:76px;max-height:calc(100dvh - 100px)}.assistant-header{padding:20px}.brief-chat{padding:18px}.chat-input-row{flex-direction:row}.chat-input-row .button{padding:10px 12px}.cookie-banner{left:16px;bottom:16px;width:calc(100% - 32px)}.example-nav{padding:20px}.example-content{padding:32px 23px}.example-content h3{font-size:33px}.example-label{margin-left:35px}.footer-base{padding-bottom:70px}}
/* 12. Escala tipográfica e movimento consistente */
:root{--type-body:1rem;--type-small:.875rem;--type-title:clamp(1.75rem,2.8vw,2.25rem);--type-hero:clamp(2.25rem,4vw,3.25rem)}
body{font-family:Inter,Arial,sans-serif}button,input,textarea{font-family:inherit}a[href],button,summary,[role=button]{cursor:pointer}button:disabled{cursor:not-allowed}input,textarea{cursor:text}
.hero h1{font-size:var(--type-hero);line-height:1.16}.section-heading h2,.approach h2,.contact h2{font-size:var(--type-title);line-height:1.25}.service h3,.principles h3,.steps h3{font-size:1.25rem;line-height:1.35;letter-spacing:-.02em}.lead,.hero .lead,.service p,.principles p,.steps p,.body-copy,.section-heading>p,.contact p{font-size:var(--type-body);line-height:1.8}.eyebrow,.hero .eyebrow,.contact .eyebrow{font-size:.75rem;letter-spacing:.1em}.nav nav a,.button,.text-link,.text-button,.footer-link,.footer-columns a:not(.footer-brand),.footer-columns p{font-size:var(--type-small)}.footer-columns h3{font-size:var(--type-small)}.example-content h3{font-size:2rem}.contact-row strong{font-size:var(--type-small)}
.button,.icon-button,.text-link,.contact-row,.quick-questions button,.assistant-launcher,.secondary-button{transition:background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease}.button:hover,.assistant-launcher:hover{transform:translateY(-3px);box-shadow:0 8px 22px #0002}.icon-button:hover{border-color:var(--accent);color:var(--accent);transform:rotate(-8deg)}.text-link:hover{color:var(--accent);border-color:var(--accent)}.contact-row:hover{transform:translateX(3px)}.service:hover{transform:translateY(-5px);box-shadow:0 12px 30px #0002}.quick-questions button:hover{transform:translateY(-2px)}
@keyframes panel-in{from{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes message-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){#assistant-dialog[open]{animation:panel-in .25s ease both}.chat-bubble{animation:message-in .22s ease both}.cookie-banner:not([hidden]){animation:panel-in .3s ease both}}
@media(max-width:760px){.hero h1{font-size:var(--type-hero)}.section-heading h2,.approach h2,.contact h2{font-size:var(--type-title)}.service h3,.principles h3,.steps h3{font-size:1.25rem}.hero .eyebrow{font-size:.75rem}.contact-row strong{font-size:.875rem}.footer-columns p{font-size:.875rem}.example-content h3{font-size:1.875rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.button:hover,.service:hover,.icon-button:hover,.contact-row:hover,.assistant-launcher:hover,.quick-questions button:hover{transform:none}}
/* 13. Paleta unificada, contatos e portfólio */
html[data-theme=light]{--bg:#ffffff;--surface:#f5f8fa;--surface2:#e9f3f6;--text:#162d38;--muted:#536b77;--line:#d6e4e9;--accent:#086e83;--blue:#086e83;--header:rgba(255,255,255,.96);--shadow:0 22px 65px #12374412}
:root{--action-text:#08202a}html[data-theme=light]{--action-text:#fff}.button,.assistant-launcher{background:var(--accent);color:var(--action-text)}.assistant-launcher{border-radius:11px;font-weight:600}.assistant-header{background:var(--surface2)}.assistant-header h2{font-weight:650}.chat-bubble.assistant{border:1px solid var(--line);background:var(--surface2)}.quick-questions button{background:var(--bg);font-family:inherit}.quick-questions button:hover{background:var(--surface2)}.brief-chat input{background:var(--bg);border-radius:8px}.contact-row>span,.contact-icon>span{font-family:inherit;font-size:.75rem;letter-spacing:.06em;font-weight:600}.contact-row strong{font-family:inherit;font-size:1rem;font-weight:500;letter-spacing:.01em}.contact-row{padding:20px 0}.contact-icon svg{width:24px;height:24px}.language-button{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:8px 10px;font-size:12px;font-weight:600}.language-button:hover{border-color:var(--accent)}.nav-actions{gap:12px}.brand-fallback{font-size:20px;font-weight:750;letter-spacing:.075em}.brand-fallback span{font-size:10px;letter-spacing:.26em}.brand-logo{width:44px;height:44px}.portfolio-demo{background:#f3f5f2;color:#203329}.portfolio-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px 26px;border-bottom:1px solid #dce3dc}.portfolio-nav strong{font-size:13px;letter-spacing:0}.portfolio-nav strong span{display:block;font-size:8px;font-weight:400;color:#5a6c60;margin-top:4px}.portfolio-nav>span{font-size:9px;color:#5a6c60}.portfolio-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:15px;padding:28px 25px;align-items:center}.portfolio-hero>div>p:first-child{font:8px Arial,sans-serif;letter-spacing:1.5px;color:#57715e;margin-bottom:16px}.portfolio-hero h3{font:500 29px/1.15 Arial,sans-serif;letter-spacing:-1.3px;color:#203329}.portfolio-sub{font-size:10px;line-height:1.7;color:#607166;margin-top:15px}.portfolio-cta{display:inline-block;padding:10px 12px;background:#203329;color:#fff;font-size:9px;border-radius:4px;margin-top:17px}.portfolio-hero img{width:100%;height:218px;object-fit:cover;object-position:center 20%;border-radius:70px 70px 8px 8px;background:#e1e8e0}.portfolio-projects{padding:0 25px 24px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.portfolio-projects>div{padding:18px;background:#e6ebe3;border-radius:5px}.portfolio-projects>div:nth-child(2){background:#203329;color:#fff}.portfolio-projects span{display:block;font-size:7px;letter-spacing:1px;opacity:.65}.portfolio-projects strong{display:block;font-size:11px;margin-top:9px;font-weight:500}@media(max-width:760px){.nav-actions{gap:8px}.language-button{padding:7px 8px}.brand{width:155px}.brand-fallback{font-size:18px}.brand-logo{width:36px;height:36px}.contact-row strong{font-size:.875rem}.portfolio-hero{padding:23px 20px;gap:13px}.portfolio-hero h3{font-size:26px}.portfolio-hero img{height:195px}.portfolio-nav{padding:20px}.portfolio-projects{padding-inline:20px}}
/* Monograma FDT */
.brand-logo{width:76px;height:40px;object-fit:contain}.brand{width:236px;gap:12px}@media(max-width:760px){.brand-logo{width:57px;height:32px}.brand{width:173px;gap:8px}.brand-fallback{font-size:16px}.brand-fallback span{font-size:8px}}
/* Identidade FDT no cabeçalho e no rodapé */
.brand{width:194px}.brand-logo{width:175px;height:60px;object-fit:contain}.brand.has-logo .brand-fallback{display:none}.footer-logo{display:block;width:210px;height:88px;object-fit:contain;object-position:left center}.footer-logo-link{display:inline-block}.footer-logo-link>span{margin-top:6px}html[data-theme=dark] .brand-logo,html[data-theme=dark] .footer-logo{filter:drop-shadow(0 0 1px #dce9f866)}@media(max-width:760px){.brand{width:145px}.brand-logo{width:140px;height:48px}.footer-logo{width:190px;height:78px}}
/* Marca circuitos: azul petróleo no claro e turquesa no escuro. */
:root{--accent:#59c4d4;--blue:#59c4d4;--surface:#101b23;--surface2:#152731;--line:#29414c;--action-text:#08202a}html[data-theme=light]{--accent:#086e83;--blue:#086e83;--bg:#fff;--surface:#f5fafb;--surface2:#e8f3f5;--line:#d5e7eb;--action-text:#fff}.brand-logo{width:180px;height:58px}.footer-logo{width:215px;height:88px}html[data-theme=dark] .brand-logo,html[data-theme=dark] .footer-logo{filter:brightness(2.2) saturate(.65)}html[data-theme=light] .brand-logo,html[data-theme=light] .footer-logo{filter:none}.portfolio-demo{background:#f1f7f8;color:#133c48}.portfolio-nav{border-color:#d5e6e9}.portfolio-nav strong,.portfolio-hero h3{color:#133c48}.portfolio-nav strong span,.portfolio-nav>span,.portfolio-sub{color:#52727d}.portfolio-hero>div>p:first-child{color:#086e83}.portfolio-cta,.portfolio-projects>div:nth-child(2){background:#086e83}.portfolio-projects>div{background:#deedf0}.button,.assistant-launcher{background:var(--accent);color:var(--action-text)}@media(max-width:760px){.brand-logo{width:145px;height:48px}.footer-logo{width:195px;height:80px}}
/* Páginas Cases e Novo projeto */
.page-intro{text-align:center;padding-top:85px;padding-bottom:55px}.page-intro h1{font-size:clamp(36px,5vw,60px);line-height:1.13}.page-intro h1 span{color:var(--accent)}.page-intro>p:not(.eyebrow){max-width:680px;margin:24px auto 0;font-size:17px}.page-intro .demo-disclosure{font-size:13px!important;color:var(--accent)}.cases-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 32px;padding-bottom:70px}.case-card{min-width:0}.case-card>img{width:100%;display:block;border-radius:14px;transition:transform .3s;aspect-ratio:3/2}.case-card:hover>img{transform:translateY(-5px)}.case-card>div{padding:24px 4px}.case-card .eyebrow{margin-bottom:12px}.case-card h2{font-size:25px;letter-spacing:-.025em}.case-card p:not(.eyebrow){margin:15px 0 22px}.case-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:45px;padding-bottom:80px}.case-cta h2{font-size:28px}.project-wrap{max-width:850px;padding-bottom:90px}.project-wrap form{background:var(--surface);border:1px solid var(--line);padding:40px;border-radius:16px}.project-progress{display:flex;list-style:none;gap:20px;padding:0;margin:0 0 40px;counter-reset:stage}.project-progress li{counter-increment:stage;flex:1;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.project-progress li:before{content:counter(stage);display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border:1px solid var(--line);border-radius:50%}.project-progress li[aria-current],.project-progress li.complete{color:var(--accent)}.project-progress li[aria-current]:before{background:var(--accent);color:var(--bg)}.project-wrap fieldset{border:0;padding:0;margin:0}.project-wrap legend{font-size:23px;font-weight:650;margin-bottom:28px}.project-wrap label{display:block;color:var(--text);font-size:14px;margin-bottom:22px}.project-wrap input,.project-wrap select,.project-wrap textarea{display:block;width:100%;background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:8px;margin-top:9px;padding:15px;font:inherit;line-height:1.5}.project-wrap textarea{resize:vertical}.project-wrap input:focus,.project-wrap select:focus,.project-wrap textarea:focus{outline:2px solid var(--accent);outline-offset:2px}.project-wrap select{cursor:pointer}.project-actions{display:flex;justify-content:space-between;gap:16px;margin-top:24px}.project-actions .button{margin-left:auto}.project-privacy{font-size:12px;margin-top:24px}.project-wrap [hidden]{display:none!important}#project-review h2{font-size:26px;margin-bottom:24px}#project-review>p{font-size:13px;margin-top:16px}.nav nav{gap:20px}.nav nav a[aria-current=page]{color:var(--accent)}
@media(max-width:760px){.cases-grid{grid-template-columns:1fr;gap:20px}.page-intro{padding-top:55px}.project-wrap form{padding:22px}.project-progress{gap:9px}.project-progress li{flex-direction:column;align-items:flex-start;font-size:11px}.case-cta{flex-direction:column;align-items:flex-start}.case-card h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.case-card>img{transition:none}.case-card:hover>img{transform:none}}
/* Controles consistentes, resposta rápida ao cursor e foco acessível. */
.button,.secondary-button,.case-card .text-link{min-height:48px;border-radius:10px;padding:13px 22px;font:600 14px/1.4 Inter,Arial,sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:background .16s,color .16s,border-color .16s,box-shadow .16s,transform .16s}.secondary-button{background:var(--surface2);border:1px solid var(--line);color:var(--text)}.secondary-button:hover{border-color:var(--accent);color:var(--accent);background:var(--bg);transform:translateY(-2px)}.button:hover{box-shadow:0 5px 18px color-mix(in srgb,var(--accent) 20%,transparent);transform:translateY(-2px)}.button:active,.secondary-button:active,.case-card .text-link:active{transform:translateY(0)}.secondary-button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.case-card .text-link{border:1px solid var(--line);background:var(--surface)}.case-card .text-link:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.project-actions{align-items:center}.project-wrap input,.project-wrap select{min-height:52px}.project-wrap form{box-shadow:0 20px 60px #00000012}#project-review textarea{line-height:1.75;padding:22px;font-size:14px}#project-review .button{margin-top:6px}.nav nav a{padding:9px 12px;border-radius:7px}.nav nav a:hover,.nav nav a[aria-current=page]{background:var(--surface2);color:var(--accent)}.nav nav{gap:4px}.case-card>img{object-fit:cover}.assistant-launcher[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){.button,.secondary-button,.case-card .text-link{transition:none;transform:none!important}}
/* Telas pequenas: campos legíveis, sem zoom automático ou overflow. */
main,.hero-copy,.hero-visual,.project-wrap,.project-wrap form,.contact-details{min-width:0}.project-wrap input,.project-wrap select,.project-wrap textarea{max-width:100%;font-size:16px}.contact-row strong{overflow-wrap:anywhere}.brief-chat{min-height:0}.chat-input-row input{min-width:0;width:100%;font-size:16px}.close-button{min-width:44px;min-height:44px;display:grid;place-items:center}.chat-bubble{overflow-wrap:anywhere}.project-wrap fieldset{min-width:0}.nav nav{gap:0}
@media(max-width:760px){.nav{gap:8px}.nav-actions{flex-shrink:0;gap:6px}.brand{width:clamp(100px,35vw,145px);flex-shrink:1}.brand-logo{max-width:100%;height:44px}.nav nav.open{max-height:calc(100dvh - 80px);overflow-y:auto}.hero{grid-template-columns:1fr;gap:25px;padding:40px 0}.hero-actions{flex-wrap:wrap}.browser-example{transform:none}.portfolio-nav>span{display:none}.portfolio-hero{padding:20px 14px;gap:10px}.portfolio-hero h3{font-size:clamp(19px,5.5vw,26px)}.portfolio-hero img{height:180px}.example-label{margin-left:15px;margin-right:15px}.footer-columns{grid-template-columns:1fr 1fr;gap:25px}.footer-base{flex-wrap:wrap}.contact{padding:24px;gap:25px;grid-template-columns:1fr}.contact-row{align-items:flex-start;flex-direction:column;gap:10px}.contact-row strong{text-align:left}.project-actions .button,.project-actions .secondary-button{padding:13px 18px}.project-progress{gap:7px}.project-progress li{font-size:12px;line-height:1.4}.project-wrap form{padding:20px}.project-wrap legend{font-size:21px}#assistant-dialog{inset: auto 10px 10px 10px;width:calc(100% - 20px);max-height:calc(100dvh - 20px);border-radius:14px}.assistant-header{padding:16px}.brief-chat{padding:16px;overflow-y:auto}#chat-log{max-height:30dvh}.chat-input-row{display:flex;gap:8px}.chat-input-row .button{padding:12px 15px;flex-shrink:0}.assistant-launcher{right:12px;bottom:max(12px,env(safe-area-inset-bottom));font-size:12px;padding:12px 15px}.cookie-banner{left:10px;right:10px;bottom:10px;max-height:75dvh;overflow:auto}.cookie-actions{flex-wrap:wrap}.cookie-actions button{flex:1}.hero h1{overflow-wrap:normal;font-size:clamp(31px,9vw,43px)}}
@media(max-width:360px){.container{width:calc(100% - 28px)}.nav-actions .icon-button{width:35px;height:35px}.project-actions{flex-wrap:wrap}.footer-columns{grid-template-columns:1fr}.portfolio-hero img{height:150px}}
/* Mockups completos: dimensão natural sem ampliação ou recorte. */
.case-card>img{width:100%;height:auto;max-width:100%;aspect-ratio:3/2;object-fit:contain;object-position:center;display:block}.nav nav a[aria-current]{background:var(--surface2);color:var(--accent)}
/* Fotos dos serviços com proporções iguais e carregamento sob demanda. */
.service{padding:0;overflow:hidden;border-radius:12px;display:flex;flex-direction:column}.service-photo{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:var(--surface2)}.service-content{padding:28px;display:flex;flex-direction:column;flex:1}.service-content h3{margin:0 0 18px}.service-content .tags{margin-top:auto;padding-top:24px}@media(max-width:1050px){.service-content{padding:22px}}@media(max-width:760px){.service-content{padding:24px}.service-photo{max-height:none}}