From 4d90d834ce8395829e6b9d15ab6da0627be66c53 Mon Sep 17 00:00:00 2001 From: neo Date: Thu, 25 Jun 2026 19:02:44 +0500 Subject: [PATCH] Replace all var(--mono) with explicit 'IBM Plex Mono' font-family --- index_ibm.html | 46 +++++++++++++++++++++++----------------------- 1 file changed, 23 insertions(+), 23 deletions(-) diff --git a/index_ibm.html b/index_ibm.html index e693419..dd5720d 100644 --- a/index_ibm.html +++ b/index_ibm.html @@ -133,7 +133,7 @@ section { padding: 120px 0; position: relative; z-index: 1; } font-size: 0.6875rem; text-transform: uppercase; letter-spacing: 0.18em; color: var(--accent); margin-bottom: 16px; font-weight: 600; - font-family: var(--mono); + font-family: 'IBM Plex Mono', 'SF Mono', monospace; display: inline-flex; align-items: center; gap: 10px; } .section-label::after { @@ -171,7 +171,7 @@ section { padding: 120px 0; position: relative; z-index: 1; } .logo-mark { width: 32px; height: 32px; border-radius: 6px; background: var(--accent); display: flex; align-items: center; - justify-content: center; font-family: var(--mono); + justify-content: center; font-family: 'IBM Plex Mono', 'SF Mono', monospace; font-size: 0.8125rem; font-weight: 700; color: #fff; transition: transform 0.3s var(--ease-out); } @@ -190,7 +190,7 @@ section { padding: 120px 0; position: relative; z-index: 1; } .nav a:hover::after { width: 100%; } .header-actions { display: flex; align-items: center; gap: 16px; } .header-phone { - font-size: 0.8125rem; color: var(--text-sec); font-family: var(--mono); + font-size: 0.8125rem; color: var(--text-sec); font-family: 'IBM Plex Mono', 'SF Mono', monospace; transition: color 0.2s; } .header-phone:hover { color: var(--text); } @@ -227,7 +227,7 @@ section { padding: 120px 0; position: relative; z-index: 1; } } .btn:hover::before { opacity: 1; } .btn-accent { - background: var(--accent); color: #000; font-family: var(--mono); + background: var(--accent); color: #000; font-family: 'IBM Plex Mono', 'SF Mono', monospace; } [data-theme="light"] .btn-accent { color: #fff; } .btn-accent:hover { background: #16a34a; transform: translateY(-1px); box-shadow: 0 8px 24px var(--accent-dim); } @@ -254,7 +254,7 @@ section { padding: 120px 0; position: relative; z-index: 1; } .hero-label { font-size: 0.6875rem; text-transform: uppercase; letter-spacing: 0.2em; color: var(--accent); - margin-bottom: 24px; font-family: var(--mono); + margin-bottom: 24px; font-family: 'IBM Plex Mono', 'SF Mono', monospace; display: flex; align-items: center; gap: 8px; } .hero-label::before { @@ -283,7 +283,7 @@ h1 .accent { color: var(--accent); } display: flex; flex-direction: column; gap: 4px; } .hero-meta-value { - font-size: 1.75rem; font-weight: 700; font-family: var(--mono); + font-size: 1.75rem; font-weight: 700; font-family: 'IBM Plex Mono', 'SF Mono', monospace; letter-spacing: -0.03em; } .hero-meta-label { @@ -320,13 +320,13 @@ h1 .accent { color: var(--accent); } position: relative; z-index: 1; } .dash-brand { - font-size: 0.75rem; font-weight: 500; font-family: var(--mono); + font-size: 0.75rem; font-weight: 500; font-family: 'IBM Plex Mono', 'SF Mono', monospace; letter-spacing: 0.05em; display: flex; align-items: center; gap: 8px; } .dash-brand svg { flex-shrink: 0; } .dash-status { display: flex; align-items: center; gap: 6px; - font-size: 0.6875rem; color: var(--accent); font-family: var(--mono); + font-size: 0.6875rem; color: var(--accent); font-family: 'IBM Plex Mono', 'SF Mono', monospace; } .dash-dot { width: 6px; height: 6px; background: var(--accent); @@ -346,11 +346,11 @@ h1 .accent { color: var(--accent); } .dash-big-label { font-size: 0.6875rem; color: var(--text-dim); text-transform: uppercase; letter-spacing: 0.12em; - margin-bottom: 8px; font-family: var(--mono); + margin-bottom: 8px; font-family: 'IBM Plex Mono', 'SF Mono', monospace; } .dash-big-value { font-size: clamp(3rem, 5vw, 5rem); font-weight: 700; - font-family: var(--mono); + font-family: 'IBM Plex Mono', 'SF Mono', monospace; line-height: 1; } .dash-big-value .accent { color: var(--accent); } @@ -369,10 +369,10 @@ h1 .accent { color: var(--accent); } .dash-cell-label { font-size: 0.6875rem; color: var(--text-dim); text-transform: uppercase; letter-spacing: 0.1em; - margin-bottom: 8px; font-family: var(--mono); + margin-bottom: 8px; font-family: 'IBM Plex Mono', 'SF Mono', monospace; } .dash-cell-value { - font-size: 1.5rem; font-weight: 600; font-family: var(--mono); + font-size: 1.5rem; font-weight: 600; font-family: 'IBM Plex Mono', 'SF Mono', monospace; letter-spacing: -0.02em; margin-bottom: 4px; transition: color 0.3s; } @@ -389,10 +389,10 @@ h1 .accent { color: var(--accent); } .dash-mini-label { font-size: 0.625rem; color: var(--text-dim); text-transform: uppercase; letter-spacing: 0.1em; - margin-bottom: 8px; font-family: var(--mono); + margin-bottom: 8px; font-family: 'IBM Plex Mono', 'SF Mono', monospace; } .dash-mini-value { - font-size: 1.25rem; font-weight: 600; font-family: var(--mono); + font-size: 1.25rem; font-weight: 600; font-family: 'IBM Plex Mono', 'SF Mono', monospace; margin-bottom: 4px; transition: color 0.4s var(--ease-out), transform 0.3s var(--ease-out); } @@ -409,7 +409,7 @@ h1 .accent { color: var(--accent); } .dash-toggle-btn { flex: 1; padding: 10px; border: none; background: transparent; font-size: 0.6875rem; color: var(--text-dim); cursor: pointer; - font-family: var(--mono); text-transform: uppercase; + font-family: 'IBM Plex Mono', 'SF Mono', monospace; text-transform: uppercase; letter-spacing: 0.08em; transition: all 0.3s var(--ease-out); border-right: 1px solid var(--border); position: relative; } @@ -435,7 +435,7 @@ h1 .accent { color: var(--accent); } align-items: center; } .manifesto-number { - font-size: 8rem; font-weight: 700; font-family: var(--mono); + font-size: 8rem; font-weight: 700; font-family: 'IBM Plex Mono', 'SF Mono', monospace; letter-spacing: -0.05em; line-height: 0.9; color: var(--text-dim); } @@ -484,7 +484,7 @@ h1 .accent { color: var(--accent); } } .problem-num { font-size: 0.6875rem; color: var(--text-dim); - font-family: var(--mono); letter-spacing: 0.05em; + font-family: 'IBM Plex Mono', 'SF Mono', monospace; letter-spacing: 0.05em; } .problem-card h3 { font-size: 1.375rem; font-weight: 700; letter-spacing: -0.02em; @@ -558,7 +558,7 @@ h1 .accent { color: var(--accent); } .step:last-child { border-right: none; } .step:hover { background: var(--accent-dim); } .step-num { - font-size: 2.5rem; font-weight: 700; font-family: var(--mono); + font-size: 2.5rem; font-weight: 700; font-family: 'IBM Plex Mono', 'SF Mono', monospace; color: var(--accent); letter-spacing: -0.03em; margin-bottom: 16px; line-height: 1; opacity: 0.6; transition: opacity 0.3s; @@ -566,7 +566,7 @@ h1 .accent { color: var(--accent); } .step:hover .step-num { opacity: 1; } .step h3 { font-size: 1rem; font-weight: 700; margin-bottom: 6px; letter-spacing: -0.01em; } .step p { font-size: 0.8125rem; color: var(--text-sec); line-height: 1.6; } -.step-time { font-size: 0.6875rem; color: var(--text-dim); font-family: var(--mono); margin-top: 12px; } +.step-time { font-size: 0.6875rem; color: var(--text-dim); font-family: 'IBM Plex Mono', 'SF Mono', monospace; margin-top: 12px; } /* ── PRICING ── */ .pricing { border-bottom: 1px solid var(--border); } @@ -590,10 +590,10 @@ h1 .accent { color: var(--accent); } .price-name { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.15em; color: var(--text-dim); - font-family: var(--mono); margin-bottom: 24px; + font-family: 'IBM Plex Mono', 'SF Mono', monospace; margin-bottom: 24px; } .price-amount { - font-size: 4rem; font-weight: 700; font-family: var(--mono); + font-size: 4rem; font-weight: 700; font-family: 'IBM Plex Mono', 'SF Mono', monospace; letter-spacing: -0.04em; margin-bottom: 8px; transition: color 0.3s; } @@ -629,7 +629,7 @@ h1 .accent { color: var(--accent); } } .faq-q:hover { color: var(--accent); } .faq-q::after { - content: '+'; font-family: var(--mono); font-size: 1.25rem; + content: '+'; font-family: 'IBM Plex Mono', 'SF Mono', monospace; font-size: 1.25rem; color: var(--text-dim); transition: transform 0.3s var(--ease-out); flex-shrink: 0; margin-left: 16px; } @@ -652,7 +652,7 @@ h1 .accent { color: var(--accent); } .footer-col h4 { font-size: 0.6875rem; text-transform: uppercase; letter-spacing: 0.12em; color: var(--text-sec); - margin-bottom: 16px; font-family: var(--mono); + margin-bottom: 16px; font-family: 'IBM Plex Mono', 'SF Mono', monospace; } .footer-col a, .footer-col p { display: block; color: var(--text-dim);