.fas,.fab{display:inline-block;font-style:normal;line-height:1}
.fas::before,.fab::before{content:'';display:inline-block;width:1em;height:1em;vertical-align:-0.125em;background:currentColor;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}
.fa-check::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E")}
.fa-bars::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M0 96C0 78.3 14.3 64 32 64h384c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zm0 160c0-17.7 14.3-32 32-32h384c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zm448 160c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32h384c17.7 0 32 14.3 32 32z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M0 96C0 78.3 14.3 64 32 64h384c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zm0 160c0-17.7 14.3-32 32-32h384c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zm448 160c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32h384c17.7 0 32 14.3 32 32z'/%3E%3C/svg%3E")}
.fa-times::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3l105.4 105.3c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256l105.3-105.4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3l105.4 105.3c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256l105.3-105.4z'/%3E%3C/svg%3E")}
.fa-play-circle::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M0 256a256 256 0 1 1 512 0 256 256 0 1 1-512 0zm256-80v160l120-80-120-80z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M0 256a256 256 0 1 1 512 0 256 256 0 1 1-512 0zm256-80v160l120-80-120-80z'/%3E%3C/svg%3E")}
.fa-facebook::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M512 256C512 114.6 397.4 0 256 0S0 114.6 0 256c0 120 82.7 220.8 194.2 248.5V330.3h-58.5V256h58.5v-56.6c0-57.7 34.4-89.6 87-89.6 25.2 0 51.6 4.5 51.6 4.5v56.7H303.5c-28.7 0-37.6 17.8-37.6 36v42.9h63.9l-10.2 74.3h-53.7v174.2C429.3 476.8 512 376 512 256z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M512 256C512 114.6 397.4 0 256 0S0 114.6 0 256c0 120 82.7 220.8 194.2 248.5V330.3h-58.5V256h58.5v-56.6c0-57.7 34.4-89.6 87-89.6 25.2 0 51.6 4.5 51.6 4.5v56.7H303.5c-28.7 0-37.6 17.8-37.6 36v42.9h63.9l-10.2 74.3h-53.7v174.2C429.3 476.8 512 376 512 256z'/%3E%3C/svg%3E")}
.fa-linkedin::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z'/%3E%3C/svg%3E")}
.fa-x-twitter::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z'/%3E%3C/svg%3E")}
.fa-youtube::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M549.7 124.1c-6.3-23.7-24.8-42.3-48.3-48.6C458.8 64 288 64 288 64S117.2 64 74.6 75.5c-23.5 6.3-42 24.9-48.3 48.6-11.4 42.9-11.4 132.3-11.4 132.3s0 89.4 11.4 132.3c6.3 23.7 24.8 41.5 48.3 47.8C117.2 448 288 448 288 448s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zm-317.5 213.5V175.2l142.7 81.2-142.7 81.2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M549.7 124.1c-6.3-23.7-24.8-42.3-48.3-48.6C458.8 64 288 64 288 64S117.2 64 74.6 75.5c-23.5 6.3-42 24.9-48.3 48.6-11.4 42.9-11.4 132.3-11.4 132.3s0 89.4 11.4 132.3c6.3 23.7 24.8 41.5 48.3 47.8C117.2 448 288 448 288 448s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zm-317.5 213.5V175.2l142.7 81.2-142.7 81.2z'/%3E%3C/svg%3E")}
.fa-instagram::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z'/%3E%3C/svg%3E")}
:root{--primary:#795238;--primary-dark:#8a6345;--primary-light:rgba(121,82,56,0.1);--accent:#795238;--risk-critical:#CC0000;--risk-high:#FF6600;--risk-medium:#FF9900;--risk-low:#00AA00;--success:#10b981;--success-light:#d1fae5;--success-dark:#065f46;--warning:#f59e0b;--warning-light:#fef3c7;--warning-dark:#92400e;--danger:#ef4444;--danger-light:#fee2e2;--danger-dark:#991b1b;--info:#3b82f6;--info-light:#dbeafe;--info-dark:#1e40af;--white:#FFFFFF;--gray-50:#F9FAFB;--gray-100:#F3F4F6;--gray-200:#E5E7EB;--gray-300:#D1D5DB;--gray-400:#9CA3AF;--gray-500:#6B7280;--gray-600:#4B5563;--gray-700:#374151;--gray-800:#1F2937;--gray-900:#111827;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--navy:#1e3a8a;--navy-dark:#1e3a5f;--navy-darker:#1a3a5c;--text-primary:#0f172a;--text-secondary:#64748b;--text-tertiary:#94a3b8;--text-dark:#374151;--text-heading:#111827;--border-light:#e2e8f0;--border-default:#e5e7eb;--border-dark:#d1d5db;--bg-page:#f8fafc;--bg-card:#ffffff;--bg-muted:#f1f5f9;--bg-hover:#f8fafc;--status-success:#059669;--status-success-light:#dcfce7;--status-warning:#d97706;--status-warning-light:#fef3c7;--status-danger:#dc2626;--status-danger-light:#fee2e2;--status-info:#2563eb;--status-info-light:#dbeafe;--status-partial:#e8a87c;--status-partial-light:#fef2f2;--green-dark:#1B5E20;--green-shop:#166534;--green-success-bg:#ffffff;--green-success-border:#22c55e;--teal-info:#0c5460;--teal-bg:#d1f2eb;--blue-link:#2563eb;--blue-info-bg:#e3f2fd;--blue-700:#1e40af;--blue-600:#007bff;--blue-teal:#1565c0;--amber-dark:#856404;--green-700:#2e7d32;--green-800:#155724;--gray-bootstrap:#6c757d;--gray-dark-bs:#495057;--gray-bg-bs:#f8f9fa;--gray-disabled:#c0c4cc;--navy-scope:#1a3a5c;--gray-scope:#667085;--gray-table:#4a5568;--gray-table-light:#718096;--emerald-500:#10b981;--black:#000000;--text-primary:#000000;--text-secondary:#374151;--text-tertiary:#6B7280;--text-muted:#9CA3AF;--bg-primary:#FFFFFF;--bg-secondary:#F9FAFB;--bg-tertiary:#F3F4F6;--bg-dark:#2c2c2c;--border-light:#E5E7EB;--border-medium:#D1D5DB;--border-dark:#9CA3AF;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:2.5rem;--spacing-3xl:3rem;--spacing-4xl:4rem;--spacing-5xl:5rem;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--shadow-xs:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-sm:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px -1px rgba(0,0,0,0.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 8px 10px -6px rgba(0,0,0,0.1);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25);--font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--transition-fast:150ms ease-in-out;--transition-base:200ms ease-in-out;--transition-slow:300ms ease-in-out;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;}
/* ============================================================================GLOBAL STYLES============================================================================ */*{box-sizing:border-box;}
html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-primary);margin:0;padding:0;}
/* ============================================================================UTILITY CLASSES============================================================================ */.d-none{display:none !important;}
.d-block{display:block !important;}
.d-inline{display:inline !important;}
.d-inline-block{display:inline-block !important;}
.d-flex{display:none !important;}
.d-inline-flex{display:inline-flex !important;}
.d-grid{display:grid !important;}
.flex-row{flex-direction:row !important;}
.flex-column{flex-direction:column !important;}
.justify-start{justify-content:flex-start !important;}
.justify-end{justify-content:flex-end !important;}
.justify-center{justify-content:center !important;}
.justify-between{justify-content:space-between !important;}
.justify-around{justify-content:space-around !important;}
.align-start{align-items:flex-start !important;}
.align-end{align-items:flex-end !important;}
.align-center{align-items:center !important;}
.align-stretch{align-items:stretch !important;}
.gap-xs{gap:var(--spacing-xs) !important;}
.gap-sm{gap:var(--spacing-sm) !important;}
.gap-md{gap:var(--spacing-md) !important;}
.gap-lg{gap:var(--spacing-lg) !important;}
.gap-xl{gap:var(--spacing-xl) !important;}
.m-0{margin:0 !important;}
.m-auto{margin:auto !important;}
.mt-0{margin-top:0 !important;}
.mt-xs{margin-top:var(--spacing-xs) !important;}
.mt-sm{margin-top:var(--spacing-sm) !important;}
.mt-md{margin-top:var(--spacing-md) !important;}
.mt-lg{margin-top:var(--spacing-lg) !important;}
.mt-xl{margin-top:var(--spacing-xl) !important;}
.mb-0{margin-bottom:0 !important;}
.mb-xs{margin-bottom:var(--spacing-xs) !important;}
.mb-sm{margin-bottom:var(--spacing-sm) !important;}
.mb-md{margin-bottom:var(--spacing-md) !important;}
.mb-lg{margin-bottom:var(--spacing-lg) !important;}
.mb-xl{margin-bottom:var(--spacing-xl) !important;}
.p-0{padding:0 !important;}
.p-xs{padding:var(--spacing-xs) !important;}
.p-sm{padding:var(--spacing-sm) !important;}
.p-md{padding:var(--spacing-md) !important;}
.p-lg{padding:var(--spacing-lg) !important;}
.p-xl{padding:var(--spacing-xl) !important;}
.pt-0{padding-top:0 !important;}
.pt-xs{padding-top:var(--spacing-xs) !important;}
.pt-sm{padding-top:var(--spacing-sm) !important;}
.pt-md{padding-top:var(--spacing-md) !important;}
.pt-lg{padding-top:var(--spacing-lg) !important;}
.pb-0{padding-bottom:0 !important;}
.pb-xs{padding-bottom:var(--spacing-xs) !important;}
.pb-sm{padding-bottom:var(--spacing-sm) !important;}
.pb-md{padding-bottom:var(--spacing-md) !important;}
.pb-lg{padding-bottom:var(--spacing-lg) !important;}
.text-left{text-align:left !important;}
.text-center{text-align:center !important;}
.text-right{text-align:right !important;}
.text-xs{font-size:var(--font-size-xs) !important;}
.text-sm{font-size:var(--font-size-sm) !important;}
.text-base{font-size:var(--font-size-base) !important;}
.text-lg{font-size:var(--font-size-lg) !important;}
.text-xl{font-size:var(--font-size-xl) !important;}
.text-2xl{font-size:var(--font-size-2xl) !important;}
.text-3xl{font-size:var(--font-size-3xl) !important;}
.text-4xl{font-size:var(--font-size-4xl) !important;}
.font-normal{font-weight:var(--font-weight-normal) !important;}
.font-medium{font-weight:var(--font-weight-medium) !important;}
.font-semibold{font-weight:var(--font-weight-semibold) !important;}
.font-bold{font-weight:var(--font-weight-bold) !important;}
.text-primary{color:var(--text-primary) !important;}
.text-secondary{color:var(--text-secondary) !important;}
.text-tertiary{color:var(--text-tertiary) !important;}
.text-muted{color:var(--text-muted) !important;}
.text-success{color:var(--success) !important;}
.text-warning{color:var(--warning) !important;}
.text-danger{color:var(--danger) !important;}
.text-info{color:var(--info) !important;}
.rounded-none{border-radius:var(--radius-none) !important;}
.rounded-sm{border-radius:var(--radius-sm) !important;}
.rounded-md{border-radius:var(--radius-md) !important;}
.rounded-lg{border-radius:var(--radius-lg) !important;}
.rounded-xl{border-radius:var(--radius-xl) !important;}
.rounded-2xl{border-radius:var(--radius-2xl) !important;}
.rounded-full{border-radius:var(--radius-full) !important;}
.w-full{width:100% !important;}
.w-auto{width:auto !important;}
.cursor-pointer{cursor:pointer !important;}
.select-none{user-select:none !important;}
.opacity-50{opacity:0.5 !important;}
.min-w-160{min-width:160px !important;}
.italic{font-style:italic !important;}
.mr-sm{margin-right:var(--spacing-sm) !important;}
.ml-sm{margin-left:var(--spacing-sm) !important;}
.uppercase{text-transform:uppercase !important;}
.tracking-wide{letter-spacing:0.5px !important;}
.border-gray{border:1px solid #ddd !important;}
.border-black{border:1px solid #000000 !important;}
.bg-white{background:white !important;}
.align-middle{vertical-align:middle !important;}
.text-black{color:#000000 !important;}
.text-gray-500{color:#666 !important;}
.w-18{width:18px !important;}
.h-18{height:18px !important;}
.modal-overlay{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;background:rgba(0,0,0,0.5) !important;display:none !important;align-items:center !important;justify-content:center !important;z-index:10000 !important;}
.modal-overlay.active{display:flex !important;}
.badge{padding:0.25rem 0.5rem !important;border-radius:1rem !important;font-size:0.75rem !important;font-weight:500 !important;display:inline-block !important;}
.badge-success{background-color:rgba(16,185,129,0.1) !important;color:var(--success) !important;}
.p-2xl{padding:var(--spacing-2xl) !important;}
.mr-xs{margin-right:var(--spacing-xs) !important;}
.mr-md{margin-right:var(--spacing-md) !important;}
.text-5xl{font-size:3rem !important;}
.divider{margin:8px 0 !important;border:none !important;border-top:1px solid var(--gray-300) !important;}
.alert-warning{background-color:var(--warning) !important;color:white !important;padding:0.5rem !important;border-radius:0.25rem !important;margin-top:0.5rem !important;font-size:0.875rem !important;}
table td,table th{max-width:350px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.badge,.tag,.chip{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle;}
.card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;}
.form-input{max-width:100%;}
textarea.form-input,.form-textarea{white-space:pre-wrap;word-wrap:break-word;}
/* ═══════════════════════════════════════════════TABLES — universal base stylesApplied to ALL tables (element selector)Page-specific CSS can override═══════════════════════════════════════════════ */table{width:100%;border-collapse:collapse;font-size:0.9rem;background:#fff;}
table thead th,table th{background:#f1f5f9;padding:10px 14px;text-align:left;font-weight:600;font-size:0.82rem;color:#1e293b;border-bottom:2px solid #e2e8f0;white-space:nowrap;}
table tbody td,table td{padding:10px 14px;border-bottom:1px solid #e2e8f0;color:#334155;font-size:0.88rem;vertical-align:top;max-width:350px;overflow:hidden;text-overflow:ellipsis;}
table tbody tr:hover{background:#f8fafc;}
table tbody tr:last-child td{border-bottom:none;}
.table-wrap{overflow-x:auto;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;}
.table-wrap table{margin-bottom:0;}
table .empty-row td{text-align:center;padding:32px 14px;color:#94a3b8;font-style:italic;}
/* ═══════════════════════════════════════════════TABS — universal base styles═══════════════════════════════════════════════ */.ryc-tabs,.tab-nav,.tabs-nav{display:flex;gap:0;border-bottom:2px solid #e2e8f0;margin-bottom:24px;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.ryc-tab,.tab-nav button,.tab-nav a,.tabs-nav button,.tabs-nav a,[role="tab"]{padding:10px 20px;cursor:pointer;font-weight:500;font-size:0.88rem;color:#64748b;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color 0.2s,border-color 0.2s;white-space:nowrap;text-decoration:none;}
.ryc-tab:hover,.tab-nav button:hover,.tab-nav a:hover,.tabs-nav button:hover,.tabs-nav a:hover,[role="tab"]:hover{color:#1e293b;}
.ryc-tab.active,.tab-nav button.active,.tab-nav a.active,.tabs-nav button.active,.tabs-nav a.active,[role="tab"].active,[role="tab"][aria-selected="true"]{color:#1e3a5f;border-bottom-color:#1e3a5f;font-weight:600;}
.tab-content,.tab-pane,.ryc-tab-content{display:none;}
.tab-content.active,.tab-pane.active,.ryc-tab-content.active{display:block;}
/* ═══════════════════════════════════════════════BADGES / STATUS — consistent across tables═══════════════════════════════════════════════ */.badge,.status-badge,.tag{display:inline-block;padding:3px 10px;border-radius:12px;font-size:0.78rem;font-weight:500;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;background:#f1f5f9;color:#475569;}
.badge.critical,.status-badge.critical{background:#fef2f2;color:#dc2626;}
.badge.high,.status-badge.high{background:#fff7ed;color:#ea580c;}
.badge.medium,.status-badge.medium{background:#fffbeb;color:#b45309;}
.badge.low,.status-badge.low{background:#f0fdf4;color:#16a34a;}
.badge.info,.status-badge.info{background:#eff6ff;color:#2563eb;}
.badge.complete,.status-badge.complete{background:#f0fdf4;color:#16a34a;}
.badge.pending,.status-badge.pending{background:#fffbeb;color:#b45309;}
.badge.overdue,.status-badge.overdue{background:#fef2f2;color:#dc2626;}
/* ═══════════════════════════════════════════════CARDS — consistent base═══════════════════════════════════════════════ */.ryc-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px;margin-bottom:16px;}
.ryc-card-header{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:12px;}
/* ═══════════════════════════════════════════════FORM ELEMENTS — consistent base═══════════════════════════════════════════════ */.form-input,.form-select,.form-textarea{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:0.88rem;color:#1e293b;background:#fff;transition:border-color 0.2s;}
.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#1e3a5f;box-shadow:0 0 0 2px rgba(30,58,95,0.1);}
.assessment-page table td,.assessment-page table th{max-width:none;white-space:normal;overflow:visible;text-overflow:unset;}
:root{--primary:#1e3a8a;--primary-light:#2c5282;--primary-dark:#0f2744;--secondary:#f1f5f9;--accent:#06b6d4;--text-primary:#0f172a;--text-secondary:#64748b;--text-muted:#94a3b8;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--border-color:#e2e8f0;--card-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--card-shadow-hover:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--border-radius:16px;--border-radius-lg:20px;}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background-color:#ffffff;color:var(--text-primary);line-height:1.7;font-weight:400;overflow-x:hidden;}
img{max-width:100%;height:auto;display:block;}
img[width][height]{aspect-ratio:attr(width) / attr(height);}
.container{max-width:1280px;margin:0 auto;padding:0 24px;}
header{background-color:#ffffff;border-radius:50px;border:1px solid #e5e7eb;position:sticky;top:16px;z-index:100;margin:16px;}
.header-container{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;}
.logo{text-decoration:none;display:flex;align-items:center;}
.logo img{height:36px;width:auto;filter:brightness(0);}
nav ul{display:flex;list-style:none;align-items:center;}
nav ul li{margin-left:32px;}
nav ul li a{text-decoration:none;color:#0f172a;font-weight:500;font-size:16px;transition:all 0.2s ease;position:relative;}
nav ul li a.nav-btn{background:#0f172a !important;color:white !important;padding:10px 20px;border-radius:50px;}
nav ul li a.nav-btn:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 8px 25px 0 rgba(15,23,42,0.3);}
.nav-btn{background:#0f172a !important;color:white;padding:10px 20px;border-radius:50px;border:none;font-weight:600;font-size:14px;cursor:pointer;transition:all 0.2s ease;text-decoration:none;}
.nav-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px 0 rgba(15,23,42,0.3);}
.mobile-menu-toggle{display:none;background:none;border:none;font-size:24px;color:var(--text-primary);cursor:pointer;padding:8px;border-radius:6px;transition:all 0.2s ease;}
.mobile-menu-toggle:hover{background-color:var(--secondary);color:var(--primary);}
.mobile-menu{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(15,23,42,0.95);backdrop-filter:blur(10px);z-index:1000;padding:80px 24px 24px;animation:fadeIn 0.3s ease;}
@keyframes fadeIn{from{opacity:0;}
to{opacity:1;}
}
.mobile-menu.active{display:block;}
.mobile-menu ul{list-style:none;margin:0;padding:0;}
.mobile-menu ul li{margin-bottom:24px;text-align:center;}
.mobile-menu ul li a{color:white;text-decoration:none;font-size:32px;font-weight:500;display:block;padding:16px 0;border-bottom:1px solid rgba(255,255,255,0.1);}
.mobile-menu ul li a:hover{color:var(--accent);}
.mobile-menu-close{position:absolute;top:20px;right:24px;background:none;border:none;color:white;font-size:32px;cursor:pointer;padding:8px;}
.mobile-nav-btn{background:var(--primary);color:white;padding:16px 32px;border-radius:8px;text-decoration:none;font-weight:600;margin-top:24px;display:inline-block;}
.hero{padding:120px 0 80px;background:#ffffff;text-align:center;}
.hero .container{max-width:1200px;padding:0 40px;margin:0 auto;}
.hero h1{font-size:58px;line-height:1.1;margin-bottom:32px;color:#0f172a;font-weight:700;}
.hero-subtitle{font-size:24px;color:#64748b;line-height:1.6;margin-bottom:48px;}
.hero p{font-size:20px;margin-bottom:40px;color:var(--text-secondary);line-height:1.7;}
.hero-buttons{display:flex;gap:20px;margin-bottom:80px;justify-content:center;}
.hero-buttons .btn{padding:16px 40px;font-size:16px;font-weight:600;border-radius:50px;text-decoration:none;transition:all 0.3s;display:inline-block;}
.hero-buttons .btn:first-child{background:#0f172a;color:white;border:2px solid #0f172a;}
.hero-buttons .btn:first-child:hover{background:#1e293b;border-color:#1e293b;}
.hero-buttons .btn-outline{background:transparent;color:#0f172a;border:2px solid #0f172a;}
.hero-buttons .btn-outline:hover{background:#fff;}
.hero-image{text-align:center;max-width:100%;margin:0 auto;padding:0;}
.hero-image img{width:100%;max-width:100%;height:auto;border-radius:0;box-shadow:none;}
.hero-badge{display:inline-block;background:rgba(37,99,235,0.1);color:var(--primary);padding:8px 20px;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:24px;border:1px solid rgba(37,99,235,0.2);}
h1{font-size:58px;font-weight:800;margin-bottom:24px;color:var(--text-primary);line-height:1.1;letter-spacing:-0.02em;}
h2{font-size:40px;font-weight:700;margin-bottom:24px;color:var(--text-primary);text-align:center;line-height:1.3;letter-spacing:-0.01em;}
.btn{display:inline-block;background:var(--primary);color:white;padding:10px 20px;border-radius:50px;font-weight:600;font-size:16px;text-decoration:none;transition:all 0.3s ease;margin-right:16px;}
.btn:hover{background:#0a1e4a;}
.btn-outline{background:white;color:#0f172a;border:2px solid #0f172a;}
.btn-outline:hover{background:#0f172a;color:white;}
.trust-indicators{padding:80px 0;background:white;border-bottom:1px solid var(--border-color);}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center;margin-top:48px;max-width:1000px;margin-left:auto;margin-right:auto;}
.trust-item{display:flex;flex-direction:column;align-items:center;}
.trust-number{font-size:28px;font-weight:800;background:var(--primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px;white-space:nowrap;}
.trust-label{font-size:28px;color:var(--text-secondary);font-weight:500;}
.problem-solution{padding:120px 0;background:var(--secondary);}
.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1400px;margin:64px auto 0 auto;}
.problem-card{background:white;border-radius:var(--border-radius-lg);padding:32px;box-shadow:var(--card-shadow);border:1px solid #e5e7eb;transition:all 0.3s ease;min-height:340px;}
.problem-card:hover{transform:translateY(-4px);box-shadow:var(--card-shadow-hover);}
.problem-icon{width:28px;height:28px;margin-bottom:20px;}
.problem-icon svg{display:block;}
.problem-card h3{font-size:20px;font-weight:600;margin-bottom:16px;color:var(--text-primary);}
.problem-card p{color:var(--text-secondary);line-height:1.6;margin:0;}
.demo-section{padding:120px 0;background:white;}
.video-container{display:flex;justify-content:center;align-items:center;margin-top:48px;width:100%;}
.video-wrapper{position:relative;width:100%;max-width:1000px;height:0;padding-bottom:56.25%;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--card-shadow-hover);}
.video-wrapper iframe,.video-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%;border:none;}
.features{padding:120px 0;background:var(--secondary);}
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px;margin-top:64px;}
.feature-card{background:white;border-radius:var(--border-radius-lg);padding:40px 32px 90px 32px;box-shadow:var(--card-shadow);transition:all 0.3s ease;border:1px solid var(--border-color);position:relative;overflow:hidden;}
.feature-card:hover{transform:translateY(-8px);box-shadow:var(--card-shadow-hover);}
.feature-icon{width:56px;height:56px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:24px;margin-bottom:24px;box-shadow:0 4px 12px rgba(37,99,235,0.25);}
.feature-card h3{font-size:32px;font-weight:600;margin-bottom:16px;color:var(--text-primary);}
.feature-card p{color:var(--text-secondary);line-height:1.6;}
.feature-expand-btn{position:absolute;bottom:20px;right:20px;width:40px;height:40px;background:var(--primary);color:white;border:none;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,0.2);transition:all 0.3s ease;}
.feature-expand-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,0.3);}
.steps{padding:120px 0;background:white;}
.steps-container{max-width:1280px;margin:0 auto;}
.steps-list{list-style:none;counter-reset:step-counter;margin-top:64px;display:grid;grid-template-columns:repeat(4,1fr);gap:32px;}
.step-item{position:relative;counter-increment:step-counter;text-align:center;padding:32px 24px;background:white;border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow);transition:all 0.3s ease;}
.step-item:hover{transform:translateY(-4px);box-shadow:var(--card-shadow-hover);}
.step-item::before{content:counter(step-counter);display:flex;width:60px;height:60px;margin:0 auto 24px;background:var(--primary);color:white;border-radius:50%;align-items:center;justify-content:center;font-size:32px;font-weight:700;}
.step-item h3{font-size:32px;font-weight:600;margin-bottom:16px;color:var(--text-primary);}
.step-item p{color:var(--text-secondary);line-height:1.6;font-size:15px;text-align:left;}
.screenshots{padding:120px 0;background:var(--secondary);}
.screenshots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-top:64px;}
.screenshot-card{background:white;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--card-shadow);transition:all 0.3s ease;border:1px solid var(--border-color);}
.screenshot-card:hover{transform:translateY(-8px);box-shadow:var(--card-shadow-hover);}
.screenshot-image{width:100%;height:220px;display:flex;align-items:center;justify-content:center;color:white;font-size:16px;position:relative;background:var(--primary);overflow:hidden;}
.screenshot-image img{width:100%;height:100%;object-fit:contain;background:white;}
.screenshot-content{padding:32px 24px;}
.screenshot-content h3{font-size:18px;font-weight:600;margin-bottom:12px;color:var(--text-primary);}
.screenshot-content p{color:var(--text-secondary);line-height:1.6;font-size:16px;}
.pricing{padding:120px 0;background:white;}
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:64px;}
.pricing-card{background:white;border-radius:var(--border-radius-lg);padding:40px 32px;box-shadow:var(--card-shadow);display:flex;flex-direction:column;border:2px solid transparent;transition:all 0.3s ease;position:relative;}
.pricing-card.popular{border-color:var(--primary);transform:scale(1.05);box-shadow:var(--card-shadow-hover);}
.pricing-card.popular::before{content:"Recommended";position:absolute;top:-16px;left:50%;transform:translateX(-50%);background:var(--primary);color:white;padding:8px 24px;border-radius:20px;font-size:13px;font-weight:700;letter-spacing:1px;box-shadow:0 4px 14px 0 rgba(37,99,235,0.3);}
.pricing-card:hover{transform:translateY(-8px);box-shadow:var(--card-shadow-hover);}
.pricing-card.popular:hover{transform:scale(1.05) translateY(-8px);}
.pricing-header{text-align:center;margin-bottom:32px;}
.pricing-title{font-size:24px;font-weight:700;margin-bottom:12px;color:var(--text-primary);}
.pricing-price{font-size:48px;font-weight:800;color:var(--primary);margin-bottom:8px;line-height:1;}
.pricing-period{font-size:15px;color:var(--text-muted);}
.pricing-features{list-style-type:none;margin-bottom:40px;flex-grow:1;}
.pricing-features li{margin-bottom:12px;color:var(--text-secondary);display:flex;align-items:center;font-size:15px;}
.pricing-features li i{color:var(--success);margin-right:12px;font-size:16px;}
.pricing-btn{display:block;text-align:center;background:var(--primary);color:white;padding:16px 24px;border-radius:10px;font-weight:600;text-decoration:none;transition:all 0.3s ease;box-shadow:0 4px 14px 0 rgba(37,99,235,0.3);}
.pricing-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px 0 rgba(37,99,235,0.4);}
.pricing-btn-contact{background:var(--text-primary);box-shadow:0 4px 14px 0 rgba(15,23,42,0.3);}
.pricing-btn-contact:hover{background:var(--text-secondary);box-shadow:0 8px 25px 0 rgba(15,23,42,0.4);}
.contact{padding:120px 0;background:var(--secondary);}
.contact-container{max-width:800px;margin:0 auto;}
.contact-form{background:white;border-radius:var(--border-radius-lg);padding:48px;box-shadow:var(--card-shadow);margin-top:64px;border:1px solid var(--border-color);}
.form-group{margin-bottom:32px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-primary);font-size:16px;}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:16px 20px;border:2px solid var(--border-color);border-radius:10px;font-size:16px;transition:all 0.2s ease;font-family:inherit;}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,0.1);}
.form-group textarea{resize:vertical;min-height:120px;}
.cta{padding:120px 0;background:var(--primary);color:white;text-align:left;position:relative;overflow:hidden;}
.cta::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="2" fill="white" opacity="0.1"/></svg>') repeat;background-size:60px 60px;}
.cta h2{color:white;margin-bottom:24px;position:relative;z-index:2;}
.cta p{font-size:24px;margin-bottom:40px;opacity:0.9;position:relative;z-index:2;line-height:1.6;}
.cta-btn{display:inline-block !important;background:#ffffff !important;color:#0f172a !important;padding:16px 40px !important;border-radius:50px !important;font-weight:600 !important;font-size:16px !important;text-decoration:none !important;transition:all 0.3s ease;position:relative;z-index:1000;border:none !important;box-shadow:0 8px 30px rgba(0,0,0,0.4) !important;}
.cta-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px 0 rgba(0,0,0,0.15);}
footer{background-color:var(--text-primary);color:white;padding:80px 0 40px;}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:32px;margin-bottom:48px;}
.footer-heading{font-size:18px;font-weight:600;margin-bottom:24px;color:white;}
.footer-column h3{font-size:18px;font-weight:600;margin-bottom:24px;color:white;}
.footer-column ul{list-style:none;}
.footer-column ul li{margin-bottom:12px;}
.footer-column ul li a{color:#94a3b8;text-decoration:none;transition:color 0.2s ease;font-size:15px;}
.footer-column ul li a:hover{color:white;}
.footer-column p{color:#94a3b8;line-height:1.6;}
.social-links{display:flex;margin-top:24px;}
.social-links a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background-color:rgba(255,255,255,0.1);margin-right:12px;color:white;transition:all 0.2s ease;}
.social-links a:hover{background-color:var(--primary);transform:translateY(-2px);}
.footer-bottom{text-align:center;padding-top:32px;border-top:1px solid rgba(255,255,255,0.1);color:#94a3b8;}
.about{padding:120px 0;background:white;}
.about-content{max-width:900px;margin:0 auto;margin-top:64px;}
.about-text p{font-size:18px;line-height:1.8;color:var(--text-secondary);margin-bottom:24px;text-align:justify;}
.about-text p:last-child{margin-bottom:0;}
.about-text p strong{color:var(--text-primary);font-weight:600;}
.privacy-modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);overflow-y:auto;}
.privacy-modal-content{background-color:#fefefe;margin:2% auto;padding:0;border-radius:8px;width:90%;max-width:800px;max-height:90vh;box-shadow:0 4px 20px rgba(0,0,0,0.3);position:relative;}
.privacy-modal-header{background:linear-gradient(135deg,#1e3a5f,#0f2744);color:white;padding:20px 30px;border-radius:8px 8px 0 0;position:sticky;top:0;z-index:10001;}
.privacy-modal-header h2{margin:0;font-size:24px;}
.privacy-close{position:absolute;right:20px;top:20px;color:white;font-size:28px;font-weight:bold;cursor:pointer;background:none;border:none;padding:0;line-height:1;}
.privacy-close:hover,.privacy-close:focus{opacity:0.7;}
.privacy-modal-body{padding:30px;line-height:1.6;color:#333;max-height:calc(90vh - 100px);overflow-y:auto;}
.privacy-modal-body h3{color:#1e3a5f;margin-top:30px;margin-bottom:15px;font-size:18px;}
.privacy-modal-body h3:first-child{margin-top:0;}
.privacy-modal-body h4{color:#1e3a5f;margin-top:25px;margin-bottom:12px;font-size:17px;font-weight:600;}
.privacy-modal-body ul{margin:15px 0;padding-left:20px;}
.privacy-modal-body li{margin-bottom:8px;}
.privacy-modal-body p{margin-bottom:15px;}
.privacy-last-updated{background:#f8f9fa;padding:15px;border-radius:6px;margin-bottom:20px;font-style:italic;color:#666;}
.terms-modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);overflow-y:auto;}
.terms-modal-content{background-color:#fefefe;margin:2% auto;padding:0;border-radius:8px;width:90%;max-width:900px;max-height:90vh;box-shadow:0 4px 20px rgba(0,0,0,0.3);position:relative;}
.terms-modal-header{background:linear-gradient(135deg,#dc2626,#b91c1c);color:white;padding:20px 30px;border-radius:8px 8px 0 0;position:sticky;top:0;z-index:10001;}
.terms-modal-header h2{margin:0;font-size:24px;}
.terms-close{position:absolute;right:20px;top:20px;color:white;font-size:28px;font-weight:bold;cursor:pointer;background:none;border:none;padding:0;line-height:1;}
.terms-close:hover,.terms-close:focus{opacity:0.7;}
.terms-modal-body{padding:30px;line-height:1.6;color:#333;max-height:calc(90vh - 100px);overflow-y:auto;}
.terms-modal-body h3{color:#dc2626;margin-top:30px;margin-bottom:15px;font-size:18px;font-weight:600;}
.terms-modal-body h3:first-child{margin-top:0;}
.terms-modal-body h4{color:#dc2626;margin-top:25px;margin-bottom:12px;font-size:17px;font-weight:600;}
.terms-modal-body ul{margin:15px 0;padding-left:20px;}
.terms-modal-body li{margin-bottom:8px;}
.terms-modal-body p{margin-bottom:15px;}
.terms-last-updated{background:#fef2f2;border:1px solid #fecaca;padding:15px;border-radius:6px;margin-bottom:20px;font-style:italic;color:#dc2626;font-weight:500;}
.terms-warning-box{background:#fef2f2;border-left:4px solid #dc2626;padding:15px;margin:20px 0;border-radius:4px;}
.terms-liability-box{background:#fff;border:2px solid #f59e0b;padding:20px;margin:20px 0;border-radius:8px;font-weight:500;}
.features-grid-new{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1400px;margin:64px auto 0 auto;}
.feature-card-new{background:white;border:1px solid #e5e7eb;border-radius:16px;padding:32px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;box-shadow:0 2px 8px rgba(0,0,0,0.08);cursor:pointer;transition:box-shadow 0.3s ease;min-height:340px;}
.feature-card-new .card-icon{width:28px;height:28px;margin-bottom:20px;}
.feature-card-new .card-icon svg{display:block;}
.feature-card-new h3{font-size:20px;font-weight:600;color:#0f172a;margin-bottom:16px;line-height:1.3;}
.feature-card-new p{color:#64748b;font-size:14px;line-height:1.6;flex:1;margin-bottom:24px;}
.learn-more-btn{display:inline-block;padding:10px 20px;border:2px solid #0f172a;border-radius:50px;background:white;color:#0f172a;font-size:15px;font-weight:600;cursor:pointer;transition:all 0.2s ease;}
.learn-more-btn:hover{background:#0f172a;color:white;}
.learn-more-btn.active{background:#2563eb;color:white;border-color:#2563eb;}
.feature-modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.75);z-index:10000;padding:20px;animation:fadeIn 0.2s ease;}
.feature-modal-overlay.active{display:flex;align-items:center;justify-content:center;}
.feature-modal-content{background:white;border-radius:16px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp 0.3s ease;}
@keyframes slideUp{from{opacity:0;transform:translateY(30px);}
to{opacity:1;transform:translateY(0);}
}
.feature-modal-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:white;border:2px solid #0f172a;font-size:28px;color:#0f172a;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;}
.feature-modal-close:hover,.feature-modal-close:active{background:#0f172a;color:white;transform:scale(1.1);}
.feature-modal-image{width:100%;height:400px;overflow:hidden;padding:32px 32px 0 32px;background:white;}
.feature-modal-image img{width:100%;height:100%;object-fit:contain;object-position:left center;}
.feature-modal-body{padding:32px;}
.feature-modal-body h2{font-size:32px;font-weight:700;margin-bottom:16px;color:#0f172a;text-align:left;}
.feature-modal-body p{color:#64748b;font-size:16px;line-height:1.6;margin-bottom:24px;}
.feature-modal-details h4{font-size:18px;font-weight:600;margin-bottom:16px;color:#0f172a;}
.feature-modal-details ul{list-style:none;padding:0;margin:0;}
.feature-modal-details ul li{display:flex;align-items:flex-start;margin-bottom:12px;color:#475569;font-size:15px;line-height:1.6;}
.feature-modal-details ul li::before{content:"✓";color:#10b981;font-weight:bold;margin-right:12px;font-size:18px;flex-shrink:0;}
.stories{padding:80px 0;background:#fff;}
.stories h2{text-align:center;font-size:36px;margin-bottom:12px;color:#0f172a;}
.stories .section-subtitle{text-align:center;color:#64748b;font-size:18px;margin-bottom:48px;}
.stories-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-bottom:40px;}
.story-card{background:white;border-radius:16px;padding:32px;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1);}
.story-rating{color:#f59e0b;font-size:20px;margin-bottom:16px;}
.story-card h3{font-size:20px;color:#0f172a;margin-bottom:16px;line-height:1.4;}
.story-quote{color:#475569;font-size:16px;line-height:1.7;margin-bottom:20px;font-style:italic;}
.story-likes{color:#64748b;font-size:14px;margin-bottom:20px;padding:12px;background:#fff;border-radius:8px;}
.story-meta{display:flex;justify-content:space-between;color:#94a3b8;font-size:13px;}
.stories-cta{text-align:center;}
.currency-loading{color:var(--text-muted);font-size:0.9em;}
.currency-symbol{font-weight:600;color:var(--primary);}
@media (max-width:768px){body{font-size:16px;line-height:1.6;}
a,button,input[type="submit"]{min-height:44px;min-width:44px;}
.container{padding:0 16px;}
header{margin:8px;border-radius:30px;top:8px;}
.header-container{padding:16px 20px;justify-content:space-between;}
.mobile-menu-toggle{display:block;}
nav{display:none;}
.hero{padding:60px 0;}
.hero .container{padding:0 20px;}
h1,.hero h1{font-size:32px;line-height:1.2;margin-bottom:16px;}
.hero-subtitle{font-size:18px;margin-bottom:32px;}
.hero p{font-size:16px;margin-bottom:24px;}
.hero-buttons{flex-direction:column;align-items:center;gap:16px;margin-bottom:48px;}
.hero-buttons .btn{min-height:44px;width:100%;max-width:280px;text-align:center;}
.btn{min-height:44px;padding:14px 32px;display:block;width:100%;margin-bottom:16px;margin-right:0;text-align:center;max-width:280px;margin-left:auto;margin-right:auto;}
.btn-outline{margin-bottom:0;}
h2{font-size:28px;margin-bottom:16px;}
.logo img{height:32px;}
.trust-grid{grid-template-columns:repeat(2,1fr);gap:24px;}
.trust-number{font-size:24px;}
.trust-label{font-size:16px;}
.problem-grid{grid-template-columns:1fr;}
.features-grid{grid-template-columns:1fr;}
.features-grid-new{grid-template-columns:1fr;}
.steps-list{grid-template-columns:1fr;gap:24px;}
.screenshots-grid{grid-template-columns:1fr;}
.pricing-grid{grid-template-columns:1fr;}
.pricing-card.popular{transform:scale(1);}
.pricing-card.popular:hover{transform:translateY(-8px);}
.form-row{grid-template-columns:1fr;}
.footer-grid{grid-template-columns:1fr;gap:40px;text-align:center;}
.social-links{justify-content:center;}
.contact-form{padding:32px 24px;}
.features,.steps,.screenshots,.pricing,.contact,.cta,.problem-solution{padding:80px 0;}
.about-text p{font-size:16px;text-align:left;}
.demo-section{padding:80px 0;}
.privacy-modal-content,.terms-modal-content{width:95%;margin:5% auto;}
.privacy-modal-header,.terms-modal-header{padding:15px 20px;}
.privacy-modal-body,.terms-modal-body{padding:20px;}
.stories-grid{grid-template-columns:1fr;}
.feature-modal-image{height:250px;padding:20px 20px 0 20px;}
.feature-modal-body{padding:24px;}
.feature-modal-body h2{font-size:24px;}
}
@media (max-width:480px){h1,.hero h1{font-size:28px;}
h2{font-size:24px;}
.logo img{height:28px;}
.hero{padding:40px 0;}
.hero-subtitle{font-size:16px;}
.hero p{font-size:15px;}
.trust-grid{grid-template-columns:1fr;gap:20px;}
}
.grecaptcha-badge{visibility:hidden !important;}