/* Generic gold / navy mining game interface. */
:root {
  --bg: #070e1a;
  --surface: #0e192b;
  --surface-raised: #17253a;
  --surface-soft: #111e31;
  --line: #2a3950;
  --line-soft: #202f44;
  --gold: #ebbd65;
  --gold-light: #ffe1a0;
  --gold-dark: #ad813a;
  --text: #f0f4fa;
  --muted: #a1afc3;
  --green: #79d0af;
  --shadow: 0 14px 40px #0000002b;
}

/* Server-backed account activity controls. */
.production-empty{min-height:260px;display:grid;justify-items:start;align-content:center;gap:18px}
.production-empty h1{font-size:26px}.production-empty p{max-width:65ch}
.production-facts{padding:0;margin:18px 0;display:grid;gap:0}
.production-facts>div{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid var(--line-soft);font-size:13px}
.production-facts dt{color:var(--muted)}.production-facts dd{margin:0;text-align:end;overflow-wrap:anywhere}
.production-facts dd bdi{font-size:13px}.production-members{display:grid;margin-top:18px}
.production-members>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 15px;padding:13px 0;border-bottom:1px solid var(--line-soft)}
.production-members small{grid-column:1/-1;color:var(--muted)}
.production-progress{display:block;width:100%;height:8px;margin:22px 0;accent-color:var(--gold);border:0;border-radius:20px}
.production-confirm{width:min(520px,calc(100% - 28px));max-height:calc(100dvh - 30px);padding:0;border:1px solid #786846;border-radius:20px;background:#101d30;color:var(--text);overflow:auto}
.production-confirm::backdrop{background:#020812db;backdrop-filter:blur(4px)}
.production-confirm-body{padding:25px}.production-confirm-body>p{margin-top:14px;color:var(--muted);line-height:1.85}.production-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.production-confirm-body .field{display:grid;gap:9px;margin:18px 0}
.production-account-meta>.button{margin:10px 8px 0 0}.toast.error{border-color:#a65d5d;color:#ffb4b4}
@media(max-width:1023px){.app-sidebar.production-menu-open{display:block;position:fixed;inset:70px 14px auto;z-index:100;max-height:calc(100dvh - 170px);overflow:auto;border:1px solid var(--line);border-radius:18px;padding:15px;background:#0b1423;box-shadow:var(--shadow)}.app-sidebar.production-menu-open .brand,.app-sidebar.production-menu-open .sidebar-footer{display:none}.app-sidebar.production-menu-open .sidebar-nav{display:grid;grid-template-columns:1fr 1fr;gap:7px}.app-sidebar.production-menu-open .nav-item{display:flex;gap:9px;align-items:center;padding:12px;min-height:50px}.production-confirm-body{padding:20px}.production-facts>div{gap:10px;font-size:12px}.production-facts dd bdi{font-size:11px}.production-empty h1{font-size:23px}}
body { background: var(--bg); }
.app-sidebar { background: #0b1423; border-color: var(--line-soft); }
.brand { border-color: var(--line); }
.brand-name { color: var(--gold-light); }
.brand-subtitle, .sidebar-footer p { color: #9cabc0; }
.sidebar-nav .nav-item { color: #a5b2c6; text-align: start; }
.sidebar-nav .nav-item > svg { color: #9eacbf; }
.sidebar-nav .nav-item:hover { color: #ffe1a0; background: #b7924d10; }
.sidebar-nav .nav-item.active { color: var(--gold-light); border-color: #d5aa5d40; background: linear-gradient(90deg, #d5aa5d0b, #d5aa5d1c); }
.sidebar-footer > .demo-badge { background: #d5aa5d0a; }
.app-main { background: var(--bg); }
.topbar { background: #0b1525f5; border-color: var(--line-soft); }
.topbar-meta, .mobile-brand small { color: #a1afc4; }
.demo-banner { color: #c7b48a; background: #c39c4e0b; border-color: #c39c4e26; }
.demo-disclosure p { color: #d3c4a3; }
.icon-button, .modal-close { color: #c7d1e0; border-color: #31415a; background: #152238; }
.avatar { color: #ffe0a0; border-color: #b38b4a70; background: #d5aa5d0b; }
.language-toggle { color: var(--gold-light); background: #d5aa5d0b; border-color: #b38b4a65; }
.hero { border-color: #876a3e80; background: radial-gradient(ellipse at 8% 18%, #b8954b1b, transparent 53%), linear-gradient(125deg, #122439, #0e192c 62%, #111d2e); }
.hero::before { opacity: .18; background-image: linear-gradient(#b8cfef20 1px, transparent 1px), linear-gradient(90deg, #b8cfef20 1px, transparent 1px); }
.hero::after { border-color: #d3a45228; box-shadow: 0 0 0 50px #d3a45206, 0 0 0 110px #d3a45204; }
.hero-description, .hero-mobile-description { color: #bdc8d8; }
.hero-image::before { background: #dfae4f12; }
.hero-metrics { border-color: #bfa06a40; }
.hero-metric strong { color: #ffe1a0; }
.hero-metric span { color: #aebbd0; }
.hero-footer { border-color: #bfa06a25; color: #b1bfd2; background: #07111f66; }
.hero-footer svg { color: #c7aa6d; }
.hero-mobile-description { max-width: 30ch; }
.button.primary { color: #131a24; border-color: #e3b967; background: linear-gradient(110deg, #d9a74d, #ffe2a2 55%, #e3b45f); box-shadow: 0 4px 17px #d9a74d12; }
.button.primary:hover { color: #111a26; background: linear-gradient(110deg, #edbf70, #ffebbc); }
.button.secondary { color: #e9d5ad; border-color: #8c775650; background: #18253a; }
.button.secondary:hover { border-color: #b5965c; background: #213047; }
.button:disabled { opacity: 1; color: #8391a5; border-color: #2e3b50; background: #152033; box-shadow: none; }
.button.danger { color: #f0b1a7; border-color: #a6656260; background: #823c3c1a; }
.card, .feature-card, .quick-action, .team-tier, .milestone-card { color: var(--text); border-color: var(--line); background: var(--surface); }
.card p { color: var(--muted); }
.feature-icon, .stat-icon, .task-number { color: var(--gold); border-color: #b996553b; background: #d0a6580d; }
.stat-card { border-color: var(--line); background: linear-gradient(130deg, #132239, #0e1b2e); }
.stat-card.accent { border-color: #c4a06466; background: linear-gradient(120deg, #312b223d, #142238); }
.stat-label { color: #b4c0d0; }
.stat-note { color: #96a9bd; }
.quick-action { color: #d7dfeb; }
.quick-action:hover { border-color: #b1935e; background: #16243b; }
.progress-bar { background: #071221; }
.progress-fill { background: linear-gradient(90deg, #ae7d32, #f4cf84); }
.level-card { background: linear-gradient(125deg, #14243b, #0e192b); border-color: var(--line); }
.level-card.current { border-color: #d3aa5e; box-shadow: inset 0 0 25px #d3aa5e09; }
.level-price { color: #f2e7cf; }
.level-badge { color: #f2d59b; border-color: #c69e554d; background: #bd9a5310; }
th { color: #b5c4d9; background: #18283e; border-color: #435168; }
td { color: #c9d3e1; }
.table-scroll { scrollbar-color: #5d687b #0e192b; }
.task-card { background: #101e32; border-color: var(--line); }
.task-card.completed { border-color: #537e7560; background: #14302d33; }
.task-details p { color: #a7b7cb; }
.task-reward { color: #f0ce8a; }
.wallet-balance { border-color: #c7a26066; background: radial-gradient(ellipse at 0% 10%, #b58e3b1c, transparent 62%), linear-gradient(110deg, #192d46, #112039); }
.wallet-balance-amount { color: #ffe1a0; }
.network-badge { color: #bacbe4; background: #7399d10a; border-color: #7796c83a; }
.input { color: var(--text); border-color: #33455f; background: #091629; }
.input::placeholder { color: #8a9aaf; }
.input:focus { border-color: #c8a15c; box-shadow: 0 0 0 3px #c8a15c10; }
.field-label { color: #cbd6e5; }
.field-hint, .transaction-details small { color: #9bacc1; }
.wallet-address { color: #d0c2a4; background: #0a1628; border-color: #6a604c; }
.transaction-icon { color: #98c6ba; border-color: #668f8733; background: #6caa920b; }
.transaction-details strong { color: #d5deea; }
.mining-panel { border-color: #8a704b80; background: radial-gradient(ellipse at 50% 35%, #b58e3b14, transparent 62%), #0e1b2e; }
.mining-panel > p { color: #acbcd1; }
.mining-core { color: #ffe1a0; border-color: #e4bc6e; background: radial-gradient(circle at 35% 20%, #536078, #1a2f4b 60%, #0b192c); box-shadow: 0 0 0 9px #c1a15d0a, 0 0 45px #d2b66518, inset 0 0 30px #0005; }
.counter { color: #b5c4d7; }
.robot-card { border-color: #a0835066; background: linear-gradient(125deg, #1a2a42, #0d1c31); }
.robot-visual { color: #f4d396; border-color: #c1a35c60; background: radial-gradient(circle at 35% 20%, #536078, #1c304b 70%); }
.referral-rate { border-color: var(--line); background: linear-gradient(125deg, #172a42, #102038); }
.referral-mobile-card { border-color: var(--line); background: #11223a; }
.team-requirements { color: #a8bad0; }
.profile-card { border-color: #ac8c5666; background: linear-gradient(125deg, #213249, #112036); }
.settings-row { color: #ccd6e5; }
.auth-note { color: #c6b696; background: #d0a65808; border-color: #a58a5b55; }
.reference-card { background: #0d192b; }
.notice { color: #b6c6db; border-color: var(--line); background: #7c9dc808; }
.notice.warning { color: #dbc89e; border-color: #ba9b5d55; background: #b58e3b0d; }
.notice.success { color: #a8d2bf; border-color: #648e7d55; background: #6baf890b; }
.reward-callout { border-color: #b99b5e50; background: linear-gradient(100deg, #b7924d14, #a7bce309); }
.modal { background: #0f1d31; border-color: #6e624c; }
.modal-overlay { background: #020812d4; }
.modal-header { background: #0f1d31f7; border-color: var(--line); }
.modal-body { color: #bdcadd; }
.modal-header h2 { color: #f1f5fa; }
.toast { color: #f4e2b7; background: #1d2a3e; border-color: #8d794f; }
.mobile-nav { background: #0b192bf8; border-top-color: #736448; box-shadow: 0 -8px 30px #0004; }
.mobile-nav .nav-item { color: #9cacc1; }
.mobile-nav .nav-item.active { color: #ffe1a0; background: #c8a35f1a; }
.mobile-nav .nav-item[href="#mining"] > svg { border-color: #e3bc6b70; color: #ffdfa0; background: #6b55294a; }
.page-footer { color: #91a2b9; border-color: var(--line-soft); }

/* Shared activity icons. Company branding uses the unchanged MARA image. */
.game-mark { display: inline-grid; place-items: center; flex: 0 0 auto; width: 44px; height: 44px; border: 1px solid #bc965352; border-radius: 13px; color: #edc979; background: #0a1425; }
.game-mark svg { width: 26px; height: 26px; }
.brand-name { font-size: 20px; letter-spacing: 0; }
.account-avatar svg { width: 25px; height: 25px; }
.business-overview { margin-top: 22px; }
.business-overview .feature-grid { gap: 12px; }
.business-overview .feature-card { border-top-color: #a98b5660; }
.business-overview .feature-card h3 { color: #f0dfba; }

@media screen and (max-width: 1023px) {
  body { background: #040a13; }
  .app-main { background: var(--bg); }
  .topbar { background: #0b1525f5; }
  .mobile-brand > .game-mark { display: inline-grid; width: 36px; height: 36px; min-width: 36px; }
  .mobile-brand bdi { font-size: 16px; letter-spacing: 0; white-space: nowrap; }
  .home-hero { border-color: #8a704b80; }
  .home-hero .hero-mobile-description { color: #b6c5d8; }
  .home-stats .stat-card:first-child { border-color: #bd985d60; background: linear-gradient(110deg, #24334a, #13243b); }
  .home-stats .stat-card:first-child .stat-value { color: #ffe1a0; }
  .home-stats .stat-card:first-child .stat-label { color: #b8c7d9; }
  .task-card.completed .task-details h3 { color: #bed4ca; }
  .modal-header { background: #0f1d31f7; }
  .business-overview .feature-grid { grid-template-columns: minmax(0, 1fr); }
  .business-overview .feature-card { display: grid; grid-template-columns: 40px minmax(0, 1fr); align-items: center; gap: 5px 12px; padding: 16px; }
  .business-overview .feature-icon { grid-row: 1 / 3; }
  .business-overview .feature-card h3 { margin: 0; font-size: 15px; }
  .business-overview .feature-card p { margin: 0; font-size: 12px; }
}
@media print {
  .app-main, .card, .hero, .stat-card { background: #fff; color: #172337; }
}

/* Clear customer-facing hierarchy: one primary action, equipment-led artwork. */
.brand-hero { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr); align-items: center; gap: 16px 24px; min-height: 300px; padding: 30px; overflow: hidden; isolation: isolate; border: 1px solid #9e7e4b73; border-radius: 22px; background: radial-gradient(ellipse at 83% 30%, #43668522, transparent 62%), linear-gradient(115deg, #101e32, #0a1526); }
.brand-hero::before { position: absolute; inset: 0; z-index: -1; opacity: .15; content: ''; background-image: linear-gradient(#b1c9e61c 1px, transparent 1px), linear-gradient(90deg, #b1c9e61c 1px, transparent 1px); background-size: 38px 38px; mask-image: linear-gradient(0deg, #000, transparent); }
.brand-hero-copy { min-width: 0; position: relative; z-index: 2; }
.brand-hero .eyebrow { color: #d8bd82; font-size: 11px; letter-spacing: .8px; line-height: 1.7; }
.brand-hero h1 { margin: 12px 0; font-size: clamp(28px, 3vw, 40px); line-height: 1.4; letter-spacing: -.5px; }
.brand-hero h1 > span { color: #f6d58c; }
.brand-hero-copy > p { max-width: 32ch; color: #b5c5d9; font-size: 14px; line-height: 1.8; }
.brand-hero-art { min-width: 0; grid-column: 2; grid-row: 1 / 3; align-self: stretch; display: flex; align-items: center; }
.brand-hero-art img { width: 100%; height: 100%; max-height: 280px; object-fit: contain; }
.brand-hero-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; position: relative; z-index: 2; }
.brand-hero-tags > span { display: inline-flex; align-items: center; min-height: 28px; padding: 4px 9px; border: 1px solid #9b895044; border-radius: 6px; background: #0a17258c; color: #cbd4e0; font-size: 11px; line-height: 1.6; }
.brand-hero-tags > span:first-child { color: #f1ce87; font-family: 'Segoe UI', Arial, sans-serif; font-weight: 700; }
.account-dashboard { margin-top: 18px; padding: 22px; border: 1px solid #ad8a4d5c; border-radius: 19px; background: linear-gradient(115deg, #1b2c43, #101e32); box-shadow: 0 12px 35px #0002; }
.dashboard-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #acbfd3; font-size: 13px; }
.membership-chip { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; gap: 7px; padding: 6px 9px; border: 1px solid #bc9a5b45; border-radius: 9px; color: #e8cf9d; background: #a8823e0c; font-size: 11px; }
.membership-chip bdi { font-size: 14px; font-weight: 700; }
.membership-chip svg { width: 14px; height: 14px; }
.dashboard-row { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); align-items: center; gap: 18px; margin-block: 12px 17px; }
.dashboard-balance { min-width: 0; color: #ffe1a0; font-size: 38px; font-family: 'Segoe UI', Tahoma, sans-serif; font-weight: 600; line-height: 1.25; letter-spacing: -.5px; overflow-wrap: anywhere; }
.dashboard-balance small { color: #b2bdd0; font-size: 12px; font-weight: 400; letter-spacing: 0; }
.dashboard-stats { display: grid; gap: 9px; border-inline-start: 1px solid #7c8ba02d; padding-inline-start: 18px; }
.dashboard-stats > div { display: flex; justify-content: space-between; align-items: center; gap: 8px; min-width: 0; }
.dashboard-stats span { color: #aebfd2; font-size: 12px; }
.dashboard-stats strong { color: #d9e2ef; font-size: 15px; font-weight: 500; }
.dashboard-stats strong small { font-size: 9px; color: #a7b6ca; }
.dashboard-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.dashboard-actions > .button { width: 100%; min-height: 48px; }
.home-services .section-heading { margin-bottom: 11px; }
.home-service-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.home-service-item { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; min-height: 104px; padding: 14px 8px; border: 1px solid #2a3a51; border-radius: 15px; color: #cbd6e5; background: linear-gradient(145deg, #132239, #0d1a2c); text-align: center; }
.home-service-item > span { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid #a3895140; border-radius: 12px; color: #e1bd76; background: #c39d4c08; }
.home-service-item svg { width: 21px; height: 21px; }
.home-service-item strong { font-size: 12px; line-height: 1.7; font-weight: 500; }
.home-service-item:hover { border-color: #a58b57; background: #17273e; }
.industry-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.industry-card { position: relative; min-width: 0; padding: 20px; border: 1px solid #2b3a50; border-radius: 16px; background: linear-gradient(150deg, #14233a, #0e1b2e); }
.industry-icon { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 14px; border: 1px solid #b79a5e3b; border-radius: 12px; color: #e4bd74; background: #cda54e0c; }
.industry-card[data-industry="server"] .industry-icon { color: #a0c2e8; border-color: #7b9dbd40; background: #7ba6d20b; }
.industry-index { position: absolute; inset-inline-end: 18px; top: 19px; color: #667992; font-size: 12px; font-family: 'Segoe UI', Arial, sans-serif; }
.industry-card h3 { margin: 0 0 7px; font-size: 16px; color: #e4eaf3; }
.industry-card p { font-size: 12px; color: #aebfd2; line-height: 1.85; }
.daily-progress-label { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 11px; color: #b5c6da; font-size: 13px; }
.daily-overview p { margin-top: 13px; }
.text-link { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; margin-top: 7px; color: #edce93; font-size: 13px; }
.text-link svg { width: 17px; height: 17px; }
.task-card > .button:not(:disabled) { color: #131a24; border-color: #e3b967; background: linear-gradient(110deg, #d9a74d, #ffe2a2 55%, #e3b45f); }
.account-identity { display: flex; position: relative; align-items: center; gap: 13px; padding-bottom: 18px; }
.account-identity h2 { font-size: 19px; }
.account-identity p { margin-top: 3px; font-size: 12px; }
.account-identity > .level-badge { position: static; margin-inline-start: auto; padding: 6px 8px; }
.account-avatar { display: grid; place-items: center; width: 52px; height: 52px; flex: 0 0 auto; border: 1px solid #b895525c; border-radius: 16px; background: #b8955210; color: #f5d48c; font-size: 24px; font-family: 'Segoe UI', Arial, sans-serif; }
.account-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding-top: 17px; border-top: 1px solid var(--line); gap: 12px; }
.account-summary > div { display: grid; gap: 5px; min-width: 0; }
.account-summary strong { color: #e7d3aa; font-size: 18px; font-weight: 600; }
.account-summary small { color: #9eb0c6; font-size: 11px; }
.account-setting-link { display: flex; align-items: center; gap: 12px; min-height: 76px; padding: 16px 0; border-bottom: 1px solid #233247; }
.account-setting-link:last-child { border-bottom: 0; padding-bottom: 0; }
.account-setting-link > svg:first-child { flex: 0 0 auto; width: 23px; height: 23px; padding: 10px; box-sizing: content-box; border: 1px solid #9e86473d; border-radius: 13px; color: #d9b66e; background: #bb97480a; }
.account-setting-link > span { min-width: 0; flex: 1; }
.account-setting-link strong { display: block; color: #dce5f1; font-size: 14px; font-weight: 500; }
.account-setting-link small { display: block; margin-top: 4px; color: #a5b7cb; font-size: 12px; line-height: 1.7; }
.account-setting-link > .direction-arrow { width: 17px; height: 17px; color: #91a4bd; }
.account-language > p { margin-top: 10px; }
.account-language-options { margin-bottom: 0; }
.account-language-options .language-option { min-height: 74px; }
.account-about > p { margin-top: 12px; }
.team-empty-state { display: flex; gap: 14px; align-items: center; margin-bottom: 18px; }
.team-empty-state strong { color: #d8e2ee; font-size: 14px; }
.team-empty-state p { margin-top: 4px; font-size: 12px; }
.developer-panel { border-style: dashed; }
.developer-panel > summary { min-height: 44px; padding-block: 8px; cursor: pointer; color: #c7b185; }
.mobile-nav .nav-item[href="#mining"] > svg { box-sizing: border-box; width: 23px; height: 23px; padding: 0; margin: 0; border: 0; border-radius: 0; background: none; color: inherit; }

@media screen and (max-width: 1023px) {
  .brand-hero { display: block; min-height: 222px; padding: 19px 18px; }
  .brand-hero-copy { max-width: 61%; }
  .brand-hero .eyebrow { font-size: 10px; letter-spacing: 0; line-height: 1.65; }
  .brand-hero h1 { margin: 10px 0; font-size: clamp(23px, 6vw, 28px); line-height: 1.4; letter-spacing: -.4px; }
  .brand-hero-copy > p { max-width: 23ch; font-size: 12px; line-height: 1.8; }
  .brand-hero-art { position: absolute; inset-inline-end: -44px; top: 26px; bottom: 24px; width: 66%; opacity: .95; mask-image: linear-gradient(270deg, transparent, #000 26%); }
  html[dir="ltr"] .brand-hero-art { mask-image: linear-gradient(90deg, transparent, #000 26%); }
  .brand-hero-art img { max-height: none; }
  .brand-hero-tags { margin-top: 15px; gap: 6px; }
  .brand-hero-tags > span { min-height: 24px; padding: 3px 7px; font-size: 10px; }
  .account-dashboard { padding: 16px; margin-top: 14px; }
  .dashboard-head { gap: 9px; font-size: 12px; }
  .membership-chip { min-height: 44px; gap: 5px; padding: 5px 7px; font-size: 10px; }
  .membership-chip svg { width: 13px; height: 13px; }
  .dashboard-row { gap: 12px; margin: 10px 0 15px; }
  .dashboard-balance { font-size: clamp(24px, 7.8vw, 34px); }
  .dashboard-balance small { font-size: 11px; }
  .dashboard-stats { gap: 8px; padding-inline-start: 12px; }
  .dashboard-stats span { font-size: 11px; }
  .dashboard-stats strong { font-size: 13px; }
  .dashboard-stats strong small { font-size: 8px; }
  .dashboard-actions { gap: 9px; }
  .dashboard-actions > .button { padding-inline: 10px; font-size: 13px; }
  .home-services { margin-top: 19px; }
  .home-services .section-heading { margin-bottom: 8px; }
  .home-services .section-heading h2 { font-size: 17px; }
  .home-services .section-heading > a { font-size: 12px; }
  .home-service-grid { gap: 8px; }
  .home-service-item { min-height: 94px; gap: 7px; padding: 12px 5px; border-radius: 13px; justify-content: start; }
  .home-service-item > span { width: 34px; height: 34px; border-radius: 11px; }
  .home-service-item svg { width: 20px; height: 20px; }
  .home-service-item strong { font-size: 11px; line-height: 1.6; }
  .industry-grid { grid-template-columns: minmax(0, 1fr); gap: 11px; }
  .industry-card { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 4px 12px; padding: 16px; }
  .industry-icon { grid-row: 1 / 3; margin: 0; align-self: center; }
  .industry-card h3 { padding-inline-end: 18px; margin: 0; font-size: 15px; }
  .industry-card p { margin: 0; font-size: 12px; }
  .industry-index { inset-inline-end: 13px; top: 15px; font-size: 10px; }
  .daily-overview { padding: 18px; }
  .account-identity { gap: 11px; }
  .account-summary { gap: 8px; }
  .account-summary strong { font-size: 16px; }
  .account-summary small { font-size: 11px; }
  .account-setting-link { min-height: 79px; }
  .account-setting-link strong { font-size: 14px; }
  .account-setting-link small { font-size: 12px; }
  .mobile-nav .nav-item { min-height: 62px; }
}
@media screen and (max-width: 359px) {
  .brand-hero { padding: 18px 15px; }
  .brand-hero-copy { max-width: 63%; }
  .brand-hero h1 { font-size: 23px; }
  .brand-hero-art { inset-inline-end: -38px; width: 64%; }
  .brand-hero-tags { gap: 5px; }
  .brand-hero-tags > span { padding-inline: 6px; font-size: 9px; }
  .home-service-grid { gap: 6px; }
  .home-service-item { padding-inline: 4px; }
  .dashboard-stats span { font-size: 10px; }
  .account-avatar { width: 44px; height: 44px; }
  .account-identity h2 { font-size: 17px; }
  .account-identity p { font-size: 11px; }
}

/* MARA branding: display the original bitmap with no crop, mask or recoloring. */
.brand > .mara-brand-logo, .mobile-brand > .mara-brand-logo {
  display:block;flex:0 0 auto;width:62px;height:62px;object-fit:contain;object-position:center;
  border:0;border-radius:0;padding:0;background:transparent;mask:none;filter:none;
}
.brand .brand-name {font:700 26px/1.2 "Segoe UI",Tahoma,Arial,sans-serif;letter-spacing:2px;white-space:nowrap}
.brand .brand-subtitle {margin-top:5px;font-size:11px;letter-spacing:.5px;white-space:nowrap}
.mobile-brand > span {min-width:0}
.mobile-brand small bdi {font-size:10px;letter-spacing:.15px;white-space:nowrap}
.mara-company-hero .brand-hero-copy {max-width:none}
.mara-company-hero h1.mara-company-name {font-family:"Segoe UI",Tahoma,Arial,sans-serif;font-size:clamp(27px,3.2vw,43px);line-height:1.25;letter-spacing:-.7px;overflow-wrap:normal}
.mara-company-hero .mara-stock {display:inline-flex;max-width:100%;color:var(--gold-light);letter-spacing:1.2px;white-space:nowrap}
.mara-company-hero .brand-hero-art {justify-content:center}
.mara-company-hero .brand-hero-art img {width:100%;height:100%;max-width:280px;max-height:280px;object-fit:contain;border-radius:0;mask:none}
.mara-business-grid {position:relative;z-index:2;grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:8px}
.mara-business-grid > span {display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 12px;border:1px solid #b18b4b55;border-radius:10px;background:#0a1428b3;color:#e8d3a9;font-size:12px;line-height:1.6;text-align:center;overflow-wrap:anywhere}
@media(max-width:1023px){
  .mobile-brand > .mara-brand-logo {width:46px;height:46px;min-width:46px}
  .mobile-brand bdi {font-size:20px;letter-spacing:1.7px}
  .mobile-brand small bdi {font-size:9px;letter-spacing:0}
  .mara-company-hero {display:grid;grid-template-columns:minmax(0,1fr) 108px;gap:14px;min-height:0;padding:20px}
  .mara-company-hero .brand-hero-copy {max-width:none;grid-column:1;grid-row:1}
  .mara-company-hero h1.mara-company-name {font-size:clamp(24px,6.3vw,32px);letter-spacing:-.4px;line-height:1.3;margin:10px 0}
  .mara-company-hero .brand-hero-copy > p {display:none}
  .mara-company-hero .brand-hero-art {position:static;inset:auto;grid-column:2;grid-row:1;width:108px;height:108px;align-self:center;mask-image:none;opacity:1}
  .mara-company-hero .brand-hero-art img {width:108px;height:108px;max-height:none}
  .mara-business-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:0}
  .mara-business-grid > span {min-height:43px;padding:8px;font-size:11px}
  .mara-company-hero .mara-stock {font-size:10px;letter-spacing:.7px}
}
@media(max-width:359px){
  .topbar {gap:8px;padding-inline:13px}
  .topbar-actions {gap:5px}
  .topbar-actions > .avatar,.topbar-actions > .icon-button {width:38px;height:38px;min-width:38px}
  .topbar-actions > .language-toggle {min-height:38px;padding-inline:8px;font-size:11px}
  .mobile-brand {gap:7px}
  .mobile-brand > .mara-brand-logo {width:40px;height:40px;min-width:40px}
  .mobile-brand bdi {font-size:18px}.mobile-brand small bdi {font-size:8px}
  .mara-company-hero {grid-template-columns:minmax(0,1fr) 88px;padding:17px;gap:12px}
  .mara-company-hero .brand-hero-art,.mara-company-hero .brand-hero-art img {width:88px;height:88px}
  .mara-company-hero h1.mara-company-name {font-size:23px}
}