Steps 8-15: consistency pass — subheading, spacing, dividers, Link atom

- CrematoriumStep: body1 subheading, mb:5, section dividers between questions
- CemeteryStep, CoffinDetailsStep, AdditionalServicesStep, SummaryStep: mb:5
- CoffinDetailsStep: body1 subheading
- PaymentStep: mb:5, Link atom for terms links (replaces Box component=a)
- ConfirmationStep: Link atom for phone number

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

src/components/pages/PaymentStep/PaymentStep.tsx

@@ -11,6 +11,7 @@ import { Collapse } from '../../atoms/Collapse';
 import { Typography } from '../../atoms/Typography';
 import { Button } from '../../atoms/Button';
 import { Divider } from '../../atoms/Divider';
+import { Link } from '../../atoms/Link';
 
 // ─── Types ───────────────────────────────────────────────────────────────────
 
@@ -128,7 +129,7 @@ export const PaymentStep: React.FC<PaymentStepProps> = ({
         Payment
       </Typography>
 
-      <Box sx={{ display: 'flex', alignItems: 'center', gap: 1, mb: 4 }}>
+      <Box sx={{ display: 'flex', alignItems: 'center', gap: 1, mb: 5 }}>
         <LockOutlinedIcon sx={{ fontSize: 16, color: 'text.secondary' }} />
         <Typography variant="body2" color="text.secondary">
           Your payment is processed securely. You won&apos;t be charged more than the total shown.
@@ -287,29 +288,13 @@ export const PaymentStep: React.FC<PaymentStepProps> = ({
           label={
             <Typography variant="body2">
               I agree to the{' '}
-              <Box
-                component="a"
-                href="#"
-                sx={{
-                  color: 'var(--fa-color-text-brand)',
-                  textDecoration: 'underline',
-                  fontSize: 'inherit',
-                }}
-              >
+              <Link href="#" underline="always">
                 service agreement
-              </Box>{' '}
+              </Link>{' '}
               and{' '}
-              <Box
-                component="a"
-                href="#"
-                sx={{
-                  color: 'var(--fa-color-text-brand)',
-                  textDecoration: 'underline',
-                  fontSize: 'inherit',
-                }}
-              >
+              <Link href="#" underline="always">
                 privacy policy
-              </Box>
+              </Link>
             </Typography>
           }
           sx={{ mb: 1, alignItems: 'flex-start', '& .MuiCheckbox-root': { pt: 0.5 } }}