/* ============================ unisave — Common Styles Shared between FR and EN pages ============================ */ /* Disable hover transforms on touch devices */ @media (hover:none) and (pointer:coarse){.eb-card:hover,.cs-card:hover,.why-card:hover,.measure-card:hover,.vc-card:hover,.tm-card:hover,.faq-item:hover,.social-btn:hover,.cta-btn:hover,.faq-cta-link:hover{transform:none !important;}}/* Accessibility:reduce motion for users who prefer it */ @media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important;}}:root{/* --- HERO PALETTE --- */ --bg-hero-start:#0F8A68;--bg-hero-end:#034533;--text-white:#FFFFFF;/* --- DASHBOARD PALETTE --- */ --bg-app:#F8FAFC;--surface:#FFFFFF;--border:#E2E8F0;--text-main:#0F172A;--text-muted:#5A6A7B;--green-main:#10B981;--green-bg:#ECFDF5;--orange-main:#F59E0B;--orange-bg:#FFFBEB;--blue-main:#3B82F6;--blue-bg:#EFF6FF;--red-main:#EF4444;--red-bg:#FEF2F2;--shadow-pop:0 40px 80px -15px rgba(15,23,42,0.3);--shadow-btn:0 4px 10px rgba(0,0,0,0.15);--shadow-soft:0 2px 8px rgba(15,23,42,0.06);--shadow-card:0 4px 16px rgba(15,23,42,0.08);--text-light:#94A3B8;--ease-premium:cubic-bezier(0.25,1,0.5,1);--section-py:96px;--section-px:24px;--section-py-sm:48px;}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;}html{scroll-behavior:smooth;}/* Screen-reader only utility */ .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}/* Focus visible for keyboard accessibility */:focus-visible{outline:2px solid #10B981;outline-offset:2px;}.faq-filter-btn:focus-visible,.faq-expand-btn:focus-visible,.faq-show-more:focus-visible,.cookie-btn:focus-visible,.back-to-top:focus-visible,.eb-card-btn:focus-visible,.cta-btn:focus-visible,.hero-btn-submit:focus-visible,.header-btn:focus-visible{outline:2px solid #10B981;outline-offset:2px;box-shadow:0 0 0 4px rgba(16,185,129,0.2);}body{background:#FFFFFF;font-family:'Plus Jakarta Sans',sans-serif;color:var(--text-main);min-height:100vh;overflow-x:hidden;display:flex;flex-direction:column;}/* --- PRINT STYLES --- */ @media print{body{background:#FFFFFF;color:#000;display:block;}#main-header,.sticky-cta,.back-to-top,.cookie-banner,.dashboard-anchor,.hero-bg-layer,.mobile-nav-overlay,.faq-filters,.faq-search-wrapper,.faq-show-more,.eb-dots,.cs-dots,.why-dots,.cal-skeleton,.social-links{display:none !important;}*{box-shadow:none !important;text-shadow:none !important;animation:none !important;transition:none !important;}a{color:#000;text-decoration:underline;}a[href]::after{content:" (" attr(href) ")";font-size:11px;color:#666;}a[href^="#"]::after,a[href^="javascript"]::after{content:"";}.hero-content,.eb-grid,.cs-grid,.why-grid,.faq-grid{display:block !important;overflow:visible !important;}.eb-card,.cs-card,.why-card,.faq-item{break-inside:avoid;page-break-inside:avoid;margin-bottom:16px;}section{padding:32px 0 !important;}img{max-width:100% !important;}}/* --- MOBILE TOUCH & ACCESSIBILITY FIXES --- */ @media (max-width:768px){/* Prevent iOS auto-zoom on input focus (requires font-size >= 16px) */ input[type="text"],input[type="email"],input[type="tel"],input[type="url"],input[type="search"],input[type="password"],input[type="number"],input[type="date"],input[type="datetime-local"],input[type="time"],textarea,select,.form-input,.form-select,.form-textarea,.faq-search{font-size:16px !important;}/* Minimum touch target 44px on all interactive elements */ .social-btn{width:44px;height:44px;font-size:16px;}.cookie-btn{padding:12px 20px;min-height:44px;}.footer-link{padding:6px 0;min-height:44px;display:inline-flex;align-items:center;}.legal-link,.footer-legal a,.legal-nav a{padding:8px 4px;min-height:44px;display:inline-flex;align-items:center;}.lang-option{padding:8px 10px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;}.dark-toggle,#dark-toggle{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;}.mobile-menu-btn{padding:10px;min-width:44px;min-height:44px;}}/* Cookie banner:stack on very small screens */ @media (max-width:480px){.cookie-banner{flex-direction:column;text-align:center;padding:16px 12px;gap:12px;}.cookie-actions{width:100%;flex-direction:column;gap:8px;}.cookie-btn{width:100%;padding:14px 20px;}}/* --- COLOR UTILITY CLASSES --- */ .why-icon--green{background:linear-gradient(135deg,#10B981,#059669);}.why-icon--blue{background:linear-gradient(135deg,#3B82F6,#2563EB);}.why-icon--amber{background:linear-gradient(135deg,#F59E0B,#D97706);}.why-icon--purple{background:linear-gradient(135deg,#8B5CF6,#7C3AED);}.st-trend.blue{background:#EFF6FF;color:#1E40AF;border-color:#BFDBFE;}.st-trend.amber{background:#FFFBEB;color:#92400E;border-color:#FDE68A;}.st-trend.violet{background:#F5F3FF;color:#5B21B6;border-color:#DDD6FE;}