/* Extracted from index.html — page-specific styles.
   Kept separate per-page (not merged into one shared file) because
   each page defines its own --apple-* variable values and a couple
   of same-named classes (e.g. .apple-card) with different rules;
   merging them would silently change another page's look. */

        :root {
            --apple-bg: #f5f5f7;
            --apple-text: #1d1d1f;
            --apple-gray: #86868b;
            --spring-easing: cubic-bezier(0.25, 1, 0.5, 1);
        }

        body { 
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; 
            background-color: var(--apple-bg);
            color: var(--apple-text);
            -webkit-font-smoothing: antialiased;
            overflow-x: hidden;
            scroll-behavior: smooth;
        }

        /* --- Fluid Animations --- */
        @keyframes springUp { 
            from { opacity: 0; transform: translateY(30px) scale(0.98); } 
            to { opacity: 1; transform: translateY(0) scale(1); } 
        }
        .animate-spring { animation: springUp 0.8s var(--spring-easing) both; }
        .delay-1 { animation-delay: 0.1s; }
        .delay-2 { animation-delay: 0.2s; }
        .delay-3 { animation-delay: 0.3s; }

        /* --- Custom UI Elements --- */
        .apple-card {
            background: #ffffff;
            border-radius: 2rem;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02), 0 1px 3px rgba(0,0,0,0.02);
            transition: transform 0.4s var(--spring-easing), box-shadow 0.4s var(--spring-easing);
        }
        .apple-card:hover { transform: translateY(-4px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06); }

        .apple-btn-primary { background-color: var(--apple-text); color: #ffffff; border-radius: 9999px; transition: all 0.3s var(--spring-easing); }
        .apple-btn-primary:hover { background-color: #333336; transform: scale(0.98); }
        .apple-btn-primary:active { transform: scale(0.95); }

        .apple-btn-secondary { background-color: #ffffff; color: var(--apple-text); border: 1px solid rgba(0,0,0,0.1); border-radius: 9999px; transition: all 0.3s var(--spring-easing); }
        .apple-btn-secondary:hover { background-color: #f0f0f0; transform: scale(0.98); }

        /* --- Ticker --- */
        @keyframes ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } }
        .ticker-inner { animation: ticker 25s linear infinite; display: flex; white-space: nowrap; }
        
        /* --- Trust Pulse --- */
        @keyframes softPulse { 0%,100%{box-shadow:0 0 0 0 rgba(52,199,89,0.4)} 50%{box-shadow:0 0 0 6px rgba(52,199,89,0)} }
        .live-dot { animation: softPulse 2s infinite; background-color: #34c759; }

        /* --- Smooth Accordion (FAQ) --- */
        .faq-content { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.4s var(--spring-easing); }
        .faq-content.open { grid-template-rows: 1fr; }
        .faq-inner { overflow: hidden; }
        .faq-icon { transition: transform 0.4s var(--spring-easing); }
        .open .faq-icon { transform: rotate(45deg); }