perf+style: trim unused Lora weight, soften subpage card borders

Two related cleanups on the subpages.

Lora was loading weights [400, 500, 700] but nothing in the code
actually targets weight 400. Drops it to [500, 700], saving the
two extra font files (~25KB over the wire). The certificate and
@username header still render identically.

Subpage cards (About, FAQ, Legal, Pricing) were overriding the
default .record-card border with 2px solid var(--c-border). With
the unified cream background that landed earlier, the hard black
2px outline looked too heavy. The override is removed so cards
fall back to 1px solid var(--c-border-light), which reads as a
quiet record line instead of a heavy framed panel.

Also drops a broken --c-panel-2 fallback on the Pricing form card
(token never existed; was falling back to transparent anyway).

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

Author: dotsystemsdevs

src/app/about/AboutContent.tsx

@@ -58,7 +58,6 @@ export default function AboutContent() {
           <div
             key={id}
             className="record-card"
-            style={{ border: '2px solid var(--c-border)' }}
           >
             <p className="record-label">{heading}</p>
             <p className="record-value" style={{ fontSize: 'clamp(14px, 3.8vw, 15px)', lineHeight: 1.75, color: 'var(--c-ink-2)' }}>

src/app/faq/FAQContent.tsx

@@ -27,7 +27,6 @@ export default function FAQContent({ items }: { items: FAQItem[] }) {
           <section
             key={i}
             className="record-card"
-            style={{ border: '2px solid var(--c-border)' }}
           >
             <h2 className="record-label" style={{ fontSize: '11px', margin: '0 0 8px 0' }}>{q}</h2>
             <p className="record-value" style={{ fontSize: 'clamp(14px, 3.8vw, 15px)', lineHeight: 1.75, color: 'var(--c-ink-2)' }}>

src/app/layout.tsx

@@ -16,7 +16,7 @@ const spaceGrotesk = Space_Grotesk({
 
 const lora = Lora({
   subsets: ['latin'],
-  weight: ['400', '500', '700'],
+  weight: ['500', '700'],
   style: ['normal', 'italic'],
   variable: '--font-dm',
   display: 'swap',

src/app/legal/legalContent.tsx

@@ -59,7 +59,6 @@ export default function LegalContent() {
               key={section.id}
               id={section.id}
               className="record-card"
-              style={{ border: '2px solid var(--c-border)' }}
             >
               <p className="record-label">{section.heading}</p>
               <p className="record-value" style={{ fontSize: 'clamp(14px, 3.8vw, 15px)', lineHeight: 1.75, color: 'var(--c-ink-2)' }}>

src/app/pricing/PricingContent.tsx

@@ -113,7 +113,6 @@ export default function PricingContent() {
           <div
             key={id}
             className="record-card"
-            style={{ border: '2px solid var(--c-border)' }}
           >
             <p className="record-label">{heading}</p>
             <p className="record-value" style={{ fontSize: 'clamp(14px, 3.8vw, 15px)', lineHeight: 1.75, color: 'var(--c-ink-2)' }}>
@@ -148,8 +147,6 @@ export default function PricingContent() {
         <div
           className="record-card"
           style={{
-            border: '2px solid var(--c-border)',
-            background: 'var(--c-panel-2, transparent)',
             padding: '28px 20px',
             marginTop: '8px',
           }}