:root{--bg:#000;--fg:#f5f5f7;--fg-2:#a1a1a6;--fg-3:#6e6e73;--card:#1d1d1f;--line:#ffffff1f;--gold:#e6c47a;--bay:#222427;--ease:cubic-bezier(.28, .11, .32, 1);--font:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter", "Segoe UI Variable Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0}html{background:var(--bg);color:var(--fg);-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);min-height:100dvh;color:var(--fg);font-family:var(--font);letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;-webkit-tap-highlight-color:transparent;font-size:17px;line-height:1.47;overflow-x:clip}#app{min-height:100dvh}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}:focus-visible{outline-offset:3px;border-radius:8px;outline:2px solid #fff}::selection{background:#e6c47a59}html:has(.cars){background:var(--bay)}html:has(.cars) body{background:var(--bay)}.pill{cursor:pointer;letter-spacing:-.01em;color:#1d1d1f;transition:transform .3s var(--ease), background-color .3s var(--ease), opacity .3s var(--ease);background:#f5f5f7;border:0;border-radius:980px;justify-content:center;align-items:center;gap:8px;padding:12px 26px;font-size:17px;font-weight:500;line-height:1.2;display:inline-flex}.pill:hover{background:#fff}.pill:active{transform:scale(.97)}.pill--sm{padding:6px 14px;font-size:12px}.pill--lg{padding:16px 34px;font-size:19px}.pill--glass{color:#fff;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:#ffffff24}.pill--glass:hover{background:#ffffff38}.pill:disabled{cursor:default}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.001ms!important;animation-duration:.001ms!important}}.landing{--slope:12dvh;--mid:50dvh;background:#000;height:100dvh;position:relative;overflow:hidden}.half{text-align:center;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.half .logo{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.half .logo svg{width:100%;height:100%;display:block}.half.cars{clip-path:polygon(0 0, 100% 0, 100% calc(var(--mid) + var(--slope) / 2), 0 calc(var(--mid) - var(--slope) / 2));background:#000;padding-bottom:50dvh}.half.hogar{clip-path:polygon(0 calc(var(--mid) - var(--slope) / 2), 100% calc(var(--mid) + var(--slope) / 2), 100% 100%, 0 100%);color:#2a3fb0;background:#fff;padding-top:58dvh}.band{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.band .sheen{animation:4.8s ease-in-out infinite sheen}@keyframes sheen{0%,40%{stroke-dashoffset:90px;opacity:1}to{stroke-dashoffset:calc(-1 * var(--len));opacity:1}}@media (prefers-reduced-motion:reduce){.band .sheen,.tap{animation:none}}.tap{--w:min(78vw, 340px, 56dvh);width:var(--w);height:calc(var(--w) / 1.7);box-sizing:border-box;cursor:pointer;-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);transition:transform .5s var(--ease), background-color .5s var(--ease), box-shadow .5s var(--ease);animation:rise 1.1s var(--ease) both;border-radius:30px;flex-direction:column;align-items:center;gap:16px;padding:24px 28px 18px;display:flex;overflow:hidden}.half.hogar .tap{animation-delay:.12s}@media (min-width:900px){.tap{--w:min(32vw, 460px, 56dvh)}}@media (max-height:500px){.tap{gap:8px;padding:14px 20px 10px}.hint{font-size:12px}}@keyframes rise{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:none}}.half.cars .tap{background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff24,0 20px 50px #00000080}.half.hogar .tap{background:#ffffffb3;box-shadow:inset 0 0 0 1px #0000000f,0 20px 50px #2a3fb01f}.half:active .tap{transform:scale(.97)}@media (hover:hover){.half.cars:hover .tap{background:#ffffff1c;transform:scale(1.03)}.half.hogar:hover .tap{transform:scale(1.03)}}.hint{letter-spacing:-.005em;opacity:.85;align-items:center;gap:5px;font-size:14px;font-weight:500;display:inline-flex}.hint i{transition:transform .4s var(--ease);font-size:1.3em;font-style:normal;line-height:1}.half:hover .hint i{transform:translate(4px)}.half.cars .hint{color:var(--gold)}.half.hogar .hint{color:#5b6bb5}
