Shipping policy

:root { --bg-cream: #faf8f5; --card-bg: #ffffff; --text-main: #2b2b2b; --text-muted: #737373; --accent-gold: #c5a880; --border-color: #ede8e1; } * { box-sizing: border-box; margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", serif; } body { background-color: var(--bg-cream); display: flex; justify-content: center; align-items: center; min-height: 100vh; padding: 24px; } .policy-card { background: var(--card-bg); border: 1px solid var(--border-color); border-radius: 12px; max-width: 580px; padding: 40px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03); text-align: center; } /* Track & Delivery Truck Animation */ .truck-track { position: relative; height: 48px; margin-bottom: 24px; overflow: hidden; } .truck-track::after { content: ''; position: absolute; bottom: 6px; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--border-color) 20%, var(--border-color) 80%, transparent); } .truck-wrapper { position: absolute; bottom: 8px; display: flex; align-items: center; animation: driveAcross 9s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite; } .truck-icon { width: 32px; height: 32px; fill: none; stroke: var(--accent-gold); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; } @keyframes driveAcross { 0% { left: -15%; opacity: 0; } 10% { opacity: 1; } 85% { opacity: 1; } 100% { left: 105%; opacity: 0; } } /* Policy Content */ .policy-subtitle { font-size: 11px; letter-spacing: 0.25em; text-transform: uppercase; color: var(--accent-gold); margin-bottom: 8px; font-weight: 600; } .policy-title { font-size: 24px; font-weight: 400; letter-spacing: -0.01em; color: var(--text-main); margin-bottom: 16px; } .policy-body { font-size: 14.5px; line-height: 1.7; color: var(--text-muted); margin-bottom: 28px; } /* Feature Pillars */ .policy-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; padding-top: 24px; border-top: 1px solid var(--border-color); } .grid-item h4 { font-size: 13px; font-weight: 600; color: var(--text-main); margin-bottom: 4px; letter-spacing: 0.02em; } .grid-item p { font-size: 12px; color: var(--text-muted); }