.hx{--hx-ink:#1d1b2e;--hx-paper:#fbf6ea;--hx-paper-2:#f3ead4;--hx-indigo:#4f46e5;--hx-indigo-d:#3730a3;--hx-moss:#4d7c4f;--hx-amber:#e8a33d;--hx-rose:#d96c6c;--hx-line:#e2d6b8;background:var(--hx-paper);color:var(--hx-ink);min-height:100vh}.hx a{color:var(--hx-indigo-d)}.hx h1,.hx h2,.hx h3{letter-spacing:-.01em;font-family:Georgia,Iowan Old Style,Times New Roman,serif}.hx-wrap{max-width:64rem;margin:0 auto;padding:1.25rem}.hx-card{border:1px solid var(--hx-line);background:#fff;border-radius:1rem;padding:1rem 1.1rem}.hx-btn{background:var(--hx-indigo);border:0;border-radius:999px;padding:.7rem 1.3rem;font-weight:600;text-decoration:none;display:inline-block;color:#fff!important}.hx-btn.alt{border:2px solid var(--hx-indigo);background:0 0;color:var(--hx-indigo-d)!important}.hx-btn.moss{background:var(--hx-moss)}.hx-btn.rose{background:var(--hx-rose)}.hx-chip{background:var(--hx-paper-2);border:1px solid var(--hx-line);border-radius:999px;padding:.15rem .65rem;font-size:.75rem;font-weight:600;display:inline-block}.hx-grid{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem;display:grid}.hx-map{background:radial-gradient(circle at 20% 30%, #4d7c4f1f, transparent 40%), radial-gradient(circle at 80% 70%, #4f46e51f, transparent 45%), repeating-linear-gradient(0deg, transparent 0 31px, #96783c1a 31px 32px), repeating-linear-gradient(90deg, transparent 0 31px, #96783c1a 31px 32px), var(--hx-paper)}.hx-phone{color:#171717;background:#fff;border:10px solid #1d1b2e;border-radius:2.2rem;flex-direction:column;width:19.5rem;max-width:100%;min-height:36rem;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 18px 40px #1d1b2e40}.hx-phone .bar{color:#52525b;background:#f4f4f5;justify-content:space-between;align-items:center;height:1.6rem;padding:0 .9rem;font-size:.7rem;display:flex}.hx-phone .screen{background:#fff;flex-direction:column;flex:1;gap:.75rem;padding:1rem;display:flex}.hx-phone .tabs{border-top:1px solid #e4e4e7;font-size:.8rem;display:flex}.hx-phone .tabs span{text-align:center;color:#71717a;flex:1;padding:.85rem 0}.hx-phone .tabs span.on{color:#171717;font-weight:700}.hx-phone h4{font-size:1.25rem;font-weight:700}.hx-dots{gap:.35rem;display:flex}.hx-dots i{background:#d4d4d8;border-radius:50%;width:.8rem;height:.8rem}.hx-dots i.y{background:var(--hx-moss)}.hx-dots i.n{background:var(--hx-rose)}.hx-note{border:1px dashed var(--hx-amber);background:#fff7e0;border-radius:.75rem;padding:.6rem .8rem;font-size:.85rem}