Engineer

About

/* ============================ Circuitrocks — Collection Copy (scoped) Engineer Tools Japan collection page ============================ */ #crx-engineer{ --crx-primary:#1f2937; --crx-primary-600:#111827; --crx-primary-2:#2563eb; --crx-accent:#dc2626; --crx-text:#0f172a; --crx-muted:#475569; --crx-border:#e5e7eb; --crx-bg:#f8fafc; --crx-card:#ffffff; --crx-soft:#eef2ff; --crx-warm:#fff7ed; --crx-warm-border:#fed7aa; --crx-shadow:0 10px 26px rgba(2,6,23,.08); --crx-radius:18px; font-size:18px; line-height:1.75; color:var(--crx-text); } #crx-engineer .section + .section{margin-top:18px} #crx-engineer h2{ font-size:1.85rem; line-height:1.2; margin:0 0 .7rem; letter-spacing:-.02em; } #crx-engineer h3{ font-size:1.28rem; line-height:1.3; margin:0 0 .75rem; letter-spacing:-.01em; } #crx-engineer p{margin:.65rem 0;color:var(--crx-text)} #crx-engineer .muted{color:var(--crx-muted)} #crx-engineer a{ color:var(--crx-primary-2); text-decoration:underline; text-underline-offset:2px; } #crx-engineer a:hover{color:var(--crx-accent)} #crx-engineer .crx-hero{ position:relative; overflow:hidden; background:linear-gradient(180deg,var(--crx-bg) 0%, #ffffff 100%); border:1px solid var(--crx-border); border-radius:22px; padding:22px; box-shadow:var(--crx-shadow); margin:0 0 16px; } #crx-engineer .crx-hero::after{ content:""; position:absolute; right:-40px; top:-40px; width:180px; height:180px; border-radius:999px; background:radial-gradient(circle, rgba(37,99,235,.12) 0%, rgba(37,99,235,0) 70%); pointer-events:none; } #crx-engineer .crx-kicker{ display:inline-flex; align-items:center; gap:8px; padding:.35rem .8rem; border-radius:999px; background:var(--crx-soft); border:1px solid rgba(37,99,235,.14); color:#1e3a8a; font-weight:700; font-size:.92rem; margin-bottom:.85rem; } #crx-engineer .crx-hero-copy{ max-width:960px; position:relative; z-index:1; } #crx-engineer .crx-hero p:last-child{margin-bottom:0} #crx-engineer .crx-badges{ display:flex; flex-wrap:wrap; gap:8px; margin:.9rem 0 0;