/* ============================================================
SQUAREI — Lifang-inspired Clean Design System
============================================================ */
/* Google Fonts loaded non-blocking via in HTML */
/* ── Tokens ── */
:root {
--white: #ffffff;
--black: #000000;
--ink: #111111;
--gray-1: #333333;
--gray-2: #666666;
--gray-3: #999999;
--gray-4: #cccccc;
--gray-5: #eeeeee;
--orange: #e65d38;
--navy: #0c2a52;
--font-sans: 'DM Sans', system-ui, sans-serif;
--nav-h: 60px;
--max-w: 1520px;
}
/* ── Reset ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 16px; scroll-behavior: smooth; }
body {
font-family: var(--font-sans);
background: var(--white);
color: var(--ink);
font-weight: 400;
line-height: 1.6;
overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; object-fit: cover; }
button { font-family: inherit; border: none; background: none; cursor: pointer; }
::selection { background: var(--ink); color: var(--white); }
/* ── Accessibility & SEO Screen-Reader Only ── */
.sr-only {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
/* ── Disable custom cursor ── */
#cursor-dot, #cursor-circle { display: none !important; }
/* ── Scroll progress ── */
#scroll-bar { display: none; }
/* ── Loader ── */
/* Spinner ring — defined here once; removed from per-page inline