:root{--ink:#142033;--ink-soft:#3a4a5f;--paper:#e6ecf4;--paper-deep:#cfd9e6;--snow:#f4f7fb;--cobalt:#1f5eff;--cobalt-deep:#1547c9;--key-face:#f8fafc;--key-edge:#9aabc0;--key-accent:#1f5eff;--key-accent-face:#eef3ff;--font-display:"Syne", sans-serif;--font-body:"IBM Plex Sans", sans-serif;--space-xs:.5rem;--space-sm:1rem;--space-md:1.75rem;--space-lg:3rem;--space-xl:5rem;--space-2xl:7.5rem;--radius-key:.65rem;--max:68rem;--focus:2px solid var(--cobalt)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100svh;font-family:var(--font-body);color:var(--ink-soft);background:var(--paper);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.55}#root{min-height:100svh}.page{flex-direction:column;min-height:100svh;display:flex}main{flex:1}h1,h2,h3{font-family:var(--font-display);color:var(--ink);margin:0;font-weight:700;line-height:1.1}p{margin:0}a{color:inherit}a:focus-visible,button:focus-visible{outline:var(--focus);outline-offset:3px}.btn{font-family:var(--font-body);border:1.5px solid #0000;border-radius:.35rem;justify-content:center;align-items:center;padding:.85rem 1.35rem;font-size:1rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s,border-color .2s,transform .2s;display:inline-flex}.btn--primary{background:var(--cobalt);color:var(--snow);border-color:var(--cobalt)}.btn--primary:hover{background:var(--cobalt-deep);border-color:var(--cobalt-deep)}.btn--ghost{color:var(--ink);border-color:color-mix(in srgb, var(--ink) 28%, transparent);background:0 0}.btn--ghost:hover{border-color:var(--ink)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}.site-header{z-index:10;justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-md) clamp(1.25rem, 4vw, 2.5rem);max-width:var(--max);width:100%;margin-inline:auto;display:flex;position:absolute;inset:0 0 auto}.site-header__brand{color:var(--ink);text-decoration:none}.site-header__mark{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.05rem;font-weight:700}.site-header__end{align-items:center;gap:clamp(.75rem,2.5vw,1.5rem);display:flex}.site-header__nav{gap:clamp(1rem,3vw,1.75rem);display:flex}.site-header__nav a{color:var(--ink-soft);font-size:.95rem;text-decoration:none}.site-header__nav a:hover{color:var(--ink)}.lang-switch{border:1.5px solid color-mix(in srgb, var(--ink) 18%, transparent);border-radius:.35rem;display:inline-flex;overflow:hidden}.lang-switch__btn{appearance:none;font-family:var(--font-body);letter-spacing:.02em;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;margin:0;padding:.35rem .55rem;font-size:.8rem;font-weight:600}.lang-switch__btn+.lang-switch__btn{border-left:1.5px solid color-mix(in srgb, var(--ink) 18%, transparent)}.lang-switch__btn:hover{color:var(--ink)}.lang-switch__btn.is-active{color:var(--snow);background:var(--ink)}.lang-switch__btn:focus-visible{outline:var(--focus);outline-offset:-2px}@media (width<=640px){.site-header__nav{display:none}}.site-footer{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-md) clamp(1.25rem, 4vw, 2.5rem);max-width:var(--max);border-top:1px solid color-mix(in srgb, var(--ink) 12%, transparent);width:100%;color:var(--ink-soft);flex-wrap:wrap;margin-inline:auto;font-size:.9rem;display:flex}.site-footer__links{flex-wrap:wrap;gap:1rem;display:flex}.site-footer__link{color:var(--ink);text-decoration:none}.site-footer__link:hover{color:var(--cobalt)}.hero{background:radial-gradient(120% 80% at 70% 10%, #d7e4ff 0%, transparent 55%), radial-gradient(90% 70% at 10% 90%, #c5d3e6 0%, transparent 50%), linear-gradient(165deg, var(--snow) 0%, var(--paper) 45%, var(--paper-deep) 100%);place-items:end stretch;min-height:100svh;display:grid;position:relative;overflow:hidden}.hero__atmosphere{background-image:linear-gradient(color-mix(in srgb, var(--ink) 6%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--ink) 6%, transparent) 1px, transparent 1px);pointer-events:none;background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 60% 40%,#000 20%,#0000 75%);mask-image:radial-gradient(80% 70% at 60% 40%,#000 20%,#0000 75%)}.hero__content{z-index:1;width:min(100%, var(--max));padding:calc(var(--space-2xl) + 1rem) clamp(1.25rem, 4vw, 2.5rem) var(--space-xl);align-items:flex-start;gap:var(--space-sm);flex-direction:column;margin-inline:auto;display:flex;position:relative}.hero__brand{margin-bottom:var(--space-sm);align-items:center;gap:.65rem;display:flex}.hero__plus{font-family:var(--font-display);color:var(--ink-soft);font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700}.keycap{border-radius:calc(var(--radius-key) + .2rem);box-shadow:0 1px 0 #7d92ab, 0 8px 0 #6d829b, 0 14px 28px color-mix(in srgb, var(--ink) 22%, transparent);background:linear-gradient(#b8c6d8 0%,#8fa3bb 100%);padding:.35rem;display:inline-flex}.keycap__face{border-radius:var(--radius-key);background:linear-gradient(180deg, #fff 0%, var(--key-face) 100%);min-width:clamp(5.5rem,14vw,8.5rem);min-height:clamp(5.5rem,14vw,8.5rem);font-family:var(--font-display);letter-spacing:-.04em;color:var(--ink);box-shadow:inset 0 1px 0 #fff, inset 0 -1px 0 var(--key-edge);place-items:center;padding:.65rem 1rem;font-size:clamp(1.75rem,5vw,2.75rem);font-weight:800;display:grid}.keycap--accent{background:linear-gradient(180deg, #6b8fff 0%, var(--cobalt-deep) 100%);box-shadow:0 1px 0 var(--cobalt-deep), 0 8px 0 #0f369e, 0 14px 28px color-mix(in srgb, var(--cobalt) 35%, transparent)}.keycap--accent .keycap__face{background:linear-gradient(180deg, #f5f8ff 0%, var(--key-accent-face) 100%);color:var(--cobalt-deep)}.hero__title{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero__headline{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);max-width:22ch;font-size:clamp(1.35rem,3.2vw,1.85rem);font-weight:600;line-height:1.25}.hero__lede{max-width:36rem;color:var(--ink-soft);font-size:clamp(1rem,2vw,1.15rem)}.hero__actions{margin-top:var(--space-xs);flex-wrap:wrap;gap:.75rem;display:flex}@media (width<=640px){.hero__content{padding-top:calc(var(--space-xl) + 2rem)}}.section{padding:var(--space-xl) clamp(1.25rem, 4vw, 2.5rem)}.section__inner{width:min(100%, var(--max));margin-inline:auto}.section__title{letter-spacing:-.03em;margin-bottom:var(--space-xs);font-size:clamp(1.75rem,3.5vw,2.35rem)}.section__lede{max-width:38rem;margin-bottom:var(--space-lg);color:var(--ink-soft)}.services{background:var(--snow);border-top:1px solid color-mix(in srgb, var(--ink) 10%, transparent)}.services__list{border-top:1px solid color-mix(in srgb, var(--ink) 12%, transparent);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid}.services__item{padding:var(--space-md) var(--space-sm) var(--space-md) 0;border-bottom:1px solid color-mix(in srgb, var(--ink) 12%, transparent)}@media (width>=720px){.services__item{padding-right:var(--space-md)}.services__item:nth-child(odd){border-right:1px solid color-mix(in srgb, var(--ink) 12%, transparent);padding-right:var(--space-md)}.services__item:nth-child(2n){padding-left:var(--space-md)}}.services__name{letter-spacing:-.02em;margin-bottom:.4rem;font-size:1.15rem}.services__desc{max-width:32ch;font-size:.98rem}.about{background:linear-gradient(120deg, color-mix(in srgb, var(--cobalt) 8%, var(--paper)) 0%, var(--paper) 55%)}.about__lede{margin-bottom:var(--space-md)}.about__link{font-family:var(--font-display);color:var(--cobalt);border-bottom:2px solid color-mix(in srgb, var(--cobalt) 35%, transparent);font-size:1.25rem;font-weight:700;text-decoration:none}.about__link:hover{border-bottom-color:var(--cobalt)}.contact{background:var(--ink);color:color-mix(in srgb, var(--snow) 78%, transparent)}.contact .section__title{color:var(--snow)}.contact .section__lede{color:color-mix(in srgb, var(--snow) 72%, transparent);margin-bottom:var(--space-xs)}.contact__inner{align-items:flex-start;gap:var(--space-sm);flex-direction:column;display:flex}.contact__details{margin:0 0 var(--space-xs);flex-direction:column;gap:.65rem;padding:0;list-style:none;display:flex}.contact__details a{color:var(--snow);border-bottom:1px solid color-mix(in srgb, var(--snow) 35%, transparent);text-decoration:none}.contact__details a:hover{border-bottom-color:var(--snow)}.contact__label{color:color-mix(in srgb, var(--snow) 55%, transparent);margin-bottom:.15rem;font-size:.8rem;display:block}.contact__actions{flex-wrap:wrap;gap:.75rem;display:flex}.contact .btn--primary{background:var(--snow);color:var(--ink);border-color:var(--snow)}.contact .btn--primary:hover{background:var(--paper);border-color:var(--paper)}.btn--whatsapp{color:#062816;background:#25d366;border-color:#25d366}.btn--whatsapp:hover{background:#1ebe57;border-color:#1ebe57}@keyframes key-press{0%{opacity:0;transform:translateY(-12px)}60%{opacity:1;transform:translateY(3px)}to{transform:translateY(0)}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes grid-drift{0%{background-position:0 0,0 0}to{background-position:48px 24px,24px 48px}}.hero__key--alt{animation:.7s cubic-bezier(.22,1,.36,1) .1s both key-press}.hero__key--f4{animation:.7s cubic-bezier(.22,1,.36,1) .28s both key-press}.hero__plus{animation:.6s .2s both rise}.hero__headline{animation:.7s .4s both rise}.hero__lede,.hero__actions{animation:.7s .55s both rise}.hero__atmosphere{animation:28s linear infinite grid-drift}@media (prefers-reduced-motion:reduce){.hero__key--alt,.hero__key--f4,.hero__plus,.hero__headline,.hero__lede,.hero__actions,.hero__atmosphere{animation:none}}