/* Holo brand system page + the UI kit (prefix hk-) */
.holo-guide{max-width:1400px}
.hg-head{display:flex;align-items:center;gap:22px;padding:30px 34px;border:1px solid var(--line);border-radius:4px;background:#07070c;margin-bottom:22px}
.hg-head h1{font-family:Orbitron;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:28px;margin:0 0 6px}
.hg-head p{margin:0;color:#8d8da8;max-width:90ch;line-height:1.5}
.hg-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}.hg-nav a{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#c9b8ff;text-decoration:none;border:1px solid var(--line);padding:6px 10px;border-radius:3px}
.hg-section{margin:0 0 36px;padding-top:22px;border-top:1px solid var(--line)}
.hg-section h2{font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#8d8da8;margin:0 0 6px}
.hg-section>p{color:#9aa39c;font-size:14px;line-height:1.55;max-width:90ch;margin:0 0 16px}
.hk-tile{position:relative;border:1px solid var(--line);border-radius:4px;padding:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;overflow:hidden}
.hk-tile.dark{background:#07070c}.hk-tile.light{background:#fff;color:#0b0b12}
.hk-tile small{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;opacity:.65;text-align:center;line-height:1.5;max-width:60ch}
.hk-tile.light small{color:#333}
.hk-row{display:flex;align-items:center;gap:22px;flex-wrap:wrap;justify-content:center}
.hk-markhero{display:flex;gap:16px;align-items:stretch;flex-wrap:wrap}.hk-markcols{display:flex;gap:16px;flex-wrap:wrap;flex:1;min-width:600px}.hk-markcols .hk-tile{flex:1;min-width:280px}
.hk-clear{padding:40px;border:1px dashed rgba(110,243,255,.6)}
.hk-misuse>div{display:flex;flex-direction:column;align-items:center;gap:8px;width:150px}.hk-misuse>div>span{display:flex;align-items:center;justify-content:center;width:150px;height:100px;overflow:hidden}.hk-misuse b{font-family:"JetBrains Mono",monospace;font-size:10px;color:#ff5c8a;letter-spacing:.08em}
.hk-lockups{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start}.hk-lockups .hk-tile{justify-content:space-between}
.hk-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.hk-sw{background:#0a0a12;border:1px solid var(--line);border-radius:4px;padding:10px}.hk-sw i{display:block;height:54px;border-radius:3px;border:1px solid rgba(255,255,255,.08);margin-bottom:8px}.hk-sw b{display:block;font-size:13px}.hk-sw code{font-size:11px;color:#8d8da8}.hk-sw small{display:block;font-size:11px;color:#9aa39c;line-height:1.4;margin-top:4px}
.hk-grads{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.hk-grad{flex:1;min-width:260px;background:#0a0a12;border:1px solid var(--line);border-radius:4px;padding:10px}.hk-grad i{display:block;height:70px;border-radius:3px;margin-bottom:8px}.hk-grad b{display:block;font-size:13px}.hk-grad small{display:block;font-size:11px;color:#9aa39c;margin:4px 0}.hk-grad code{display:block;font-size:10px;color:#6e6e88;word-break:break-all;line-height:1.4}
.holo{background:linear-gradient(95deg,#6ef3ff 0%,#c9b8ff 48%,#ff6bf1 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.chrome{background:linear-gradient(180deg,#fff 0%,#dfe4ea 34%,#7d8796 49%,#f6f7f9 56%,#c3cad4 78%,#fff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hk-type{background:#07070c;border:1px solid var(--line);border-radius:4px;padding:22px 26px}
.hk-typerow{padding:14px 0;border-bottom:1px solid var(--line)}.hk-typerow:last-child{border:0}.hk-typerow small{display:block;font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#8d8da8;margin-bottom:10px}
.hk-typerow code{font-family:"JetBrains Mono",monospace;font-size:10px;color:#6e6e88;margin-left:12px;letter-spacing:0;text-transform:none;font-weight:400;-webkit-text-fill-color:#6e6e88}
.hk-display{font-family:Orbitron;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#f4f4ff;margin:0 0 10px;line-height:1.05}
.hk-text{font-family:"Space Grotesk";color:#f4f4ff;margin:0 0 8px;line-height:1.45;max-width:80ch}
.hk-figures{font-family:"Space Grotesk";font-weight:500;font-size:28px;font-variant-numeric:tabular-nums;color:#f4f4ff;margin:0}
.hk-label{font-family:"JetBrains Mono",monospace;font-weight:500;font-size:12px;letter-spacing:.14em;color:#8d8da8;margin:0}
.hk-els{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-start}.hk-el{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:4px;flex:none}.hk-el .scene{position:absolute;inset:0}.hk-els small{display:block;width:200px;font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.04em;color:#8d8da8;line-height:1.5;align-self:center}
/* UI kit */
.hk-ui{background:#07070c;border:1px solid var(--line);border-radius:4px;padding:22px;font-family:"Space Grotesk",sans-serif;color:#f4f4ff}
.hk-uirow{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.hk-uirow:last-child{margin:0}
.hk-btn{display:inline-flex;align-items:center;justify-content:center;font-family:Orbitron;font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding:12px 20px;border-radius:4px;text-decoration:none;cursor:pointer;line-height:1}
.hk-btn.lg{font-size:14px;padding:16px 26px}
.hk-btn.primary{background:linear-gradient(180deg,#fff 0%,#dfe4ea 34%,#8d97a6 50%,#f6f7f9 56%,#c3cad4 80%,#fff 100%);color:#07070c;box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 10px 24px rgba(0,0,0,.5)}
.hk-btn.outline{color:#f4f4ff;border:1px solid transparent;background:linear-gradient(#0d0d16,#0d0d16) padding-box,linear-gradient(95deg,#6ef3ff,#c9b8ff,#ff6bf1) border-box}
.hk-btn.ghost{color:#c9b8ff;border:1px solid #262636;background:transparent}
.hk-badge{font-family:"Space Grotesk";font-weight:700;font-size:12px;padding:4px 8px;border-radius:3px;font-variant-numeric:tabular-nums}.hk-badge.up{color:#5ef2b8;background:rgba(94,242,184,.14)}.hk-badge.down{color:#ff5c8a;background:rgba(255,92,138,.14)}
.hk-chip{display:inline-flex;align-items:center;gap:10px;font-family:"Space Grotesk";font-weight:700;font-size:16px;color:#07070c;background:linear-gradient(180deg,#fff,#c9d0da);padding:10px 16px;border-radius:999px;font-variant-numeric:tabular-nums}
.hk-pill{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:5px 9px;border:1px solid #262636;border-radius:3px;color:#c9b8ff}.hk-pill.holo{border-color:transparent;background:linear-gradient(#0d0d16,#0d0d16) padding-box,linear-gradient(95deg,#6ef3ff,#ff6bf1) border-box;color:#f4f4ff}
.hk-field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#8d8da8;font-family:"JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.hk-field input{font:500 15px "Space Grotesk";color:#f4f4ff;background:#0d0d16;border:1px solid #262636;border-radius:4px;padding:10px 12px;min-width:220px;outline:none;box-shadow:0 0 0 2px rgba(110,243,255,.25)}
.hk-toggle{display:flex;align-items:center;gap:10px;font-size:14px;color:#f4f4ff}.hk-toggle i{width:38px;height:22px;border-radius:999px;background:linear-gradient(95deg,#6ef3ff,#ff6bf1);position:relative}.hk-toggle i::after{content:'';position:absolute;top:3px;right:3px;width:16px;height:16px;border-radius:50%;background:#fff}
.hk-card{background:#12121b;border:1px solid #262636;border-radius:6px;padding:18px;min-width:300px}
.hk-cardhead{display:flex;align-items:center;gap:10px;margin:0 0 12px}.hk-cardhead span{display:flex;flex-direction:column;flex:1}.hk-cardhead b{font-size:15px}.hk-cardhead small{font-size:11px;color:#8d8da8}
.hk-price{font-family:"Space Grotesk";font-weight:700;font-size:34px;margin:0 0 10px;font-variant-numeric:tabular-nums}
.hk-cardfoot{display:flex;justify-content:space-between;margin:12px 0 0;font-size:12px;color:#8d8da8}.hk-cardfoot b{color:#f4f4ff;margin-left:6px}
.hk-coin{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(180deg,#fff,#aeb7c3 50%,#e9ecf3);color:#07070c;font-family:Orbitron;font-weight:700;flex:none}
.hk-table{width:100%;border-collapse:collapse;font-family:"Space Grotesk";font-size:14px;color:#f4f4ff}.hk-table th{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#8d8da8;text-align:left;padding:6px 8px;border-bottom:1px solid #262636;font-weight:500}.hk-table td{padding:9px 8px;border-bottom:1px solid #1d1d2a;font-variant-numeric:tabular-nums;vertical-align:middle}.hk-table .num,.hk-table th.num{text-align:right}.hk-table .muted{color:#8d8da8}
.hk-coinrow{display:inline-flex;align-items:center;gap:9px}.hk-coinrow b{font-weight:600}.hk-coinrow small{color:#8d8da8;font-size:11px}
/* site hero mock */
.hk-hero{position:relative;overflow:hidden;font-family:"Space Grotesk",sans-serif;color:#f4f4ff}
.hk-page{position:absolute;inset:0;display:flex;flex-direction:column}
.hk-nav{display:flex;align-items:center;gap:40px;padding:26px 64px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(7,7,12,.35);backdrop-filter:blur(10px)}
.hk-brand{display:flex;align-items:center;gap:12px}.hk-links{display:flex;gap:28px;font-size:15px;font-weight:500;color:#c9c9dd;margin-left:20px}.hk-actions{margin-left:auto;display:flex;gap:10px}
.hk-herobody{display:flex;align-items:center;gap:60px;padding:70px 64px 0;flex:1}
.hk-herotext{flex:1;max-width:780px}.hk-kicker{font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#8d8da8;margin:0 0 18px}
.hk-h1{font-family:Orbitron;font-weight:700;font-size:50px;line-height:1.08;letter-spacing:.06em;text-transform:uppercase;margin:0 0 22px}
.hk-lede{font-size:19px;line-height:1.55;color:#c9c9dd;margin:0 0 28px;max-width:60ch}.hk-cta{display:flex;gap:12px;margin:0}
.hk-glass{width:520px;flex:none;background:rgba(18,18,27,.72);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:18px 20px;backdrop-filter:blur(14px);box-shadow:0 30px 60px rgba(0,0,0,.5)}
.hk-glasshead{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 10px;font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8d8da8}.hk-glasshead b{font-family:"Space Grotesk";font-size:26px;letter-spacing:0;text-transform:none;font-weight:700}
/* phone mock */
.hk-phone{position:relative;width:390px;height:844px;overflow:hidden;font-family:"Space Grotesk",sans-serif;color:#f4f4ff;background:#07070c}
.hk-phonebody{position:absolute;inset:0;display:flex;flex-direction:column}
.hk-status{display:flex;justify-content:space-between;padding:14px 24px 0;font-size:13px;font-weight:600}
.hk-phonehead{display:flex;align-items:center;gap:10px;padding:18px 20px 10px}.hk-dot{margin-left:auto;width:10px;height:10px;border-radius:50%;background:#5ef2b8;box-shadow:0 0 10px #5ef2b8}
.hk-cap{padding:6px 20px 14px}.hk-cap small{display:block;font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#8d8da8}.hk-cap b{display:block;font-size:40px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1;margin:4px 0}.hk-cap em{font-style:normal;font-size:11px;color:#8d8da8;margin-left:6px}
.hk-tabs{display:flex;gap:8px;padding:0 20px 12px}.hk-tabs a{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#8d8da8;border:1px solid #262636;padding:6px 10px;border-radius:3px}.hk-tabs a.on{color:#07070c;background:linear-gradient(180deg,#fff,#c3cad4);border-color:transparent}
.hk-list{flex:1;padding:0 12px;overflow:hidden}.hk-item{display:flex;align-items:center;gap:10px;padding:11px 8px;border-bottom:1px solid #1d1d2a;font-size:14px}.hk-itemname{display:flex;flex-direction:column;flex:1}.hk-itemname b{font-weight:600}.hk-itemname small{color:#8d8da8;font-size:11px}.hk-itemprice{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.hk-itemprice b{font-variant-numeric:tabular-nums}
.hk-tabbar{display:flex;justify-content:space-around;padding:12px 10px 26px;border-top:1px solid #1d1d2a;background:rgba(7,7,12,.9)}.hk-tabbar a{display:flex;flex-direction:column;align-items:center;gap:5px;font-family:"JetBrains Mono",monospace;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#8d8da8}.hk-tabbar a i{width:22px;height:22px;border-radius:6px;border:1.5px solid currentColor}.hk-tabbar a.on{color:#6ef3ff}.hk-tabbar a.on i{background:linear-gradient(95deg,#6ef3ff,#ff6bf1);border-color:transparent}

/* hero data devices */
.hk-tape{display:flex;gap:34px;padding:9px 64px;border-bottom:1px solid rgba(255,255,255,.06);font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.08em;color:#c9c9dd;white-space:nowrap;overflow:hidden;background:rgba(7,7,12,.5)}
.hk-tape b{color:#f4f4ff;font-weight:600}.hk-tape i{font-style:normal}.hk-tape i.up{color:#5ef2b8}.hk-tape i.down{color:#ff5c8a}
.hk-live{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5ef2b8;box-shadow:0 0 8px #5ef2b8;margin-right:10px;vertical-align:1px}
.hk-hud{position:relative}.hk-corner{position:absolute;width:16px;height:16px;border:1.5px solid rgba(110,243,255,.75)}.hk-corner.tl{top:-1px;left:-1px;border-right:0;border-bottom:0}.hk-corner.tr{top:-1px;right:-1px;border-left:0;border-bottom:0}.hk-corner.bl{bottom:-1px;left:-1px;border-right:0;border-top:0}.hk-corner.br{bottom:-1px;right:-1px;border-left:0;border-top:0}
.hk-glassfoot{margin:10px 0 0;font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#8d8da8}

.hk-tape .stamp{color:#8d8da8}.hk-tape .hex{color:#6ef3ff;font-weight:600}
.hk-rule{margin:0 0 18px;width:720px}.hk-rule svg{display:block;overflow:visible}
.hk-ref{position:absolute;top:-7px;left:16px;font-family:"JetBrains Mono",monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#c9b8ff;opacity:.7;background:#0e0e16;padding:0 6px}
.hk-railfoot{margin:14px 0 2px;display:flex;justify-content:center}.hk-railfoot svg{overflow:visible}
.hk-apprail{margin:10px 0 2px}.hk-apprail svg{overflow:visible;display:block}
.hk-lab{display:block;font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#8d8da8;margin-bottom:6px}
.hk-ladder{min-width:264px;display:flex;flex-direction:column;justify-content:center}