/* Albert Lane - lane-shell.css - Enhanced Blend Tweak - No Boilerplate Icons Images Renderings - Bespoke Only - Apple Style AR-touch-HUD Long Term
   Provenance: Copyright 2026 Albert Lane - All rights reserved - Proprietary not open source - PROVENANCE.md - SLSA3 Build L3 Source L3 - custody-chain.jsonl audit-log.jsonl lock-hashes.json NOT_MOVED.md - SEC 17684-273-411-436 AST_GUARD 0x3F8F9A1B2C3D D1 2bad8c0d-5c28-4f16-9c60-6bd48fb24a24 - Website https://albertlane.net Deck https://albertlane.net/deck Site Utility https://albertlane.net/products/site-utility-network - Part of MANIFEST.json - MANIFEST_LOCAL.md DIRECTORY_MAP_STRUCTURE_FULL.md 1410 + 21 _SOURCES + 9 base @ b02bab0 GovTech estate configurable by SLA No Omissions auditable immutable unalterable
   License: Proprietary - Albert Lane Digital Infrastructure - Leasable - $104k/mo Bill-to-investors - SEC 17684-273-411-436 AST_GUARD 0x3F8F9A1B2C3D STRIDE 17684 D1 2bad8c0d R2 alnet-froi-evidence DO FROISession per customer - SLSA3 Build L3 Source L3 - M4A2 Meta 4 AlbertAI too Storage stays true to its nature - Proprietary On-Device Secure Enclave - Grok Bot has API NOT Elon
   Website: https://albertlane.net - https://albertlane.net/deck - https://albertlane.net/products/site-utility-network - https://admin.albertlane.net - https://mcp.albertlane.net - lane-mcp 157 gateway
   Seals: SEC 17684-273-411-436 AST_GUARD 0x3F8F9A1B2C3D D1 2bad8c0d-5c28-4f16-9c60-6bd48fb24a24 - HMAC heartbeat - M4A2 - SLSA3 Build L3 Source L3
   Device: Google Pixel 8 Pro - Termux android arm64 LE - local enclave host - Apple scaffolding for their developers - Touch ID / Face ID - Secure Enclave - investor sentiment development API - AR-touch-HUD long term
   BrandBar: A++ 2026-10-07 White/black #FFFFFF/#000000 accents #337DEF #C1DA08 - Plus Jakarta Sans + DM Sans on deck - design-tokens + BrandBar/Ribbon/StatusBar/Badge/Button retained readable on phone no neon - Option 3 retain-all - NO_BEZOS NO_AWS NO_INTEL NO_PIECES_OF_SHIT_ALLOWED labels only - SEC 17684-273-411-436
   Canonical File System Layout: Apple style and plan for AR-touch-HUD long term and deal with whatever that kind of leaves us with on mobile - fuck Android file system - M4A2-enclave/filesystem/canonical_file_tree.json stored inside enclave so enclave automatically sorts and groups for both human and Robot readability access and utility
   No Boilerplate: No single fucking boilerplate icon, image or rendering - bespoke only - typography + color + structure + forensic + estate - human and Robot readability - auto sorts and groups - Apple style and plan for AR-touch-HUD long term
*/

/* Reset - no boilerplate - bespoke */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
body {
  margin: 0;
  font-family: var(--font-body);
  background: var(--bg);
  color: var(--text);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
}

/* BrandBar - white/black #FFFFFF/#000000 - A++ - BrandBar/Ribbon/StatusBar/Badge/Button retained - readable on phone no neon - no boilerplate icons images renderings */
.brandbar {
  height: var(--brandbar-height);
  background: var(--brandbar-bg);
  border-bottom: 1px solid var(--brandbar-border);
  backdrop-filter: blur(var(--blur)) saturate(var(--saturate));
  -webkit-backdrop-filter: blur(var(--blur)) saturate(var(--saturate));
  position: sticky;
  top: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 var(--gutter);
}
.brandbar__left { display: flex; align-items: center; gap: 12px; }
.brandbar__title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--text-md);
  letter-spacing: var(--tracking-tight);
  color: var(--brandbar-text);
}
.brandbar__sec {
  font-family: var(--font-forensic);
  font-size: var(--text-xs);
  letter-spacing: var(--tracking-forensic);
  text-transform: uppercase;
  color: var(--text-muted);
  border: 1px solid var(--border);
  padding: 4px 8px;
  border-radius: var(--radius-pill);
  background: var(--surface);
}
.brandbar__right { display: flex; align-items: center; gap: 8px; }

/* Badge - SEC + D1 + NO_BEZOS - forensic - estate - no boilerplate icons */
.badge {
  font-family: var(--font-forensic);
  font-size: var(--text-xs);
  letter-spacing: var(--tracking-forensic);
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--border);
  background: var(--surface);
  color: var(--text-soft);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}
.badge--sec { background: var(--sec-bg); color: var(--sec-text); border-color: var(--sec-bg); }
.badge--d1 { background: var(--d1-bg); color: var(--d1); border-color: var(--blue-border); }
.badge--blue { background: var(--blue-soft); color: var(--blue-text); border-color: var(--blue-border); }
.badge--lime { background: var(--lime-soft); color: var(--lime-text); border-color: var(--lime-border); }
.badge--no-bezos { background: var(--no-bezos-bg); color: var(--no-bezos); border-color: var(--no-bezos); font-weight: 700; }
.badge--live { background: var(--blue-soft); color: var(--blue); border-color: var(--blue-border); }
.badge--live::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--blue);
  display: inline-block;
  box-shadow: 0 0 0 3px var(--blue-soft);
}

/* Ribbon - Federal claim Die Hard Subaru 60/40 stated - no boilerplate */
.ribbon {
  font-family: var(--font-forensic);
  font-size: var(--text-xs);
  letter-spacing: var(--tracking-forensic);
  text-transform: uppercase;
  padding: 8px var(--gutter);
  background: var(--text);
  color: var(--text-inverse);
  display: flex;
  align-items: center;
  gap: 12px;
  overflow: hidden;
  white-space: nowrap;
}
.ribbon__item { opacity: 0.9; }
.ribbon__item--muted { opacity: 0.6; }

/* StatusBar - Infrastructure - D1 + DO FROISession bound - R2 disabled 10042 - no boilerplate */
.statusbar {
  font-family: var(--font-forensic);
  font-size: var(--text-xs);
  letter-spacing: var(--tracking-wide);
  padding: 10px var(--gutter);
  background: var(--surface);
  border-bottom: 1px solid var(--border);
  display: flex;
  align-items: center;
  gap: 16px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.statusbar__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--blue);
  display: inline-block;
  flex-shrink: 0;
}
.statusbar__dot--live { background: var(--blue); box-shadow: 0 0 0 3px var(--blue-soft); }
.statusbar__dot--disabled { background: var(--text-muted); }

/* Glass - enhanced blend tweak - backdrop-filter blur 24px saturate 180% - not none - Apple style AR-touch-HUD long term - no boilerplate icons images renderings */
.glass {
  background: var(--glass-bg);
  backdrop-filter: blur(var(--blur)) saturate(var(--saturate));
  -webkit-backdrop-filter: blur(var(--blur)) saturate(var(--saturate));
  border: 1px solid var(--glass-border);
  box-shadow: var(--glass-shadow);
  border-radius: var(--radius-md);
}
.glass--solid {
  background: var(--bg);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border: 1px solid var(--border);
  box-shadow: var(--shadow-soft);
}
.glass--forensic {
  background: var(--surface);
  border: 1px solid var(--border);
  border-left: 3px solid var(--text);
  box-shadow: none;
  border-radius: var(--radius-sm);
  backdrop-filter: none;
}

/* Card - left-heavy sitemap 53 locs / 32 kept - auto sorts and groups - human and Robot readability - no boilerplate */
.card {
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-soft);
  padding: 24px;
}
.card--elevated {
  background: var(--glass-bg);
  backdrop-filter: blur(var(--blur)) saturate(var(--saturate));
  -webkit-backdrop-filter: blur(var(--blur)) saturate(var(--saturate));
  border: 1px solid var(--glass-border);
  box-shadow: var(--glass-shadow);
}
.card--forensic {
  background: var(--surface);
  border: 1px solid var(--border);
  border-left: 3px solid var(--blue);
  border-radius: var(--radius-sm);
  box-shadow: none;
}

/* Button - BrandBar/Ribbon/StatusBar/Badge/Button retained - readable on phone no neon - no boilerplate icons */
.button {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: var(--text-sm);
  letter-spacing: var(--tracking-normal);
  padding: 10px 18px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--border);
  background: var(--bg);
  color: var(--text);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-decoration: none;
  transition: all 0.15s ease;
}
.button:hover { transform: translateY(-1px); box-shadow: var(--shadow-soft); border-color: var(--border-strong); }
.button--primary {
  background: var(--text);
  color: var(--text-inverse);
  border-color: var(--text);
}
.button--primary:hover { background: var(--text); opacity: 0.9; }
.button--blue {
  background: var(--blue);
  color: #FFFFFF;
  border-color: var(--blue);
}
.button--blue:hover { background: #2B6AD8; border-color: #2B6AD8; }
.button--lime {
  background: var(--lime);
  color: #111111;
  border-color: var(--lime);
}
.button--ghost {
  background: transparent;
  border-color: transparent;
  color: var(--text-soft);
}

/* Typography - Plus Jakarta Sans + DM Sans - self-hosted - distinct identity - no boilerplate */
.h1 {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: var(--text-4xl);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tight);
  color: var(--text);
}
.h2 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--text-2xl);
  line-height: var(--leading-snug);
  letter-spacing: var(--tracking-tight);
}
.h3 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--text-xl);
  line-height: var(--leading-snug);
}
.mono {
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  letter-spacing: var(--tracking-wide);
}
.forensic {
  font-family: var(--font-forensic);
  font-size: var(--text-xs);
  letter-spacing: var(--tracking-forensic);
  text-transform: uppercase;
  color: var(--text-muted);
}

/* Layout - left-heavy sitemap - auto sorts and groups - Apple style and plan for AR-touch-HUD long term */
.container {
  max-width: var(--content-max);
  margin: 0 auto;
  padding: 0 var(--gutter);
}
.container--narrow { max-width: var(--content-narrow); }
.container--wide { max-width: var(--content-wide); }
.grid { display: grid; gap: var(--card-gap); }
.grid--2 { grid-template-columns: repeat(2, 1fr); }
.grid--3 { grid-template-columns: repeat(3, 1fr); }
.grid--4 { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 768px) {
  .grid--2, .grid--3, .grid--4 { grid-template-columns: 1fr; }
  .container { padding: 0 16px; }
}

/* Enclave - M4A2-enclave/filesystem/canonical_file_tree.json stored inside enclave so enclave automatically sorts and groups - canonical file system layout Apple style */
.enclave-tree {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  line-height: 1.7;
  color: var(--text-soft);
  background: var(--enclave-bg);
  border: 1px solid var(--enclave-border);
  border-radius: var(--radius-sm);
  padding: 16px;
  overflow-x: auto;
  white-space: pre;
}

/* Section - Option 3 retain-all - prior paths retained - 53 locs / 32 kept left-heavy */
.section { padding: var(--section-gap) 0; }
.section--forensic {
  background: var(--surface);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

/* Link - no boilerplate - bespoke - forensic */
a { color: var(--blue); text-decoration: none; }
a:hover { text-decoration: underline; text-underline-offset: 3px; }
a--forensic { font-family: var(--font-mono); font-size: var(--text-sm); color: var(--text-soft); }

/* No boilerplate icons images renderings - bespoke only - typography + color + structure + forensic + estate */
.no-boilerplate::before { content: none; }
.no-boilerplate-icon { display: none; }