/* H&A Tech — identidade corporativa refinada */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#07172c;--blue:#3279f5;--text:#10243b;--muted:#62738b;--line:#e1e9f3;--surface:#f5f8fc}
body{font-family:'DM Sans',Arial,sans-serif;background:#fff;-webkit-font-smoothing:antialiased}
h1,h2,h3,.wordmark,.btn{font-family:'Manrope','DM Sans',sans-serif}
h1,h2,h3{letter-spacing:-.045em}p{line-height:1.8}a,button{transition:background-color .25s,border-color .25s,color .25s,transform .25s,box-shadow .25s}
.wrap{width:min(1220px,calc(100% - 64px))}
header{background:#fffffff0;border-bottom:1px solid #e7edf5;box-shadow:0 2px 16px #07172c06}
.nav{height:88px}.nav nav{gap:27px;font-size:13px}.nav nav>a:not(.btn){color:#52647c}.nav nav>a:not(.btn):hover{color:#145ac5}
.logo .wordmark{font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:-2px}
.btn{font-size:12px;font-weight:700;gap:17px;padding:16px 22px;border-radius:9px;box-shadow:0 7px 22px #205ae31c}
.btn:hover{box-shadow:0 12px 24px #205ae32c}
.btn.secondary{border-color:#6f8aae;color:#eff5ff;background:#ffffff08;box-shadow:none}.btn.secondary:hover{background:#ffffff16}
.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700}
.hero{background:radial-gradient(ellipse at 84% 29%,#1b4477 0%,transparent 42%),linear-gradient(135deg,#071629 15%,#0b2341 75%,#09203a)}
.hero:before{background-image:linear-gradient(#b9d6ff07 1px,transparent 1px),linear-gradient(90deg,#b9d6ff07 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to right,transparent 10%,black)}
.hero-grid{grid-template-columns:1.12fr 1fr;gap:75px;padding:110px 0 105px}.hero h1{font-size:clamp(44px,4.5vw,70px);font-weight:800;line-height:1.105;letter-spacing:-.065em;margin:25px 0}.hero h1 span{color:#88baff}.hero p{font-size:16px;color:#c4d1e3;max-width:540px}.hero .actions{margin-top:35px}.hero-meta{font-size:11px;margin-top:37px;color:#b3c6de;gap:22px}
.product{border-radius:18px;background:#132c4d;border-color:#739bd333;box-shadow:0 35px 90px #0006;transform:perspective(1100px) rotateY(-5deg) rotateX(2deg)}.product-top{height:44px}.dashboard{border-radius:0 0 15px 15px}.api-badge{border-radius:12px}
.section{padding:105px 0}.sectionhead h2,.band h2{font-family:Manrope,sans-serif;font-size:clamp(32px,3.2vw,46px);font-weight:800;line-height:1.17;letter-spacing:-.055em}.sectionhead p{font-size:15px;line-height:1.85}
.services,.usecases{gap:18px}.card,.usecase{border:1px solid #dfe7f1;border-radius:15px;box-shadow:0 10px 34px #15335a07;transition:transform .25s,box-shadow .25s,border-color .25s}.card:hover,.usecase:hover{transform:translateY(-5px);box-shadow:0 19px 43px #15335a13;border-color:#bacee7}.card h3,.usecase h3{font-size:19px;letter-spacing:-.04em}.card p,.usecase p{font-size:13px}
.band{background:#f5f8fc}.layer{border-radius:13px}.capabilities{border-radius:14px}.architecture{gap:60px}.step{border-top-color:#bfd3ed}.step h3{font-size:18px}.step p{font-size:13px}
.portfolio-case{border-radius:18px;box-shadow:0 20px 56px #173b6410}.resume-preview{background:linear-gradient(145deg,#e8f0fb,#d5e5fa)}.portfolio-copy{padding:60px}.portfolio-copy h3{font-size:clamp(28px,3vw,42px);font-weight:800}.portfolio-copy p{font-size:15px}.portfolio-features span{font-size:11px;border-radius:7px}
.about{border-radius:18px;padding:58px;background:linear-gradient(130deg,#07182d,#153b6a)}.about h3{font-weight:800}
.contact{background:linear-gradient(120deg,#1853be,#2c75e9);padding:90px 0}.contact h2{font-weight:800;font-size:clamp(32px,3.5vw,48px);letter-spacing:-.055em}.contact p{font-size:15px}.whatsapp{font-size:12px;border-radius:99px;box-shadow:0 12px 32px #07172c24}
footer{padding:48px 0;font-size:12px}footer a:hover{color:white}
.project-contact{background:radial-gradient(ellipse at 7% 12%,#e0ebff 0%,transparent 40%),#f5f8fc;padding:100px 0 115px}.project-contact-grid{gap:85px}.form-intro h1{font-weight:800;font-size:clamp(37px,3.65vw,56px);letter-spacing:-.06em;line-height:1.16}.form-intro>p{font-size:15px}.form-benefit strong{font-size:15px}.form-benefit p{font-size:13px}.form-benefit>span{width:38px;height:38px;border-radius:11px}.project-form-card{border:1px solid #e1e9f4;border-radius:20px;box-shadow:0 22px 70px #15335a11;padding:40px}.form-card-heading h3{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.04em}
input,select,textarea{border-radius:9px;padding:14px;background:#f9fbfe;border-color:#d9e3ef;font-size:14px}input:focus,select:focus,textarea:focus{outline:2px solid #90b9ff;outline-offset:1px;background:white}
label{font-size:13px;font-weight:600}.form-privacy{line-height:1.8}
/* Navegação mobile acessível */
.menu-toggle{display:none;border:1px solid #dbe5f1;border-radius:10px;background:#fff;color:#142f51;padding:10px 13px;font-size:13px;font-weight:700;align-items:center;gap:8px}
@media(max-width:900px){.menu-toggle{display:inline-flex}.nav{position:relative}.nav nav{display:none;position:absolute;top:calc(100% - 1px);left:-32px;right:-32px;background:white;border-bottom:1px solid #dbe5f1;box-shadow:0 18px 35px #10243b17;padding:22px 32px;flex-direction:column;align-items:stretch;gap:0}.nav nav.is-open{display:flex}.nav nav>a:not(.btn){display:block;padding:14px 4px;font-size:14px;border-bottom:1px solid #edf2f7}.nav nav>.btn{margin-top:16px;display:inline-flex;align-self:flex-start}.hero-grid{grid-template-columns:1fr;padding:75px 0;gap:48px}.product{transform:none;max-width:640px}.project-contact-grid{grid-template-columns:1fr;gap:35px}.section{padding:75px 0}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.nav{height:76px}.nav nav{left:-18px;right:-18px;padding:20px 18px}.logo .wordmark{font-size:29px}.hero-grid{padding:64px 0 75px}.hero h1{font-size:clamp(38px,10vw,53px);letter-spacing:-.055em}.hero h1 br{display:none}.hero p{font-size:15px}.hero-meta{gap:10px 18px}.hero .actions{gap:10px}.hero .btn{width:100%;justify-content:space-between}.section{padding:65px 0}.sectionhead h2,.band h2{font-size:33px}.services,.usecases,.process{grid-template-columns:1fr}.portfolio-copy{padding:28px}.about{padding:30px}.contact{padding:72px 0}.project-contact{padding:55px 0 75px}.project-form-card{padding:24px;border-radius:15px}.form-intro h1{font-size:clamp(34px,8vw,45px)}.form-intro h1 br{display:none}}
@media(prefers-reduced-motion:reduce){.card:hover,.usecase:hover{transform:none}}

/* Ajuste de legibilidade — contraste mais forte sobre superfícies claras */
:root{--muted:#40516a;--blue:#1654c6;--text:#10233b}
body{color:var(--text)}
.nav nav>a:not(.btn){color:#263c59}
.sectionhead p,.architecture p,.card p,.usecase p,.step p,.layer p,.portfolio-copy p,
.form-intro>p,.form-benefit p,.form-privacy,dialog p{color:#344860}
.card ul,.note,.case-copy p{color:#40516a}
.case-copy small,.section .eyebrow,.step span{color:#174cb0;font-weight:800}
.note{font-size:12px;line-height:1.7}
.card p,.usecase p,.step p{font-size:14px;line-height:1.75}
.case-copy h3,.card h3,.step h3{color:#10233b}
.case-copy{background:#f6f8fc}
.usecase{border-color:#cfdbea}
.project-domain,.portfolio-features span{color:#344860}
/* Interfaces demonstrativas, anteriormente com texto quase invisível */
.demo-note{color:#d6e5ff;font-size:11px}
.sidebar,.dash-main small,.api-badge small{color:#445873}
.capabilities b{color:#a9c7f5}
input::placeholder,textarea::placeholder{color:#586a81;opacity:1}
/* Texto claro apenas em fundos realmente escuros */
.hero p{color:#d6e0ee}.about p{color:#d7e3f2}.contact p{color:#f1f5ff}
footer,.copyright{color:#c6d5e8}
@media(max-width:600px){.note{font-size:12px}.card p,.usecase p,.step p{font-size:14px}}

/* H&A TECH — DARK CORPORATE / Alto contraste — 28 out 2026 */
:root{--navy:#080f1e;--blue:#397cff;--text:#f2f6ff;--muted:#bfcee4;--line:#30435e;--surface:#111e32;color-scheme:dark}
html{background:#0b1424}
body{background:#0b1424;color:#f2f6ff}
header{background:#0c1728f2;border-bottom:1px solid #30415b;box-shadow:0 5px 24px #0003}
.logo .wordmark{color:#f4f8ff}.logo .wordmark small{color:#b9cce5}
.nav nav>a:not(.btn){color:#dbe7f8}.nav nav>a:not(.btn):hover{color:#90b9ff}
.menu-toggle{background:#1a2a43;border-color:#425677;color:#f5f8ff}
.hero{background:radial-gradient(ellipse at 83% 25%,#1b3f75 0%,transparent 45%),linear-gradient(135deg,#07101f,#101f36)}
.section{background:transparent}.sectionhead h2,.band h2,.section h2,.section h3,.step h3,.card h3,.usecase h3,.portfolio-copy h3,.form-intro h1,.form-intro h2{color:#f6f9ff}
.sectionhead p,.architecture p,.card p,.usecase p,.step p,.layer p,.portfolio-copy p,.form-intro>p,.form-benefit p,.form-privacy,.card ul,.note,.case-copy p{color:#c5d3e7}
.eyebrow,.section .eyebrow,.case-copy small,.step span,.form-intro .eyebrow{color:#86b5ff}
.band{background:#101d30;border-top:1px solid #263a56;border-bottom:1px solid #263a56}
.card,.usecase{background:#16253b;border:1px solid #344966;box-shadow:0 12px 32px #02081725}
.card:hover,.usecase:hover{background:#1c304c;border-color:#719de1;box-shadow:0 20px 45px #0004}
.card h3,.usecase h3,.case-copy h3,.step h3{color:#f6f9ff}
.card ul{color:#c5d3e7}.card li,.step p{color:#c5d3e7}
.icon{background:#263f63;color:#a3c8ff}
.layer{background:#192b45;border:1px solid #364d6e;color:#f2f6ff}.layer h3{color:#f2f6ff}.layer .num{color:#9bc0ff}
.step{border-top:1px solid #435875}.step span{color:#98bdff}
.portfolio-case{background:#15243a;border:1px solid #364c69}.portfolio-copy{background:#15243a}.portfolio-features span{background:#243b58;border-color:#3d5879;color:#dfebff}.project-domain{color:#b8cae3}
.resume-preview{background:linear-gradient(145deg,#253b57,#13253c)}.resume-paper,.mini-window{color:#14253e;color-scheme:light}
.usecase .case-copy{background:#16253b}.case-copy p{color:#c5d3e7}.case-copy small{color:#8db8ff}
.case-visual{background:#263850}.case-visual.dark{background:#132843}.case-visual.teal{background:#1c3a45}
.note{color:#b9c9e0;font-size:12px;line-height:1.7}
.about{background:linear-gradient(125deg,#1a3860,#101e34);border:1px solid #34557a}.about p{color:#d6e4f8}
.contact{background:linear-gradient(110deg,#123b85,#1755b4)}
footer{background:#07101e;color:#d0dff2}footer a{color:#e3eeff}.copyright{color:#c6d5e8}
.project-contact{background:radial-gradient(ellipse at 6% 12%,#1e3b5b 0%,transparent 43%),#0d192b}
.form-benefit>span{background:#203751;border:1px solid #42618a;color:#a8cbff}
.project-form-card{background:#16263d;border:1px solid #3d5473;box-shadow:0 22px 60px #0004}
.form-card-heading h3,.form-benefit strong,.project-form-card label{color:#f0f6ff}
.form-card-heading p{color:#c6d5e9}
.project-form-card input,.project-form-card select,.project-form-card textarea,input,select,textarea{background:#0e1b2e;border:1px solid #466082;color:#f7faff;color-scheme:dark}
.project-form-card input:focus,.project-form-card select:focus,.project-form-card textarea:focus,input:focus,select:focus,textarea:focus{background:#152a45;border-color:#8cb8ff;outline:2px solid #82b3ff}
input::placeholder,textarea::placeholder{color:#b3c3da;opacity:1}
.form-privacy{color:#bccce1}.direct-contact{color:#9cc3ff}
#intake-summary{background:#0b192b;color:#e9f2ff;border-color:#415a79}.edit-intake{color:#a6c8ff}.intake-success{background:#133c33;color:#cbffdf;border-color:#31634c}
/* O mockup do painel e os pequenos desenhos continuam claros para parecerem telas reais. */
.dashboard{color:#14253e;color-scheme:light}.dashboard h3,.dashboard b{color:#14253e}.dashboard .sidebar{color:#405873}
.api-badge{color:#152a46;color-scheme:light}.api-badge small{color:#445873}
@media(max-width:900px){.nav nav{background:#101f35;border-color:#364e6b;box-shadow:0 18px 35px #0007}.nav nav>a:not(.btn){border-bottom-color:#304966}}
@media(max-width:600px){.card,.usecase{border-radius:13px}.sectionhead p{color:#d6e1f0}}
/* Projetos reais destacados na página inicial */
.home-real-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0 0 20px}.home-real{padding:32px;border:1px solid #3b5475;background:linear-gradient(145deg,#192f4c,#14243a);border-radius:14px}.real-overline{font-size:11px;letter-spacing:1.2px;font-weight:800;color:#99c3ff}.home-real h3{font-size:26px;color:white;margin:18px 0 10px}.home-real p{font-size:14px;line-height:1.8;color:#cbd9eb;min-height:76px}.real-link{color:#9fc6ff;font-weight:800;font-size:13px}.real-link:hover{text-decoration:underline}.real-link span{margin-left:7px}.portfolio-all{display:inline-flex;padding:14px 18px;border:1px solid #527bb5;border-radius:7px;color:#dbeaff;font-weight:700;font-size:13px;margin-bottom:38px}.portfolio-all span{margin-left:15px}.legacy-label{color:#97b9e6;font-size:11px;font-weight:800;letter-spacing:1.5px;margin:20px 0 16px}@media(max-width:760px){.home-real-grid{grid-template-columns:1fr}.home-real p{min-height:0}}

/* Atendimento presencial — landing page */
.local-service{padding:94px 0;background:radial-gradient(ellipse at 90% 20%,#1b3b65 0%,transparent 48%),#0b182b;color:#f5f9ff;border-top:1px solid #263e59;border-bottom:1px solid #2e4764}.local-service-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,6vw,90px);align-items:center}.local-service .eyebrow{color:#9ec6ff}.local-service h2{font-size:clamp(35px,4vw,56px);letter-spacing:-1.6px;line-height:1.12;margin:24px 0}.local-service h2 span{color:#87b3ff}.local-service-text>p{color:#cfddf0;font-size:15px;line-height:1.85;max-width:620px}.local-service-tags{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 30px}.local-service-tags span{background:#1a3452;border:1px solid #496c94;color:#f3f8ff;padding:12px 15px;border-radius:30px;font-size:13px;font-weight:700}.local-service .local-service-note{font-size:12px;color:#b1c5dc;margin-top:18px}.local-service-panel{border:1px solid #426185;border-radius:18px;padding:35px;background:linear-gradient(155deg,#1b3655,#13253e);box-shadow:0 24px 60px #030a1660}.local-service-icon{font-size:45px;color:#8fbbff;line-height:1}.local-service-panel-label{letter-spacing:1.5px;font-size:11px;color:#9dc0ed;font-weight:800;margin:18px 0 28px}.local-service-location{padding:17px 0;border-top:1px solid #3e5874}.local-service-location strong{display:block;font-size:23px;color:#fff;margin-bottom:7px}.local-service-location small{font-size:12px;background:#2854a0;border-radius:6px;padding:4px 7px;vertical-align:middle}.local-service-location span{font-size:13px;color:#c9dcf1}.local-service-remote{background:#10243a;border:1px solid #365270;border-radius:10px;padding:16px;margin-top:20px;font-size:13px;color:#d7e8ff;line-height:1.6}@media(max-width:800px){.local-service{padding:70px 0}.local-service-grid{grid-template-columns:1fr}.local-service-panel{padding:26px}}