:root{color-scheme:dark;--bg: #16171d;--bg-raise: #202129;--bg-press: #30323d;--line: #626574;--line-soft: #393c48;--ink: #f5f5f7;--ink-dim: #c3c5cf;--ink-faint: #a5a9b8;--amber: #ffc15a;--amber-deep: #e7a43a;--amber-ink: #251900;--font-body: "Inter", system-ui, "Segoe UI", sans-serif;--font-display: var(--font-body);--font-cond: var(--font-body);--radius: .75rem;--touch: 48px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-24: 6rem;--text-small: .875rem;--text-body: 1rem;--text-large: 1.25rem;--text-heading: clamp(1.75rem, 3vw, 2.5rem);--text-hero: clamp(2.25rem, 5vw, 3.75rem);--content-width: 1126px;--reading-width: 65ch;--ease-standard: cubic-bezier(.2, 0, 0, 1);--duration-fast: .16s}:root[data-theme=light]{color-scheme:light;--bg: #ffffff;--bg-raise: #f5f4f0;--bg-press: #e9e7e0;--line: #77736a;--line-soft: #d7d4cb;--ink: #201e19;--ink-dim: #555249;--ink-faint: #625f56;--amber: #855000;--amber-deep: #6b4000;--amber-ink: #ffffff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:var(--text-body)/1.6 var(--font-body)}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin:0 0 var(--space-4)}h1,h2,h3{font-family:var(--font-display);line-height:1.2}:focus-visible{outline:3px solid var(--amber);outline-offset:4px}section,footer,#tecnologias{scroll-margin-top:var(--space-24)}.site{min-height:100vh;display:flex;flex-direction:column}.container{width:min(100%,var(--content-width));margin-inline:auto;padding-inline:var(--space-6)}.site-header{position:sticky;top:0;z-index:10;background:var(--bg);border-bottom:1px solid var(--line-soft)}.header-content,.brand,.site-nav,.contact-links{display:flex;align-items:center;gap:var(--space-4)}.header-content{justify-content:space-between;flex-wrap:wrap;padding-block:var(--space-4)}.brand{gap:var(--space-2)}.brand-icon{width:var(--space-8);height:var(--space-8);flex-shrink:0;color:var(--amber)}.brand-name{font-size:var(--text-large);font-weight:700}.brand-name span,.hero-title span,.eyebrow{color:var(--amber)}.site-nav{flex-wrap:wrap}.nav-link{display:inline-flex;align-items:center;min-height:var(--touch)}.nav-link:hover{color:var(--amber);text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch);padding:var(--space-3) var(--space-6);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);background:var(--bg-raise);font-weight:600;cursor:pointer}.button:hover{background:var(--bg-press)}.button-primary{background:var(--amber);color:var(--amber-ink);border-color:var(--amber)}.button-primary:hover{background:var(--amber-deep)}.hero{padding:var(--space-24) var(--space-6);text-align:center}.hero-content{max-width:var(--content-width);margin-inline:auto}.badge{display:inline-block;border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-6);color:var(--amber);font-size:var(--text-small)}.hero-title{font-size:var(--text-hero)}.hero-description{max-width:var(--reading-width);margin:var(--space-6) auto var(--space-8);color:var(--ink-dim);font-size:var(--text-large)}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4)}.section{padding-block:var(--space-24);border-top:1px solid var(--line-soft)}.services{background:var(--bg-raise)}#sobre{background:var(--bg)}.section-heading{max-width:var(--reading-width);margin:0 auto var(--space-16);text-align:center}.section-title{font-size:var(--text-heading)}.description{color:var(--ink-dim)}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-8)}.service-card,.technology-panel{padding:var(--space-8);border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--bg)}.card-title{font-size:var(--text-large)}.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:var(--space-12)}.eyebrow{display:block;margin-bottom:var(--space-3);font-size:var(--text-small);font-weight:600;text-transform:uppercase}.technology-panel{background:var(--bg-raise)}.technology-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.technology-tag{padding:var(--space-2) var(--space-3);border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--bg);font-size:var(--text-small)}.site-footer{margin-top:auto;padding-block:var(--space-16);border-top:1px solid var(--line-soft);background:var(--bg-raise)}.footer-content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.copyright{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--line-soft);text-align:center;color:var(--ink-faint);font-size:var(--text-small)}.skip-link{position:fixed;top:var(--space-4);left:var(--space-4);transform:translateY(-200%);z-index:20;padding:var(--space-4);background:var(--bg)}.skip-link:focus{transform:translateY(0)}@media (max-width: 1000px){.site-header{position:static}.site-nav{order:3;width:100%;justify-content:center}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.service-grid,.about-grid{grid-template-columns:minmax(0,1fr)}.header-content,.footer-content{flex-direction:column}.hero,.section{padding-block:var(--space-12)}.hero-actions{flex-direction:column}}:is(button,a) :is(.action-icon,svg):not(.action-icon svg){display:inline-block;transition:transform var(--duration-fast) var(--ease-standard)}@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference){:is(button,a):hover:not(:disabled,[aria-disabled=true],[aria-busy=true]) :is(.action-icon,svg):not(.action-icon svg){transform:scale(1.08)}}@media (prefers-reduced-motion: no-preference){:is(button,a):focus-visible:not(:disabled,[aria-disabled=true],[aria-busy=true]) :is(.action-icon,svg):not(.action-icon svg){transform:scale(1.08)}:is(button,a):active:not(:disabled,[aria-disabled=true],[aria-busy=true]) :is(.action-icon,svg):not(.action-icon svg){transform:scale(.96)}}[data-icon-motion=off],[data-icon-motion=off] *{transform:none!important;transition:none!important}@media (prefers-reduced-motion: reduce){:is(button,a) :is(.action-icon,svg){transform:none!important;transition:none!important}}