:root{--paper: #0b1118;--surface: #121a24;--field: #0e151e;--ink: #e6edf3;--muted: #93a1b2;--line: #223042;--accent: #5eead4;--accent-soft: #0f2d2a;--on-accent: #0b1118;--bezel: #2b3747;--app: #e2bd5c;--game: #b18ad0;--tool: #d08e52;--good: #34d399;--danger: #f87171;--lg1: #1b2633;--lg2: #5eead4;--lg3: #e6edf3;--lg4: #e6edf3;--lg6: #5eead4;--display: "Archivo", "Helvetica Neue", Arial, sans-serif;--mono: "Space Mono", ui-monospace, Menlo, monospace;--gut: clamp(18px, 4vw, 48px);--r-lg: 20px;--r-sm: 8px;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--display);font-size:16px;line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:var(--accent)}h1,h2,h3{font-family:var(--display);line-height:1.1;margin:0;text-wrap:balance}p{margin:0}code{font-family:var(--mono)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.wrap{max-width:1080px;margin:0 auto;padding-inline:var(--gut)}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip-link{position:absolute;left:1rem;top:-4rem;z-index:100;padding:.6rem 1rem;background:var(--accent);color:var(--on-accent);border-radius:var(--r-sm);font-weight:650;text-decoration:none}.skip-link:focus{top:1rem}.logo{display:block}.logo svg{display:block;width:100%;height:auto}.logo .lg1{fill:var(--lg1)}.logo .lg2{fill:var(--lg2)}.logo .lg3{fill:var(--lg3)}.logo .lg4{fill:var(--lg4)}.logo .lg6{fill:var(--lg6)}@media (prefers-reduced-motion: no-preference){.logo--blink .cur{animation:blink 1.05s steps(1) 6}@keyframes blink{50%{opacity:0}}}.btn{display:inline-flex;align-items:center;gap:8px;font:650 15px/1 var(--display);border-radius:99px;padding:12px 20px;text-decoration:none;border:1.5px solid var(--ink);color:var(--ink);background:transparent;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn--solid{background:var(--ink);color:var(--paper)}.btn--solid:hover{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn:disabled{opacity:.6;cursor:wait}.kicker{display:block;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.tag:before{content:"";width:9px;height:9px;border-radius:2px;background:var(--c, var(--muted))}.tag--app{--c: var(--app)}.tag--game{--c: var(--game)}.tag--tool{--c: var(--tool)}.site-header{background:var(--surface);border-bottom:1px solid var(--line)}.site-header__bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:16px}.site-header__logo{width:230px;flex:none}.site-nav{display:flex;align-items:center;gap:24px;font-size:15px;font-weight:600}.site-nav a:not(.btn){color:var(--ink);text-decoration:none}.site-nav a:not(.btn):hover{color:var(--accent)}.site-nav .btn{padding:9px 17px}.site-footer{background:var(--surface);border-top:1px solid var(--line);padding-block:36px;font-size:14px;color:var(--muted)}.site-footer__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}.site-footer__id{display:grid;gap:10px}.site-footer__logo{width:190px}.site-footer__nav{display:flex;gap:18px}.site-footer__nav a{color:var(--muted)}.hero-band{position:relative;isolation:isolate}.hero-band:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--accent) 22%,transparent) 1px,transparent 0);background-size:22px 22px;-webkit-mask-image:linear-gradient(to bottom,#000 30%,transparent);mask-image:linear-gradient(to bottom,#000 30%,transparent)}.hero{padding-block:clamp(56px,9vw,112px) clamp(48px,7vw,84px);max-width:860px}.hero__code{display:inline-block;font-size:clamp(14px,1.5vw,17px);color:var(--muted);margin-bottom:18px}.hero__code .tok-key{color:var(--accent)}.hero__code .tok-fn{color:var(--ink)}.hero__title{font-size:clamp(44px,7.4vw,88px);font-weight:820;font-stretch:116%;letter-spacing:-.035em;line-height:1}.hero__title em{font-style:normal;color:var(--accent)}.hero__lede{font-size:clamp(17px,1.6vw,20px);color:var(--muted);max-width:54ch;margin:24px 0 30px}.hero__ctas{display:flex;flex-wrap:wrap;gap:12px}.sec{padding-block:clamp(56px,7vw,88px);border-top:1px solid var(--line)}.sec__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:32px;align-items:end;margin-bottom:36px}.sec__head h2,.about__text h2{font-size:clamp(30px,3.8vw,44px);font-weight:800;font-stretch:112%;letter-spacing:-.02em}.sec__head p{color:var(--muted);max-width:56ch}.flag{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.flag__text{padding:clamp(24px,4vw,48px);display:flex;flex-direction:column;gap:16px}.flag h3{font-size:clamp(30px,3.6vw,42px);font-weight:820;font-stretch:114%;letter-spacing:-.025em}.flag h3 small{display:block;font-size:17px;font-weight:500;font-stretch:100%;letter-spacing:0;color:var(--muted);margin-top:8px;line-height:1.4}.flag p{max-width:52ch}.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:6px 0;border-block:1px solid var(--line)}.facts div{display:flex;flex-direction:column;gap:2px;padding:12px 12px 12px 0}.facts div+div{padding-left:14px;border-left:1px solid var(--line)}.facts dd{order:-1;margin:0;font-size:22px;font-weight:780;font-stretch:110%;font-variant-numeric:tabular-nums}.facts dt{font-family:var(--mono);font-size:12px;color:var(--muted)}.flag__links{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.flag__shots{display:flex;justify-content:center;align-items:center;gap:5%;padding:36px 6%;min-width:0;border-left:1px solid var(--line);background:radial-gradient(120% 80% at 70% 0%,var(--accent-soft),var(--paper) 70%)}.phone{width:48%;border:6px solid var(--bezel);border-radius:26px;overflow:hidden;background:var(--bezel);box-shadow:0 24px 48px -20px #000000b3}.phone img{width:100%;aspect-ratio:9 / 19;object-fit:cover;object-position:top}.phone--low{transform:translateY(28px)}.pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column}.card__pic{aspect-ratio:16 / 9;overflow:hidden;border-bottom:1px solid var(--line);background:var(--paper)}.card__pic img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .3s}.card:hover .card__pic img{transform:scale(1.02)}.card__body{padding:24px;display:flex;flex-direction:column;gap:10px;flex:1}.card h3,.tool h3{font-size:24px;font-weight:800;font-stretch:112%;letter-spacing:-.015em}.card p,.tool p{color:var(--muted)}.card__go{margin-top:auto;padding-top:8px;font-weight:650;color:var(--ink);text-decoration:none}.card__go span,.card__go:hover{color:var(--accent)}.shelf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.tool{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(22px,3.5vw,36px);display:grid;gap:10px}.tool__credit{font-size:14.5px;padding-top:10px;border-top:1px dashed var(--line)}.about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:start}.about__text{display:grid;gap:14px}.about__text h2{margin-bottom:4px}.about__text p{max-width:56ch}.form{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(22px,3.5vw,36px);display:grid;gap:16px;scroll-margin-top:24px}.form__title{font-size:26px;font-weight:800;font-stretch:112%}.form__intro{font-family:var(--mono);font-size:13px;color:var(--muted);margin-top:-6px}.form__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form__group{display:grid;gap:6px}.form label{font-size:14px;font-weight:600}.form__req{color:var(--accent)}.form input,.form select,.form textarea{font:inherit;color:var(--ink);background:var(--field);border:1px solid var(--line);border-radius:var(--r-sm);padding:11px 12px;width:100%}.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}.form textarea{min-height:140px;resize:vertical}.form__footer{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.pow{display:inline-flex;align-items:center;gap:.55rem;font-size:.88rem;color:var(--muted)}.pow__meter{position:relative;width:4.5rem;height:.4rem;border-radius:999px;background:var(--line);overflow:hidden}.pow__meter span{position:absolute;inset:0 auto 0 0;width:0;background:var(--good);border-radius:inherit;transition:width .3s ease-out}.pow[data-state=idle]{display:none}.pow[data-state=working] .pow__meter span{width:40%;animation:pow-scan 1.1s ease-out infinite alternate}.pow[data-state=ready] .pow__meter span{width:100%}.pow[data-state=error]{color:var(--danger)}@keyframes pow-scan{0%{transform:translate(-10%)}to{transform:translate(160%)}}.form__status{padding:.85rem 1rem;border-radius:var(--r-sm);font-weight:500}.form__status[hidden]{display:none}.form__status--success{background:color-mix(in srgb,var(--good) 14%,transparent)}.form__status--error{background:color-mix(in srgb,var(--danger) 14%,transparent)}.page{padding-block:clamp(48px,7vw,88px);max-width:760px}.page h1{font-size:clamp(36px,5vw,56px);font-weight:820;font-stretch:114%;letter-spacing:-.03em;margin-bottom:24px}.page h2{font-size:22px;font-weight:780;font-stretch:108%;margin:36px 0 10px}.page p{margin-bottom:14px;color:color-mix(in srgb,var(--ink) 88%,var(--muted))}.page .kicker{margin-bottom:14px}@media (max-width: 860px){.sec__head,.flag,.about{grid-template-columns:1fr}.sec__head{gap:12px}.pair,.shelf{grid-template-columns:1fr}.flag__shots{border-left:0;border-top:1px solid var(--line);padding:28px 10% 44px}.site-nav a:not(.btn){display:none}.site-header__logo{width:190px}}@media (max-width: 520px){.form__row{grid-template-columns:1fr}.facts div+div{padding-left:10px}.facts dd{font-size:19px}.site-header__logo{width:160px}}
