:root{--color-bg:#fff;--color-fg:#0a0a0a;--color-muted:#52525b;--color-surface:#f4f4f5;--color-border:#e4e4e7;--color-bg-inverse:#0a0a0a;--color-fg-inverse:#fff;--color-muted-inverse:#a1a1aa;--color-border-inverse:#ffffff24;--color-accent:#ff3b30;--color-accent-fg:#fff;--color-link:#d70015;--color-whatsapp:#25d366;--color-whatsapp-fg:#0a0a0a;--font-display:-apple-system, "SF Pro Display", BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace;--text-xs:.8125rem;--text-sm:.9375rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.375rem;--text-xl:1.75rem;--text-2xl:2.25rem;--text-3xl:3rem;--text-4xl:3.75rem;--text-5xl:4.75rem;--leading-tight:1.1;--leading-snug:1.35;--leading-normal:1.6;--tracking-tight:-.02em;--tracking-wide:.08em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-sm:6px;--radius:10px;--radius-lg:22px;--radius-pill:999px;--container-width:1200px;--container-pad:clamp(1.25rem, 4vw, 2.5rem);--shadow-brutal-sm:3px 3px 0 0 var(--color-fg);--shadow-brutal:5px 5px 0 0 var(--color-fg);--shadow-brutal-lg:8px 8px 0 0 var(--color-fg);--shadow-brutal-inverse:5px 5px 0 0 var(--color-fg-inverse);--ease-out:cubic-bezier(.16, 1, .3, 1);--transition-fast:.15s var(--ease-out);--transition-base:.22s var(--ease-out)}*,:before,:after{box-sizing:border-box}*{margin:0}html{text-size-adjust:100%;color-scheme:light;scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-fg);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,svg,video,canvas{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}a{color:inherit;text-decoration:none}ul[class],ol[class]{padding:0;list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:800;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-fg)}h1{font-size:clamp(2.5rem, 5vw + 1rem, var(--text-5xl))}h2{font-size:clamp(1.875rem, 3vw + 1rem, var(--text-3xl))}h3{font-size:clamp(1.375rem, 1.5vw + 1rem, var(--text-xl))}p{color:var(--color-muted)}a:not([class]){color:var(--color-link);text-underline-offset:.15em;text-decoration:underline 1.5px}a:not([class]):hover{color:var(--color-fg)}.section--inverse a:not([class]){color:var(--color-accent)}.section--inverse a:not([class]):hover{color:var(--color-fg-inverse)}strong,b{font-weight:700}::selection{background:var(--color-accent);color:var(--color-accent-fg)}.container{width:100%;max-width:var(--container-width);padding-inline:var(--container-pad);margin-inline:auto}.section{padding-block:var(--space-16);scroll-margin-top:5rem;position:relative}@media (width>=768px){.section{padding-block:var(--space-24)}}.section--inverse{background:var(--color-bg-inverse);color:var(--color-fg-inverse)}.section--inverse h1,.section--inverse h2,.section--inverse h3,.section--inverse h4{color:var(--color-fg-inverse)}.section--inverse p{color:var(--color-muted-inverse)}.section--tight{padding-block:var(--space-8)}.bg-circuit{background-image:linear-gradient(var(--color-border-inverse) 1px, transparent 1px), linear-gradient(90deg, var(--color-border-inverse) 1px, transparent 1px);background-position:50%;background-size:48px 48px}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:3.25rem;padding:var(--space-4) var(--space-6);border:2px solid var(--color-fg);border-radius:var(--radius);font-family:var(--font-display);letter-spacing:-.01em;color:var(--color-fg);background:var(--color-bg);box-shadow:var(--shadow-brutal);transition:transform var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);user-select:none;white-space:nowrap;font-size:1.2rem;font-weight:800;line-height:1;display:inline-flex}.btn:hover{box-shadow:var(--shadow-brutal-lg);transform:translate(-2px,-2px)}.btn:active{box-shadow:0 0 0 0 var(--color-fg);transform:translate(3px,3px)}.btn-primary{background:var(--color-accent);border-color:var(--color-fg);color:var(--color-accent-fg)}.btn-whatsapp{background:var(--color-whatsapp);border-color:var(--color-fg);color:var(--color-whatsapp-fg)}.btn-outline{border-color:var(--color-fg);color:var(--color-fg);background:0 0}.section--inverse .btn-outline{border-color:var(--color-fg-inverse);color:var(--color-fg-inverse);box-shadow:var(--shadow-brutal-inverse);background:0 0}.section--inverse .btn-outline:hover{box-shadow:8px 8px 0 0 var(--color-fg-inverse)}.section--inverse .btn-outline:active{box-shadow:0 0 0 0 var(--color-fg-inverse)}.badge{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-fg);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:700;display:inline-flex}.badge:before{content:"[";color:var(--color-accent);font-weight:800}.badge:after{content:"]";color:var(--color-accent);font-weight:800}.section--inverse .badge{border-color:var(--color-border-inverse);color:var(--color-fg-inverse);background:0 0}.skip-link{top:-5rem;left:var(--space-4);z-index:100;padding:var(--space-3) var(--space-5);background:var(--color-bg);color:var(--color-fg);border:2px solid var(--color-fg);border-radius:var(--radius-sm);font-family:var(--font-display);box-shadow:var(--shadow-brutal-sm);transition:top var(--transition-fast);font-weight:700;position:absolute}.skip-link:focus-visible{top:var(--space-4)}:focus{outline:none}:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px;border-radius:var(--radius-sm)}.section--inverse :focus-visible{outline-color:var(--color-accent)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
