/* Spartera Production Styles - Generated on 2025-08-09 02:40:13 */

/* === css/variables.css === */
:root{--color-white:#FFFFFF;--color-black:#000000;--color-primary:#0099CC;--color-primary-50:#F0F9FF;--color-primary-100:#E0F2FE;--color-primary-200:#BAE6FD;--color-primary-300:#7DD3FC;--color-primary-400:#38BDF8;--color-primary-500:#0099CC;--color-primary-600:#0284C7;--color-primary-700:#0369A1;--color-primary-800:#075985;--color-primary-900:#0C4A6E;--color-primary-950:#082F49;--color-navy:#1A365D;--color-navy-50:#F7FAFC;--color-navy-100:#EDF2F7;--color-navy-200:#E2E8F0;--color-navy-300:#CBD5E0;--color-navy-400:#A0AEC0;--color-navy-500:#718096;--color-navy-600:#4A5568;--color-navy-700:#2D3748;--color-navy-800:#1A202C;--color-navy-900:#171923;--color-navy-950:#0D1117;--color-orange:#FF6B35;--color-orange-50:#FFF7ED;--color-orange-100:#FFEDD5;--color-orange-200:#FED7AA;--color-orange-300:#FDBA74;--color-orange-400:#FB923C;--color-orange-500:#FF6B35;--color-orange-600:#EA580C;--color-orange-700:#C2410C;--color-orange-800:#9A3412;--color-orange-900:#7C2D12;--color-orange-950:#431407;--color-success:#10B981;--color-success-50:#ECFDF5;--color-success-100:#D1FAE5;--color-success-200:#A7F3D0;--color-success-300:#6EE7B7;--color-success-400:#34D399;--color-success-500:#10B981;--color-success-600:#059669;--color-success-700:#047857;--color-success-800:#065F46;--color-success-900:#064E3B;--color-success-950:#022C22;--color-error:#EF4444;--color-error-50:#FEF2F2;--color-error-100:#FEE2E2;--color-error-200:#FECACA;--color-error-300:#FCA5A5;--color-error-400:#F87171;--color-error-500:#EF4444;--color-error-600:#DC2626;--color-error-700:#B91C1C;--color-error-800:#991B1B;--color-error-900:#7F1D1D;--color-error-950:#450A0A;--color-warning:#F59E0B;--color-warning-50:#FFFBEB;--color-warning-100:#FEF3C7;--color-warning-200:#FDE68A;--color-warning-300:#FCD34D;--color-warning-400:#FBBF24;--color-warning-500:#F59E0B;--color-warning-600:#D97706;--color-warning-700:#B45309;--color-warning-800:#92400E;--color-warning-900:#78350F;--color-warning-950:#451A03;--color-gray-50:#F8FAFC;--color-gray-100:#F1F5F9;--color-gray-200:#E2E8F0;--color-gray-300:#CBD5E0;--color-gray-400:#94A3B8;--color-gray-500:#64748B;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1E293B;--color-gray-900:#0F172A;--color-gray-950:#020617;--color-neutral-50:#FAFAFA;--color-neutral-100:#F5F5F5;--color-neutral-200:#E5E5E5;--color-neutral-300:#D4D4D4;--color-neutral-400:#A3A3A3;--color-neutral-500:#737373;--color-neutral-600:#525252;--color-neutral-700:#404040;--color-neutral-800:#262626;--color-neutral-900:#171717;--color-neutral-950:#0A0A0A;--color-text-primary:var(--color-gray-900);--color-text-secondary:var(--color-gray-600);--color-text-muted:var(--color-gray-500);--color-text-inverse:var(--color-gray-50);--color-bg-primary:#FFFFFF;--color-bg-secondary:var(--color-gray-50);--color-bg-muted:var(--color-gray-100);--color-bg-inverse:var(--color-gray-900);--color-border-primary:var(--color-gray-200);--color-border-secondary:var(--color-gray-300);--color-border-muted:var(--color-gray-100);--gradient-primary:linear-gradient(135deg, var(--color-primary-500) 0%, var(--color-primary-700) 100%);--gradient-primary-reverse:linear-gradient(135deg, var(--color-primary-700) 0%, var(--color-primary-500) 100%);--gradient-primary-soft:linear-gradient(135deg, var(--color-primary-100) 0%, var(--color-primary-200) 100%);--gradient-navy:linear-gradient(135deg, var(--color-navy-700) 0%, var(--color-navy-900) 100%);--gradient-navy-soft:linear-gradient(135deg, var(--color-navy-50) 0%, var(--color-navy-100) 100%);--gradient-orange:linear-gradient(135deg, var(--color-orange-400) 0%, var(--color-orange-600) 100%);--gradient-success:linear-gradient(135deg, var(--color-success-400) 0%, var(--color-success-600) 100%);--gradient-hero:linear-gradient(135deg, var(--color-primary-600) 0%, var(--color-navy-700) 50%, var(--color-navy-900) 100%);--gradient-cta:linear-gradient(135deg, var(--color-orange-500) 0%, var(--color-orange-600) 100%);--gradient-bg-subtle:linear-gradient(135deg, var(--color-gray-50) 0%, var(--color-gray-100) 100%);--gradient-bg-warm:linear-gradient(135deg, var(--color-orange-50) 0%, var(--color-gray-50) 100%);--gradient-bg-cool:linear-gradient(135deg, var(--color-primary-50) 0%, var(--color-gray-50) 100%);--gradient-bg-navy:linear-gradient(135deg, var(--color-navy-50) 0%, var(--color-gray-50) 100%);--banner-height:52px;--header-height:80px;--total-header-height:calc(var(--banner-height) + var(--header-height));--color-dark-bg-primary:var(--color-gray-900);--color-dark-bg-secondary:var(--color-gray-800);--color-dark-bg-muted:var(--color-gray-700);--color-dark-text-primary:var(--color-gray-50);--color-dark-text-secondary:var(--color-gray-300);--color-dark-text-muted:var(--color-gray-400);--color-dark-border-primary:var(--color-gray-700);--color-dark-border-secondary:var(--color-gray-600);--color-dark-border-muted:var(--color-gray-800);--gradient-dark-subtle:linear-gradient(135deg, var(--color-gray-800) 0%, var(--color-gray-900) 100%);--gradient-dark-warm:linear-gradient(135deg, var(--color-gray-700) 0%, var(--color-gray-800) 100%);--gradient-dark-hero:linear-gradient(135deg, var(--color-gray-900) 0%, var(--color-gray-950) 100%);--gradient-dark-orange-tint:linear-gradient(135deg, rgba(255, 107, 53, 0.08) 0%, var(--color-gray-800) 100%);--gradient-dark-primary-tint:linear-gradient(135deg, rgba(0, 153, 204, 0.08) 0%, var(--color-gray-800) 100%);--gradient-dark-navy-tint:linear-gradient(135deg, rgba(26, 54, 93, 0.1) 0%, var(--color-gray-800) 100%);--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);--shadow-primary:0 10px 25px -5px rgba(0, 153, 204, 0.3);--shadow-primary-lg:0 20px 40px -8px rgba(0, 153, 204, 0.25);--shadow-orange:0 10px 25px -5px rgba(255, 107, 53, 0.4);--shadow-success:0 6px 20px -6px rgba(16, 185, 129, 0.4);--shadow-navy:0 10px 25px -5px rgba(26, 54, 93, 0.3);--opacity-0:0;--opacity-5:0.05;--opacity-10:0.1;--opacity-15:0.15;--opacity-20:0.2;--opacity-25:0.25;--opacity-30:0.3;--opacity-40:0.4;--opacity-50:0.5;--opacity-60:0.6;--opacity-70:0.7;--opacity-75:0.75;--opacity-80:0.8;--opacity-85:0.85;--opacity-90:0.9;--opacity-95:0.95;--opacity-100:1;--nav-height:80px;--header-height:80px;--total-header-height:var(--header-height);--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--transition-cubic:0.3s cubic-bezier(0.4, 0, 0.2, 1);--animation-duration-fast:0.15s;--animation-duration-normal:0.3s;--animation-duration-slow:0.6s;--animation-easing:cubic-bezier(0.4, 0, 0.2, 1);--animation-slide-distance:30px;--hover-lift:translateY(-2px);--hover-scale:scale(1.05);--hover-scale-sm:scale(1.02);--hover-scale-lg:scale(1.08);--toggle-bg:rgba(0, 153, 204, 0.1);--toggle-border:rgba(0, 153, 204, 0.2);--toggle-active-bg:var(--color-primary-500);--toggle-active-text:var(--color-gray-50);--toggle-inactive-text:var(--color-navy-700);--toggle-inactive-bg:transparent;--toggle-hover-bg:rgba(0, 0, 0, 0.05);--toggle-shadow:0 4px 12px rgba(0, 0, 0, 0.15);--toggle-blur:blur(12px);--btn-radius:0.75rem;--btn-radius-sm:0.5rem;--btn-radius-lg:1rem;--btn-padding-sm:0.5rem 1rem;--btn-padding-md:0.75rem 1.5rem;--btn-padding-lg:1rem 2rem;--btn-padding-xl:1.25rem 2.5rem;--input-bg:var(--color-bg-primary);--input-border:var(--color-border-primary);--input-border-focus:var(--color-primary-500);--input-text:var(--color-text-primary);--input-placeholder:var(--color-text-muted);--input-radius:0.5rem;--input-shadow-focus:0 0 0 3px rgba(0, 153, 204, 0.1);--card-bg:var(--color-bg-primary);--card-border:var(--color-border-primary);--card-shadow:var(--shadow-md);--card-shadow-hover:var(--shadow-lg);--card-radius:1rem;--card-padding:1.5rem}.dark{--color-text-primary:var(--color-dark-text-primary);--color-text-secondary:var(--color-dark-text-secondary);--color-text-muted:var(--color-dark-text-muted);--color-text-inverse:var(--color-gray-900);--color-bg-primary:var(--color-dark-bg-primary);--color-bg-secondary:var(--color-dark-bg-secondary);--color-bg-muted:var(--color-dark-bg-muted);--color-bg-inverse:var(--color-gray-50);--color-border-primary:var(--color-dark-border-primary);--color-border-secondary:var(--color-dark-border-secondary);--color-border-muted:var(--color-dark-border-muted);--toggle-bg:rgba(255, 255, 255, 0.1);--toggle-border:rgba(255, 255, 255, 0.2);--toggle-active-bg:var(--color-gray-50);--toggle-active-text:var(--color-navy-700);--toggle-inactive-text:rgba(255, 255, 255, 0.85);--toggle-hover-bg:rgba(255, 255, 255, 0.05);--input-bg:var(--color-dark-bg-secondary);--input-border:var(--color-dark-border-primary);--input-text:var(--color-dark-text-primary);--input-placeholder:var(--color-dark-text-muted);--card-bg:var(--color-dark-bg-primary);--card-border:var(--color-dark-border-primary)}.bg-primary, .bg-gradient-hero, .bg-gradient-primary, section[class*="from-"][class*="primary"], section[class*="to-"][class*="navy"]{--toggle-bg:rgba(255, 255, 255, 0.95);--toggle-border:rgba(255, 255, 255, 0.8);--toggle-active-bg:var(--color-navy-700);--toggle-active-text:var(--color-gray-50);--toggle-inactive-text:var(--color-navy-700);--toggle-hover-bg:rgba(255, 255, 255, 0.1)}.bg-primary{background-color:var(--color-primary-500)}.bg-primary-50{background-color:var(--color-primary-50)}.bg-primary-100{background-color:var(--color-primary-100)}.bg-primary-light{background-color:var(--color-primary-100)}.bg-primary-dark{background-color:var(--color-primary-700)}.bg-navy{background-color:var(--color-navy)}.bg-navy-light{background-color:var(--color-navy-100)}.bg-navy-dark{background-color:var(--color-navy-900)}.bg-orange{background-color:var(--color-orange-500)}.bg-orange-light{background-color:var(--color-orange-100)}.bg-orange-dark{background-color:var(--color-orange-700)}.bg-success{background-color:var(--color-success-500)}.bg-success-light{background-color:var(--color-success-100)}.bg-error{background-color:var(--color-error-500)}.bg-error-light{background-color:var(--color-error-100)}.bg-warning{background-color:var(--color-warning-500)}.bg-warning-light{background-color:var(--color-warning-100)}.text-primary{color:var(--color-primary-500)}.text-primary-dark{color:var(--color-primary-700)}.text-primary-light{color:var(--color-primary-300)}.text-navy{color:var(--color-navy)}.text-navy-light{color:var(--color-navy-600)}.text-orange{color:var(--color-orange-500)}.text-success{color:var(--color-success-500)}.text-error{color:var(--color-error-500)}.text-warning{color:var(--color-warning-500)}.border-primary{border-color:var(--color-primary-500)}.border-navy{border-color:var(--color-navy)}.border-orange{border-color:var(--color-orange-500)}.bg-gradient-primary{background:var(--gradient-primary)}.bg-gradient-navy{background:var(--gradient-navy)}.bg-gradient-orange{background:var(--gradient-orange)}.bg-gradient-hero{background:var(--gradient-hero)}.bg-gradient-cta{background:var(--gradient-cta)}:root{--spartera-blue:var(--color-primary-500);--spartera-blue-dark:var(--color-primary-700);--spartera-blue-light:var(--color-primary-300);--spartera-navy:var(--color-navy);--spartera-orange:var(--color-orange-500);--spartera-success:var(--color-success-500);--spartera-light:var(--color-primary-300);--template-blue-1:var(--color-primary-700);--template-blue-2:var(--color-navy-700);--template-blue-3:var(--color-navy-900);--gradient-spartera:var(--gradient-primary);--gradient-spartera-reverse:var(--gradient-primary-reverse);--gradient-template-hero:var(--gradient-hero);--shadow-card:var(--shadow-md);--shadow-card-hover:var(--shadow-lg);--shadow-spartera:var(--shadow-primary);--btn-shadow-hover:var(--shadow-primary-lg);--btn-shadow-orange:var(--shadow-orange);--btn-shadow-green:var(--shadow-success);--btn-transform-hover:var(--hover-lift)}@media (prefers-contrast:high){:root{--color-primary-500:#0066AA;--color-orange-500:#CC5500;--color-text-primary:#000000;--color-text-secondary:#333333;--color-border-primary:#666666}.dark{--color-text-primary:#FFFFFF;--color-text-secondary:#CCCCCC;--color-border-primary:#999999}}@media (prefers-reduced-motion:reduce){:root{--transition-fast:none;--transition-normal:none;--transition-slow:none;--transition-cubic:none;--animation-duration-fast:0s;--animation-duration-normal:0s;--animation-duration-slow:0s}}@media print{:root{--color-primary-500:#0066AA;--color-orange-500:#CC5500;--color-bg-primary:#FFFFFF;--color-text-primary:#000000;--shadow-md:none;--shadow-lg:none;--shadow-primary:none}}

/* === css/core.css === */
@import url('./variables.css');html{scroll-behavior:smooth}body{margin:0;padding:0;overflow-x:hidden;background-color:var(--color-bg-primary);color:var(--color-text-primary)}body.menu-open{overflow:hidden}main{margin-left:0;margin-right:0;padding-top:0}section:first-of-type{margin-left:0;margin-right:0}*{scrollbar-width:thin;scrollbar-color:var(--color-primary-500) var(--color-gray-100)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--color-primary-500);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-600)}.dark::-webkit-scrollbar-track{background:var(--color-gray-700)}.dark::-webkit-scrollbar-thumb{background:var(--color-primary-400)}.container-xl{width:100%;max-width:1600px;margin:0 auto;padding:0 1rem}.shadow-primary{box-shadow:var(--shadow-primary)}.shadow-orange{box-shadow:var(--shadow-orange)}.shadow-success{box-shadow:var(--shadow-success)}.shadow-navy{box-shadow:var(--shadow-navy)}.bg-primary-tint{background-color:var(--color-primary-50)}.bg-orange-tint{background-color:var(--color-orange-50)}.bg-navy-tint{background-color:var(--color-navy-50)}.bg-success-tint{background-color:var(--color-success-50)}.bg-section-alternate-1{background:var(--gradient-bg-subtle)}.bg-section-alternate-2{background:var(--gradient-bg-warm)}.bg-section-accent-orange{background:var(--gradient-bg-warm)}.bg-section-accent-navy{background:var(--gradient-bg-navy)}.bg-section-accent-primary{background:var(--gradient-bg-cool)}.dark .bg-section-alternate-1{background:var(--gradient-dark-subtle)}.dark .bg-section-alternate-2{background:var(--gradient-dark-warm)}.dark .bg-section-accent-orange{background:var(--gradient-dark-orange-tint)}.dark .bg-section-accent-navy{background:var(--gradient-dark-navy-tint)}.dark .bg-section-accent-primary{background:var(--gradient-dark-primary-tint)}.dark .bg-primary-tint{background-color:rgba(0, 153, 204, var(--opacity-10))}.dark .bg-orange-tint{background-color:rgba(255, 107, 53, var(--opacity-10))}.dark .bg-navy-tint{background-color:rgba(26, 54, 93, var(--opacity-15))}.dark .bg-success-tint{background-color:rgba(16, 185, 129, var(--opacity-10))}.animate-fade-in{opacity:0;animation:fadeIn var(--animation-duration-slow) var(--animation-easing) forwards}.animate-slide-up{opacity:0;transform:translateY(var(--animation-slide-distance));animation:slideUp var(--animation-duration-slow) var(--animation-easing) forwards}.animate-slide-in-left{opacity:0;transform:translateX(calc(-1 * var(--animation-slide-distance)));animation:slideInLeft var(--animation-duration-slow) var(--animation-easing) forwards}.animate-scale-in{opacity:0;transform:scale(0.95);animation:scaleIn var(--animation-duration-slow) var(--animation-easing) forwards}.scroll-animate{opacity:0;transform:translateY(var(--animation-slide-distance));transition:all var(--animation-duration-slow) var(--animation-easing)}.scroll-animate.visible{opacity:var(--opacity-100);transform:translateY(0)}.animate-delay-1{animation-delay:0.1s}.animate-delay-2{animation-delay:0.2s}.animate-delay-3{animation-delay:0.3s}.animate-delay-4{animation-delay:0.4s}.animate-delay-5{animation-delay:0.5s}.hover-lift{transition:transform var(--transition-normal)}.hover-lift:hover{transform:var(--hover-lift)}.hover-scale{transition:transform var(--transition-normal)}.hover-scale:hover{transform:var(--hover-scale)}.hover-scale-sm:hover{transform:var(--hover-scale-sm)}.hover-scale-lg:hover{transform:var(--hover-scale-lg)}@keyframes fadeIn{to{opacity:var(--opacity-100)}}@keyframes slideUp{to{opacity:var(--opacity-100);transform:translateY(0)}}@keyframes slideInLeft{to{opacity:var(--opacity-100);transform:translateX(0)}}@keyframes scaleIn{to{opacity:var(--opacity-100);transform:scale(1)}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%, 100%{opacity:var(--opacity-100)}50%{opacity:var(--opacity-50)}}@keyframes bounce{0%, 20%, 53%, 80%, 100%{transform:translate3d(0, 0, 0)}40%, 43%{transform:translate3d(0, -8px, 0)}70%{transform:translate3d(0, -4px, 0)}90%{transform:translate3d(0, -2px, 0)}}@keyframes pulse-primary{0%, 100%{background-color:var(--color-primary-500)}50%{background-color:var(--color-primary-300)}}.grecaptcha-badge{visibility:hidden}#form-info, #hp-form-info{background-color:var(--color-primary-100);border:1px solid var(--color-primary-300);color:var(--color-navy);border-radius:var(--btn-radius);padding:1rem;margin-top:1rem}#form-info.hidden, #hp-form-info.hidden{display:none}#form-info span, #hp-form-info span{display:flex;align-items:center;gap:0.5rem;font-weight:500}#form-info span::before, #hp-form-info span::before{content:'';width:16px;height:16px;border:2px solid var(--color-primary-500);border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.dark #form-info, .dark #hp-form-info{background-color:rgba(0, 153, 204, var(--opacity-15));border-color:var(--color-primary-600);color:var(--color-dark-text-primary)}.keyboard-navigation *:focus{outline:2px solid var(--color-primary-500);outline-offset:2px}button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px;box-shadow:var(--input-shadow-focus)}@media (prefers-reduced-motion:reduce){.animate-fade-in, .animate-slide-up, .animate-slide-in-left, .animate-scale-in, .scroll-animate, .hover-lift, .hover-scale, .hover-scale-sm, .hover-scale-lg{animation:none;transition:none;opacity:var(--opacity-100);transform:none}.scroll-animate.visible{opacity:var(--opacity-100);transform:none}html{scroll-behavior:auto}#form-info span::before, #hp-form-info span::before{animation:none;transform:rotate(0deg)}}@media (prefers-contrast:high){.bg-gradient-primary, .bg-gradient-hero, .bg-gradient-navy{border:2px solid currentColor}}.bg-spartera-blue{background-color:var(--color-primary-500)}.bg-spartera-blue-light{background-color:var(--color-primary-100)}.bg-spartera-navy{background-color:var(--color-navy)}.bg-spartera-navy-light{background-color:var(--color-navy-100)}.bg-spartera-orange{background-color:var(--color-orange-500)}.bg-spartera-orange-light{background-color:var(--color-orange-100)}.bg-spartera-success{background-color:var(--color-success-500)}.bg-spartera-success-light{background-color:var(--color-success-100)}.text-spartera-blue{color:var(--color-primary-500)}.text-spartera-blue-dark{color:var(--color-primary-700)}.text-spartera-blue-light{color:var(--color-primary-300)}.text-spartera-navy{color:var(--color-navy)}.text-spartera-orange{color:var(--color-orange-500)}.border-spartera-blue{border-color:var(--color-primary-500)}.border-spartera-navy{border-color:var(--color-navy)}.border-spartera-orange{border-color:var(--color-orange-500)}.bg-gradient-spartera{background:var(--gradient-primary);color:var(--color-text-inverse)}.bg-gradient-template-hero{background:var(--gradient-hero);color:var(--color-text-inverse)}.bg-gray-75{background-color:var(--color-gray-50)}.bg-gray-150{background-color:var(--color-gray-100)}.dark .bg-gray-75{background-color:var(--color-gray-800)}.dark .bg-gray-150{background-color:var(--color-gray-700)}@media print{body{background:white !important;color:black !important}.bg-gradient-primary, .bg-gradient-hero, .bg-gradient-navy{background:white !important;color:black !important;border:1px solid black !important}.scroll-animate{opacity:var(--opacity-100) !important;transform:none !important}}

/* === css/navigation.css === */
@import url('./variables.css');.floating-header{position:fixed;top:0;left:0;right:0;z-index:50}.dropdown-menu{min-width:280px;z-index:1000}.dropdown-menu .dropdown-menu{min-width:260px;z-index:1001}.dropdown-menu .dropdown-menu .dropdown-menu{min-width:240px;z-index:1002}.dropdown-menu .dropdown-menu .dropdown-menu .dropdown-menu{min-width:220px;z-index:1003}.group:hover > .dropdown-menu{opacity:1 !important;visibility:visible !important;transform:translateY(0) !important}.dropdown-menu li.group\/sub:hover > .dropdown-menu{opacity:1 !important;visibility:visible !important;transform:translateY(0) !important}.dropdown-menu li:not(:hover) > .dropdown-menu{opacity:0 !important;visibility:hidden !important;transform:translateY(-10px) !important}.theme-selector .theme-dropdown{right:0;left:auto;min-width:160px;max-width:200px;white-space:nowrap;overflow:hidden;transform-origin:top right;z-index:9999}.theme-selector.group:hover .theme-dropdown{opacity:1 !important;visibility:visible !important}.mobile-dropdown-checkbox{position:absolute;opacity:0;width:0;height:0;pointer-events:none;visibility:hidden;display:none}.mobile-dropdown-content{max-height:0;overflow:hidden;transition:max-height 0.3s ease}.mobile-dropdown input[type="checkbox"]:checked ~ .mobile-dropdown-content{max-height:1000px;margin-top:2.25rem}.mobile-dropdown input[type="checkbox"]:not(:checked) ~ .mobile-dropdown-content{margin-top:0}.mobile-dropdown .dropdown-arrow{transition:transform 0.3s ease}.mobile-dropdown input[type="checkbox"]:checked + .mobile-dropdown-toggle .dropdown-arrow{transform:rotate(180deg)}.mobile-dropdown input[type="checkbox"]:checked + .mobile-dropdown-toggle{background:var(--gradient-primary);color:white}.mobile-dropdown input[type="checkbox"]:checked + .mobile-dropdown-toggle *{color:white !important}.mobile-nav-menu{visibility:hidden !important;opacity:0 !important;transform:translateY(-100%) !important;transition:all 0.3s ease-in-out !important}.mobile-nav-menu.visible{visibility:visible !important;opacity:1 !important;transform:translateY(0) !important}.hamburger-line{background-color:white !important;transition:all 0.3s ease}.mobile-menu-toggle.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(4px, 3px);background-color:white !important}.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0;background-color:white !important}.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px, -4px);background-color:white !important}.theme-icon{display:none !important}body.theme-preference-light .theme-icon-light{display:block !important}body.theme-preference-dark .theme-icon-dark{display:block !important}body.theme-preference-system .theme-icon-system{display:block !important}body:not([class*="theme-preference"]) .theme-icon-system{display:block !important}body:not(.show-banner){--total-header-height:var(--header-height)}body.show-banner{--total-header-height:calc(var(--banner-height) + var(--header-height))}.theme-check{display:none !important}body.theme-preference-light .theme-option[data-theme="light"] .theme-check{display:block !important}body.theme-preference-dark .theme-option[data-theme="dark"] .theme-check{display:block !important}body.theme-preference-system .theme-option[data-theme="system"] .theme-check{display:block !important}.theme-check{display:none !important}body.theme-preference-light .theme-option[data-theme="light"] .theme-check{display:block !important}body.theme-preference-dark .theme-option[data-theme="dark"] .theme-check{display:block !important}body.theme-preference-system .theme-option[data-theme="system"] .theme-check{display:block !important}@media (max-width:1023px){.nav-menu, .header-cta .desktop-only{display:none}.mobile-menu-toggle{display:flex}body.mobile-menu-open{overflow:hidden}.mobile-dropdown{background:var(--color-bg-primary);border:1px solid var(--color-border-primary)}.dark .mobile-dropdown{background:var(--color-dark-bg-primary);border-color:var(--color-dark-border-primary)}.mobile-dropdown-toggle{background:var(--color-bg-secondary);color:var(--color-text-primary)}.dark .mobile-dropdown-toggle{background:var(--color-dark-bg-secondary);color:var(--color-dark-text-primary)}.mobile-dropdown-content{background:var(--color-bg-secondary)}.dark .mobile-dropdown-content{background:var(--color-dark-bg-secondary)}.mobile-menu-list a{background:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border-primary)}.dark .mobile-menu-list a{background:var(--color-dark-bg-primary);color:var(--color-dark-text-primary);border-color:var(--color-dark-border-primary)}.mobile-menu-list > li{margin-bottom:0.5rem}}@media (min-width:1024px){.mobile-menu-toggle, .mobile-nav-menu{display:none}}.nav-menu a:focus-visible, .dropdown-menu a:focus-visible, .mobile-dropdown-toggle:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.dropdown-menu, .mobile-dropdown-content, .hamburger-line{will-change:transform}.dropdown-menu:not(:hover), .mobile-dropdown-content:not(.transitioning){will-change:auto}@media (prefers-reduced-motion:reduce){.dropdown-menu, .mobile-dropdown-content, .hamburger-line, .mobile-nav-menu{transition:none}.mobile-menu-toggle.active .hamburger-line{transform:none}.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:1}}@media print{.floating-header, .mobile-menu-toggle, .mobile-nav-menu, .dropdown-menu{display:none}}

/* === css/components.css === */
@import url('./variables.css');.hero{min-height:100vh;min-height:100dvh;margin-top:var(--total-header-height);position:relative;top:0;overflow:visible;display:flex;align-items:center;justify-content:center;padding:2rem 0;background:var(--gradient-hero);color:var(--color-text-inverse)}.hero-style-half-screen, .hero-page-blog-page, .hero-page-about-page, .hero-basic, .hero-feature{min-height:60vh;padding:3rem 0}.hero-content{position:relative;z-index:10;width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.hero-main-grid{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center;margin:2rem 0}@media (min-width:1024px){.hero-main-grid{grid-template-columns:1fr 1fr;gap:4rem}}.hero-text-content{text-align:center;color:var(--color-text-inverse)}@media (min-width:1024px){.hero-text-content{text-align:left}}.hero-visual{display:flex;justify-content:center;align-items:center;position:relative;width:100%;max-width:100%;overflow:hidden}.hero-visual-card{background:rgba(255, 255, 255, var(--opacity-10));backdrop-filter:var(--toggle-blur);border:1px solid rgba(255, 255, 255, var(--opacity-20));border-radius:var(--card-radius);padding:2rem;max-width:400px;width:100%}.hero-visual-multiple-images{position:relative;transition:opacity var(--transition-normal)}.hero-images-container{position:relative;max-width:48rem;margin:0 auto;min-height:300px}@media (min-width:1024px){.hero-images-container{min-height:350px}}.hero-visual-multiple-images .relative.max-w-4xl{max-width:100% !important;width:100%;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:0;position:relative;min-height:400px;overflow:visible}.hero-visual-multiple-images .relative.max-w-4xl > div{position:relative;transition:all var(--transition-slow);z-index:10;flex-shrink:0}.hero-visual-multiple-images .relative.max-w-4xl > div:first-child{transform:rotate(-5deg) translateX(2rem) translateY(1rem);z-index:12}.hero-visual-multiple-images .relative.max-w-4xl > div:last-child{transform:rotate(5deg) translateX(-8rem) translateY(-1rem);z-index:11;margin-left:-12rem}.hero-visual-multiple-images .relative.max-w-4xl > div:hover{transform:rotate(0deg) translateX(0) var(--hover-scale-lg);z-index:15}.hero-visual-multiple-images .bg-white.rounded-xl, .hero-visual-multiple-images .bg-white.rounded-2xl{background:transparent !important;border-radius:var(--card-radius);box-shadow:var(--shadow-2xl);overflow:hidden;width:24rem !important;border:none !important;transition:all var(--transition-normal)}@media (min-width:1024px){.hero-visual-multiple-images .bg-white.rounded-xl, .hero-visual-multiple-images .bg-white.rounded-2xl{width:28rem !important}.hero-visual-multiple-images .relative.max-w-4xl > div:first-child{transform:rotate(-6deg) translateX(3rem) translateY(2rem)}.hero-visual-multiple-images .relative.max-w-4xl > div:last-child{transform:rotate(6deg) translateX(-10rem) translateY(-2rem);margin-left:-14rem}}.hero-visual-multiple-images img{width:100%;height:auto;object-fit:cover;display:block;border-radius:calc(var(--card-radius) - 0.25rem)}.hero-visual-multiple-images .absolute.inset-0.bg-gradient-to-t, .hero-visual-multiple-images .absolute.inset-0[class*="bg-gradient"], .hero-visual-multiple-images .absolute.inset-0[class*="opacity"]{display:none !important}.hero-visual-multiple-images .mt-8.text-center, .hero-visual-multiple-images .mt-6.text-center{margin-top:2.5rem;text-align:center;position:relative;z-index:5}.hero-visual-multiple-images .inline-block.bg-black, .hero-visual-multiple-images .inline-block[class*="bg-black"]{background:transparent !important;backdrop-filter:none !important;border:none !important;border-radius:0 !important;padding:0 !important;box-shadow:none !important}.hero-visual-multiple-images .text-white.text-sm, .hero-visual-multiple-images p.text-white{color:rgba(255, 255, 255, var(--opacity-95)) !important;font-size:1.125rem !important;font-weight:500 !important;text-shadow:0 2px 8px rgba(0, 0, 0, var(--opacity-40)) !important;margin:0 !important}.hero-visual-multiple-images .absolute.bottom-3.left-3, .hero-visual-multiple-images .absolute[class*="bottom-"][class*="left-"]{display:none !important}.hero-visual-multiple-images .relative:hover .absolute.bottom-3.left-3, .hero-visual-multiple-images .relative:hover .absolute[class*="bottom-"][class*="left-"]{opacity:var(--opacity-100);transform:translateY(0)}.hero-visual-multiple-images .text-white.text-xs.font-medium, .hero-visual-multiple-images span.text-white{color:var(--color-text-inverse) !important;font-size:0.875rem !important;font-weight:600 !important}.hero-visual-multiple-images .absolute.-bottom-3.-left-3, .hero-visual-multiple-images .absolute.-top-1.-left-4, .hero-visual-multiple-images .absolute[class*="-bottom-"][class*="-left-"], .hero-visual-multiple-images .absolute[class*="-top-"][class*="-left-"], .hero-visual-multiple-images .absolute[class*="-top-"][class*="-right-"]{display:none !important}.hero-image-card{position:absolute;transition:all var(--transition-slow)}.hero-image-card:hover{transform:rotate(0deg) var(--hover-scale-sm) !important}.hero-image-card-1{top:0;left:0;transform:rotate(-2deg);z-index:17}.hero-image-card-2{top:3rem;left:5rem;transform:rotate(1deg);z-index:16}@media (min-width:1024px){.hero-image-card-2{left:6rem}}.hero-image-card-3{top:6rem;left:10rem;transform:rotate(2deg);z-index:15}@media (min-width:1024px){.hero-image-card-3{left:12rem}}.hero-image-frame{background:var(--color-bg-primary);border-radius:var(--card-radius);box-shadow:var(--shadow-2xl);overflow:hidden;width:320px;border:1px solid var(--color-border-primary);transition:all var(--transition-normal)}@media (min-width:1024px){.hero-image-frame{width:360px}}@media (min-width:1280px){.hero-image-frame{width:480px}}.hero-image-frame:hover{box-shadow:var(--shadow-2xl);transform:var(--hover-scale-sm)}.hero-image-frame img{width:100%;height:auto;object-fit:cover;display:block}.hero-image-badge{position:absolute;top:-0.5rem;right:-0.5rem;width:1.5rem;height:1.5rem;background:var(--color-orange-500);border-radius:50%;display:none;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);border:2px solid var(--color-bg-primary);font-size:0.75rem;font-weight:bold;color:var(--color-text-inverse);z-index:2}.hero-images-caption{margin-top:2rem;text-align:center;position:relative}.hero-images-caption-box{display:inline-block}.hero-images-caption-text{color:var(--color-text-inverse);font-size:0.875rem;font-weight:500;margin:0}.hero-visual-single-image{position:relative;transition:opacity var(--transition-normal)}.hero-single-image-container{position:relative;max-width:40rem;margin:0 auto}.hero-single-image-frame{position:relative;background:transparent !important;border-radius:var(--card-radius);box-shadow:var(--shadow-2xl);overflow:hidden;transform:scale(1) rotate(-2deg);transition:transform var(--transition-slow);border:none !important}.hero-single-image-frame:hover{transform:var(--hover-scale-lg) rotate(0deg)}.hero-single-image-frame img{width:100%;height:auto;object-fit:cover;border-radius:calc(var(--card-radius) - 0.125rem)}@media (min-width:1024px){.hero-single-image-container{max-width:48rem}.hero-single-image-frame{transform:scale(1) rotate(-3deg)}.hero-single-image-frame:hover{transform:var(--hover-scale-lg) rotate(0deg)}}.hero-single-image-overlay{position:absolute;inset:0;background:linear-gradient(to top, rgba(0, 0, 0, var(--opacity-5)), transparent);pointer-events:none}.hero-single-image-decorations{position:relative}.hero-decoration-orange{position:absolute;top:-1rem;right:-1rem;width:2rem;height:2rem;background:rgba(255, 107, 53, var(--opacity-20));border-radius:50%;filter:blur(4px)}.hero-decoration-blue{position:absolute;bottom:-1.5rem;left:-1.5rem;width:3rem;height:3rem;background:rgba(0, 153, 204, var(--opacity-20));border-radius:50%;filter:blur(8px)}.hero-visual-animated-gif{position:relative;transition:opacity var(--transition-normal)}.hero-gif-container{position:relative;max-width:32rem;margin:0 auto}.hero-gif-frame{position:relative;background:var(--color-gray-900);border-radius:var(--card-radius);box-shadow:var(--shadow-2xl);overflow:hidden}.hero-gif-header{background:var(--color-gray-800);padding:0.75rem 1rem;display:flex;align-items:center;gap:0.5rem}.hero-gif-dots{display:flex;gap:0.5rem}.hero-gif-dot{width:0.75rem;height:0.75rem;border-radius:50%}.hero-gif-dot-red{background:var(--color-error-500)}.hero-gif-dot-yellow{background:var(--color-warning-500)}.hero-gif-dot-green{background:var(--color-success-500)}.hero-gif-title{flex:1;text-align:center}.hero-gif-title-text{background:var(--color-gray-700);border-radius:0.375rem;padding:0.25rem 0.75rem;font-size:0.75rem;color:var(--color-gray-300);display:inline-block}.hero-gif-content{position:relative}.hero-gif-content img{width:100%;height:auto;object-fit:cover}.hero-gif-live-indicator{position:absolute;top:1rem;right:1rem;background:rgba(0, 0, 0, var(--opacity-50));backdrop-filter:blur(4px);border-radius:9999px;padding:0.25rem 0.75rem;display:flex;align-items:center;gap:0.5rem}.hero-gif-live-dot{width:0.5rem;height:0.5rem;background:var(--color-success-400);border-radius:50%;animation:pulse 2s infinite}.hero-gif-live-text{color:var(--color-text-inverse);font-size:0.75rem;font-weight:500}.hero-visual-youtube{position:relative;transition:opacity var(--transition-normal)}.hero-youtube-container{position:relative;max-width:32rem;margin:0 auto}.hero-youtube-frame{position:relative;background:var(--color-gray-950);border-radius:var(--card-radius);overflow:hidden;box-shadow:var(--shadow-2xl)}.hero-youtube-video{position:relative;aspect-ratio:16 / 9}.hero-youtube-video iframe{width:100%;height:100%}.hero-visual-video{position:relative;transition:opacity var(--transition-normal)}.hero-video-container{position:relative;max-width:32rem;margin:0 auto}.hero-video-frame{position:relative;background:var(--color-gray-950);border-radius:var(--card-radius);overflow:hidden;box-shadow:var(--shadow-2xl)}.hero-video-element{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover}.hero-terminal-placeholder{position:relative;transition:opacity var(--transition-normal)}.hero-terminal-container{background:var(--color-gray-900);border-radius:var(--card-radius);box-shadow:var(--shadow-2xl);overflow:hidden;max-width:32rem;margin:0 auto}.hero-terminal-header{background:var(--color-gray-800);padding:0.75rem 1rem;display:flex;align-items:center;gap:0.5rem}.hero-terminal-dots{display:flex;gap:0.5rem}.hero-terminal-dot{width:0.75rem;height:0.75rem;border-radius:50%}.hero-terminal-dot-red{background:var(--color-error-500)}.hero-terminal-dot-yellow{background:var(--color-warning-500)}.hero-terminal-dot-green{background:var(--color-success-500)}.hero-terminal-title{flex:1;text-align:center}.hero-terminal-title-text{color:var(--color-gray-400);font-size:0.875rem}.hero-terminal-body{padding:1.5rem;color:var(--color-success-400);font-family:'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', 'Fira Code', monospace;font-size:0.875rem}.hero-terminal-line{margin-bottom:0.5rem}.hero-terminal-output{color:var(--color-gray-500)}.hero-terminal-cursor{margin-top:1rem;animation:pulse 2s infinite}.hero-title, #hero-title, .hero h1{font-size:clamp(2rem, 8vw, 4rem);font-weight:800;line-height:1.1;color:var(--color-white);margin:0 0 1rem 0}.hero-subtitle, #hero-subtitle, .hero h2{font-size:clamp(1rem, 4vw, 1.25rem);line-height:1.4;color:rgba(255, 255, 255, var(--opacity-90)) !important;margin:0 0 2rem 0}.hero p, #hero-description{font-size:clamp(0.875rem, 3vw, 1.125rem);line-height:1.5;color:rgba(255, 255, 255, var(--opacity-80)) !important;margin:0 0 2rem 0}.hero-cta-container{display:flex;flex-direction:column;gap:1rem;align-items:center;margin:2rem 0}@media (min-width:640px){.hero-cta-container{flex-direction:row;justify-content:center}@media (min-width:1024px){.hero-cta-container{justify-content:flex-start}}}.hero-cta-button, #hero-primary-cta, #hero-secondary-cta{padding:var(--btn-padding-lg);border-radius:var(--btn-radius);font-weight:600;text-decoration:none;transition:all var(--transition-normal);display:inline-flex;align-items:center;gap:0.5rem;min-width:200px;justify-content:center;font-size:1rem;min-height:56px;cursor:pointer;border:none;outline:none}.hero-cta-primary, #hero-primary-cta{background:var(--gradient-cta);color:var(--color-text-white) !important;border:2px solid var(--color-orange-500)}.hero-cta-primary:hover, #hero-primary-cta:hover{transform:var(--hover-lift);box-shadow:var(--shadow-orange);color:var(--color-text-inverse) !important}.hero-cta-secondary, #hero-secondary-cta{background:transparent;color:var(--color-white) !important;border:2px solid rgba(255, 255, 255, var(--opacity-50))}.hero-cta-secondary:hover, #hero-secondary-cta:hover{background:rgba(255, 255, 255, var(--opacity-10));border-color:rgba(255, 255, 255, var(--opacity-80));color:var(--color-text-inverse) !important}.hero-value-props{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:2rem 0}@media (min-width:1024px){.hero-value-props{justify-content:flex-start}}.hero-value-prop{display:flex;align-items:center;gap:0.5rem;color:rgba(255, 255, 255, var(--opacity-90)) !important;font-size:0.875rem;font-weight:500}.hero-value-prop::before{content:'✓';color:var(--color-orange-500) !important;font-weight:bold}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));gap:2rem;margin:3rem 0 0 0;padding:2rem 0;border-top:1px solid rgba(255, 255, 255, var(--opacity-20))}.hero-stat{text-align:center}@media (min-width:1024px){.hero-stats{grid-template-columns:repeat(3, 1fr)}.hero-stat{text-align:left}}.hero-stat-number{font-size:clamp(1.5rem, 4vw, 2.5rem);font-weight:800;color:var(--color-orange-500) !important;line-height:1;margin-bottom:0.5rem}.hero-stat-label{font-size:0.875rem;font-weight:600;color:rgba(255, 255, 255, var(--opacity-90)) !important;text-transform:uppercase;letter-spacing:0.05em}.hero-animate{opacity:var(--opacity-100);transform:translateY(0);animation:none;transition:none}.hero .scroll-animate{opacity:var(--opacity-100);transform:translateY(0);animation:none;transition:none}.hero-content *, .hero-text-content > *{opacity:var(--opacity-100);visibility:visible}@media (max-width:1024px){.hero-visual-multiple-images .relative.max-w-4xl{max-width:48rem !important;flex-direction:column;gap:2rem;min-height:600px}.hero-visual-multiple-images .relative.max-w-4xl > div:first-child, .hero-visual-multiple-images .relative.max-w-4xl > div:last-child{transform:rotate(0deg) translateX(0);margin-left:0}.hero-visual-multiple-images .bg-white.rounded-xl, .hero-visual-multiple-images .bg-white.rounded-2xl{width:28rem !important}}@media (max-width:768px){.hero-visual-multiple-images .relative.max-w-4xl{max-width:100% !important;padding:0 1rem;min-height:500px}.hero-visual-multiple-images .bg-white.rounded-xl, .hero-visual-multiple-images .bg-white.rounded-2xl{width:24rem !important}}@media (max-width:640px){.hero-visual-multiple-images .bg-white.rounded-xl, .hero-visual-multiple-images .bg-white.rounded-2xl{width:20rem !important}}.audience-toggle-container{text-align:center;margin-bottom:2rem}.audience-tabs{background:var(--toggle-bg);border:2px solid var(--toggle-border);backdrop-filter:var(--toggle-blur);box-shadow:var(--toggle-shadow);min-height:48px;border-radius:9999px;display:inline-flex;align-items:center;padding:0.25rem}.audience-tab{border:none;outline:none;transition:var(--toggle-transition);background-color:var(--toggle-inactive-bg);color:var(--toggle-inactive-text);font-weight:600;padding:0.75rem 1.5rem;border-radius:9999px;cursor:pointer;user-select:none;position:relative;z-index:1}.audience-tab.active{background-color:var(--toggle-active-bg);color:var(--toggle-active-text);font-weight:700;box-shadow:var(--toggle-shadow);z-index:2}.audience-tab:not(.active):hover{background-color:var(--toggle-hover-bg);color:var(--toggle-inactive-text)}.audience-tab:focus{outline:2px solid var(--toggle-active-bg);outline-offset:2px}.audience-tab:not(.active){color:var(--color-gray-700);font-weight:600}.audience-tab.active{color:var(--color-text-inverse) !important;background-color:var(--color-primary-500) !important;font-weight:700}.audience-tab:not(.active):hover{color:var(--color-gray-800) !important;background-color:rgba(0, 0, 0, var(--opacity-5))}.dark .audience-tab:not(.active){color:var(--color-gray-300) !important}.dark .audience-tab.active{color:var(--color-gray-900) !important;background-color:var(--color-gray-50) !important}.dark .audience-tab:not(.active):hover{color:var(--color-gray-200) !important;background-color:rgba(255, 255, 255, var(--opacity-10))}.step-visual{background:var(--gradient-bg-subtle);border:1px solid var(--color-border-primary);transition:all var(--transition-normal);position:relative;overflow:hidden;padding:0 !important;border-radius:var(--card-radius)}.step-visual:hover{transform:var(--hover-lift);box-shadow:var(--shadow-lg)}.step-visual.has-background-image{background-size:cover;background-position:center;background-repeat:no-repeat}.step-visual.has-background-image::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(0, 0, 0, var(--opacity-60)) 0%, rgba(0, 0, 0, var(--opacity-30)) 100%);z-index:1;transition:all var(--transition-normal)}.step-visual.has-background-image:hover::before{background:linear-gradient(135deg, rgba(0, 0, 0, var(--opacity-50)) 0%, rgba(0, 0, 0, var(--opacity-20)) 100%)}.step-visual .text-center.w-full{position:relative;z-index:2;padding:2rem;height:100%;display:flex;flex-direction:column;justify-content:center;color:var(--color-text-inverse)}.step-visual.has-background-image img{display:none}.step-visual.has-background-image h5{color:var(--color-text-inverse);text-shadow:0 2px 4px rgba(0, 0, 0, var(--opacity-50));font-weight:700}.step-visual.has-background-image p{color:rgba(255, 255, 255, var(--opacity-90));text-shadow:0 1px 2px rgba(0, 0, 0, var(--opacity-50))}.step-visual:hover img{transform:var(--hover-scale-sm);box-shadow:var(--shadow-lg)}.step-visual .absolute.inset-0{transition:opacity var(--transition-normal)}.step-visual:hover .absolute.inset-0{opacity:var(--opacity-80)}@media (max-width:1024px){.step-visual.has-background-image .text-center.w-full{padding:1.5rem}}@media (max-width:768px){.step-visual{min-height:300px}.step-visual.has-background-image .text-center.w-full{padding:1.25rem}.step-visual.has-background-image h5{font-size:1rem}.step-visual.has-background-image p{font-size:0.875rem}}@media (max-width:640px){.step-visual{min-height:280px}.step-visual.has-background-image .text-center.w-full{padding:1rem}.step-visual.has-background-image h5{font-size:0.9rem}.step-visual.has-background-image p{font-size:0.8rem}}.step-visual img{background:linear-gradient(90deg, var(--color-gray-100) 25%, var(--color-gray-200) 50%, var(--color-gray-100) 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite}.step-visual img[src]{background:none;animation:none}@keyframes loading-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.step-visual h5{font-weight:600;letter-spacing:-0.025em;line-height:1.3;color:var(--color-text-primary)}.step-visual p{opacity:var(--opacity-80);font-weight:500;color:var(--color-text-secondary)}.dark .step-visual{background:var(--gradient-dark-subtle);border-color:var(--color-dark-border-primary)}.dark .step-visual:hover{background:var(--gradient-dark-warm)}.dark .step-visual h5{color:var(--color-dark-text-primary)}.dark .step-visual p{color:var(--color-dark-text-secondary)}.step-visual .emoji-fallback{font-size:3rem;line-height:1;filter:grayscale(0.2);transition:filter var(--transition-normal)}.step-visual:hover .emoji-fallback{filter:grayscale(0);transform:scale(1.1)}.btn-shadow-primary:hover{box-shadow:var(--shadow-primary)}.btn-shadow-orange:hover{box-shadow:var(--shadow-orange)}.btn-shadow-success:hover{box-shadow:var(--shadow-success)}.btn-lift:hover{transform:var(--hover-lift)}.seller-portal-btn{background:var(--gradient-success);color:var(--color-text-inverse);border:none;box-shadow:var(--shadow-success);padding:var(--btn-padding-md);border-radius:var(--btn-radius);font-weight:600;font-size:0.875rem;transition:all var(--transition-cubic)}.seller-portal-btn:hover{background:linear-gradient(135deg, var(--color-success-600) 0%, var(--color-success-800) 100%);transform:var(--hover-lift);box-shadow:var(--shadow-success)}.btn-sm{padding:var(--btn-padding-sm);font-size:0.875rem}.btn-md{padding:var(--btn-padding-md);font-size:1rem}.btn-lg{padding:var(--btn-padding-lg);font-size:1.125rem}.btn-xl{padding:var(--btn-padding-xl);font-size:1.25rem}.btn-loading{opacity:var(--opacity-75);cursor:not-allowed;pointer-events:none}.btn-loading .btn-text{display:none}.btn-loading .btn-spinner{display:inline-block}.btn-spinner{display:none;width:1rem;height:1rem;border:2px solid rgba(255, 255, 255, var(--opacity-30));border-top-color:var(--color-text-inverse);border-radius:50%;animation:spin 1s linear infinite}.btn-focus:focus{outline:none;box-shadow:0 0 0 2px var(--color-primary-500), 0 0 0 4px rgba(0, 153, 204, var(--opacity-20))}.btn-disabled{opacity:var(--opacity-50);cursor:not-allowed;pointer-events:none}.top-banner{position:fixed;top:0;left:0;right:0;width:100%;height:var(--banner-height);z-index:60;background:linear-gradient(to right, #059669, #047857);color:white;text-align:center;font-size:0.875rem;font-weight:500;line-height:1.4;display:flex;align-items:center;justify-content:center;transition:transform 0.3s ease-in-out, opacity 0.3s ease-in-out;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);transform:translateY(-100%);opacity:0;visibility:hidden}.top-banner.show, body.show-banner .top-banner{transform:translateY(0);opacity:1;visibility:visible}@media (max-width:1023px){.top-banner{display:none !important}}.top-banner .max-w-7xl{width:100%;max-width:80rem;margin:0 auto;padding:0 3rem;position:relative;height:100%;display:flex;align-items:center;justify-content:center}.top-banner .flex.items-center{display:flex;align-items:center;justify-content:center;gap:0.5rem}.top-banner .text-lg{font-size:1rem;flex-shrink:0}.top-banner .banner-text{color:white;line-height:1.4}.top-banner .banner-cta{color:rgba(255, 255, 255, 0.9);text-decoration:none;font-weight:600;margin-left:0.25rem;transition:all 0.3s ease;border-bottom:1px solid transparent}.top-banner .banner-cta:hover{color:white;border-bottom-color:currentColor}.top-banner .banner-close{position:absolute;right:0.75rem;top:50%;transform:translateY(-50%);width:1.5rem;height:1.5rem;background:rgba(255, 255, 255, 0.1);border:none;border-radius:0.25rem;color:white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;z-index:10}.top-banner .banner-close:hover{background:rgba(255, 255, 255, 0.2);transform:translateY(-50%)}.top-banner .banner-close:focus{outline:2px solid rgba(255, 255, 255, 0.5);outline-offset:2px}.top-banner .banner-close svg{width:0.875rem;height:0.875rem;stroke-width:2}body.show-banner #mainHeader{top:var(--banner-height)}body.show-banner .hero{margin-top:var(--total-header-height)}body:not(.show-banner) .hero{margin-top:var(--header-height)}@media (min-width:1024px){.top-banner{font-size:1rem;padding:0.75rem 0}.top-banner .banner-text{font-size:1rem}.top-banner .banner-cta{font-size:1rem}.top-banner .banner-close{right:1rem;width:1.75rem;height:1.75rem}.top-banner .banner-close svg{width:1rem;height:1rem}}.newsletter-section{position:relative;overflow:hidden;background:var(--gradient-hero);color:var(--color-text-inverse)}.newsletter-form{display:flex;gap:1rem;align-items:center;justify-content:center;max-width:40rem;margin:0 auto;flex-wrap:wrap}#newsletterForm{padding:0;width:auto;display:flex;gap:1rem;align-items:center;justify-content:center;flex-direction:row;flex-wrap:nowrap}#newsletterForm input[type="email"]{flex:1;max-width:400px;width:100%;padding:1.25rem 1.5rem;border:none;border-radius:var(--btn-radius);font-size:1rem;font-weight:400;line-height:1.5;transition:all var(--transition-cubic);background-color:rgba(255, 255, 255, var(--opacity-95));color:var(--color-text-primary);backdrop-filter:blur(8px);box-shadow:var(--shadow-md);flex-shrink:1;min-width:280px}#newsletterForm input[type="email"]::placeholder{color:var(--color-text-muted);opacity:var(--opacity-100);transition:opacity var(--transition-normal)}#newsletterForm input[type="email"]:focus{outline:none;background-color:rgba(255, 255, 255, var(--opacity-100));box-shadow:0 0 0 4px rgba(255, 255, 255, var(--opacity-30)), var(--shadow-lg);transform:translateY(-1px)}#newsletterForm input[type="email"]:focus::placeholder{opacity:var(--opacity-50)}#newsletterForm input[type="email"]:disabled{background-color:rgba(255, 255, 255, var(--opacity-50));cursor:not-allowed;opacity:var(--opacity-70)}#newsletterForm button[type="submit"]{padding:1.25rem 2rem;color:var(--color-text-inverse);background-color:var(--color-gray-700);border:none;border-radius:var(--btn-radius);font-weight:700;font-size:1rem;line-height:1.5;cursor:pointer;transition:all var(--transition-cubic);white-space:nowrap;box-shadow:var(--shadow-md);width:auto;min-width:140px;flex-shrink:0}#newsletterForm button[type="submit"]:hover:not(:disabled){background-color:var(--color-gray-900);color:var(--color-text-inverse);transform:var(--hover-lift);box-shadow:var(--shadow-lg)}#newsletterForm button[type="submit"]:disabled{background:var(--color-gray-400);color:var(--color-text-inverse);cursor:not-allowed;transform:none;box-shadow:var(--shadow-xs);opacity:var(--opacity-60)}#newsletterForm button[type="submit"] .loading-text{display:none}#newsletterForm button[type="submit"].loading .submit-text{display:none}#newsletterForm button[type="submit"].loading .loading-text{display:inline}#newsletterForm button[type="submit"].loading:disabled{background:var(--color-orange-500);color:var(--color-text-inverse)}.newsletter-message, #newsletterFormSuccess, #newsletterFormError{margin-top:1.5rem;padding:1rem 1.25rem;border-radius:var(--btn-radius);font-size:0.875rem;font-weight:600;border:2px solid transparent;backdrop-filter:blur(8px);max-width:42rem;margin-left:auto;margin-right:auto;opacity:var(--opacity-0);transform:translateY(10px);transition:all var(--transition-normal);text-align:center;display:none;align-items:center;justify-content:center;gap:0.75rem}.newsletter-message:not(.hidden), #newsletterFormSuccess:not(.hidden), #newsletterFormError:not(.hidden){display:flex;opacity:var(--opacity-100);transform:translateY(0)}.newsletter-message.bg-green-100, #newsletterFormSuccess{background-color:var(--color-success-500) !important;color:var(--color-text-inverse) !important;border-color:var(--color-success-600);box-shadow:var(--shadow-success)}#newsletterFormSuccess .ti-check{color:var(--color-text-inverse) !important;font-size:1.125rem;filter:brightness(1.1)}.newsletter-message.bg-red-100, #newsletterFormError{background-color:var(--color-error-500) !important;color:var(--color-text-inverse) !important;border-color:var(--color-error-600);box-shadow:0 4px 12px rgba(239, 68, 68, var(--opacity-40))}#newsletterFormError .ti-alert-circle{color:var(--color-text-inverse) !important;font-size:1.125rem;filter:brightness(1.1)}@media (max-width:640px){.newsletter-form, #newsletterForm{flex-direction:column;align-items:stretch;max-width:100%;padding:0 1rem;flex-wrap:nowrap}#newsletterForm input[type="email"]{max-width:none;width:100%;padding:1rem 1.25rem;font-size:1rem;border-radius:var(--btn-radius-sm);min-width:unset}#newsletterForm button[type="submit"]{width:100%;padding:1rem 1.5rem;font-size:1rem;border-radius:var(--btn-radius-sm);margin-top:0.5rem;min-width:unset}.newsletter-message, #newsletterFormSuccess, #newsletterFormError{margin-left:1rem;margin-right:1rem;padding:0.875rem 1rem;font-size:0.8rem;gap:0.5rem}}.dark #newsletterForm input[type="email"]{background-color:rgba(31, 41, 55, var(--opacity-90));color:var(--color-text-inverse) !important;box-shadow:var(--shadow-md)}.dark #newsletterForm input[type="email"]::placeholder{color:var(--color-gray-400) !important}.dark #newsletterForm input[type="email"]:focus{background-color:rgba(31, 41, 55, var(--opacity-100));box-shadow:0 0 0 4px rgba(255, 255, 255, var(--opacity-10)), var(--shadow-lg)}.dark #newsletterForm button[type="submit"]{background-color:var(--color-gray-700);color:var(--color-primary-300)}.dark #newsletterForm button[type="submit"]:hover:not(:disabled){background:var(--color-bg-primary);color:var(--color-primary-600)}.terminal-container, .hero-terminal-container{background:linear-gradient(135deg, var(--color-gray-800) 0%, var(--color-gray-700) 100%);border-radius:var(--card-radius);overflow:hidden;box-shadow:var(--shadow-2xl);width:100%;font-family:'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', 'Fira Code', monospace;position:relative;transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);transition:transform var(--transition-normal)}.terminal-container:hover, .hero-terminal-container:hover{transform:perspective(1000px) rotateY(-2deg) rotateX(2deg)}.terminal-header, .hero-terminal-header{background:linear-gradient(180deg, var(--color-gray-700) 0%, var(--color-gray-800) 100%);padding:12px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(255, 255, 255, var(--opacity-10))}.terminal-dots, .hero-terminal-dots{display:flex;gap:6px}.terminal-dot, .hero-terminal-dot{width:12px;height:12px;border-radius:50%}.terminal-dot.red, .hero-terminal-dot-red{background:var(--color-error-500) !important}.terminal-dot.yellow, .hero-terminal-dot-yellow{background:var(--color-warning-500) !important}.terminal-dot.green, .hero-terminal-dot-green{background:var(--color-success-500) !important}.terminal-title, .hero-terminal-title{color:var(--color-gray-200) !important;font-size:13px;font-weight:500;margin-left:12px;transition:all var(--transition-normal);flex:1;text-align:center}.hero-terminal-title-text{color:var(--color-gray-400) !important;font-size:0.875rem}.terminal-body, .hero-terminal-body{background:var(--color-gray-950) !important;padding:24px;color:var(--color-gray-200) !important;font-size:14px;line-height:1.6;position:relative;overflow:hidden;font-family:'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', 'Fira Code', monospace}.terminal-line, .hero-terminal-line{display:flex;margin-bottom:8px;opacity:0;transform:translateX(-10px);transition:opacity 0.3s ease, transform 0.3s ease;color:var(--color-gray-200) !important}.terminal-line.terminal-line-visible, .hero-terminal-line{opacity:1 !important;transform:translateX(0)}.terminal-container .terminal-prompt, .hero-terminal-container .terminal-prompt, .terminal-body .terminal-prompt, .hero-terminal-body .terminal-prompt, .hero .terminal-container .terminal-prompt, .hero .hero-terminal-container .terminal-prompt{color:var(--color-primary-400) !important;margin-right:8px;font-weight:600}.terminal-container .terminal-command, .hero-terminal-container .terminal-command, .terminal-body .terminal-command, .hero-terminal-body .terminal-command, .hero .terminal-container .terminal-command, .hero .hero-terminal-container .terminal-command{color:var(--color-gray-200) !important}.terminal-container .terminal-output, .hero-terminal-container .terminal-output, .terminal-body .terminal-output, .hero-terminal-body .terminal-output, .hero .terminal-container .terminal-output, .hero .hero-terminal-container .terminal-output{color:var(--color-success-400) !important;margin-left:16px;font-style:italic}.terminal-container .terminal-comment, .hero-terminal-container .terminal-comment, .terminal-body .terminal-comment, .hero-terminal-body .terminal-comment, .hero .terminal-container .terminal-comment, .hero .hero-terminal-container .terminal-comment{color:var(--color-gray-500) !important;margin-left:16px}.terminal-container .terminal-success, .hero-terminal-container .terminal-success, .terminal-body .terminal-success, .hero-terminal-body .terminal-success, .hero .terminal-container .terminal-success, .hero .hero-terminal-container .terminal-success{color:var(--color-success-500) !important;font-weight:600}.terminal-cursor, .hero-terminal-cursor{display:inline-block;width:2px;height:18px;background:var(--color-primary-400) !important;animation:terminalBlink 1s infinite;margin-left:2px;margin-top:1rem}.hero .terminal-container, .hero .hero-terminal-container, .hero .terminal-container *, .hero .hero-terminal-container *, .hero-terminal-placeholder, .hero-terminal-placeholder *{color:inherit !important}.hero .terminal-container .terminal-body, .hero .hero-terminal-container .hero-terminal-body, .hero .terminal-container .terminal-body *, .hero .hero-terminal-container .hero-terminal-body *, .hero-terminal-placeholder .hero-terminal-body, .hero-terminal-placeholder .hero-terminal-body *{background:var(--color-gray-950) !important;color:var(--color-gray-200) !important}.hero .terminal-container .terminal-prompt, .hero .hero-terminal-container .terminal-prompt, .hero-terminal-placeholder .terminal-prompt{color:var(--color-primary-400) !important}.hero .terminal-container .terminal-output, .hero .hero-terminal-container .terminal-output, .hero-terminal-placeholder .terminal-output{color:var(--color-success-400) !important}.hero .terminal-container .terminal-success, .hero .hero-terminal-container .terminal-success, .hero-terminal-placeholder .terminal-success{color:var(--color-success-500) !important}.hero .terminal-container .terminal-comment, .hero .hero-terminal-container .terminal-comment, .hero-terminal-placeholder .terminal-comment{color:var(--color-gray-500) !important}.hero .terminal-container .terminal-command, .hero .hero-terminal-container .terminal-command, .hero-terminal-placeholder .terminal-command{color:var(--color-gray-200) !important}.hero .terminal-container .terminal-cursor, .hero .hero-terminal-container .terminal-cursor, .hero-terminal-placeholder .terminal-cursor{background:var(--color-primary-400) !important}.language-indicator{position:absolute;top:-8px;right:16px;background:var(--gradient-primary);color:var(--color-text-inverse) !important;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;z-index:10;opacity:0;transform:translateY(-10px);transition:all var(--transition-slow)}.language-indicator.language-indicator-visible{opacity:1 !important;transform:translateY(0)}@keyframes terminalBlink{0%, 50%{opacity:1}51%, 100%{opacity:0}}@keyframes fadeInLine{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@media (max-width:1024px){.terminal-container, .hero-terminal-container{transform:none;max-width:100%}.terminal-container:hover, .hero-terminal-container:hover{transform:none}}@media (max-width:768px){.terminal-body, .hero-terminal-body{padding:16px;font-size:12px}.terminal-header, .hero-terminal-header{padding:10px 12px}.terminal-title, .hero-terminal-title{font-size:12px}.language-indicator{font-size:10px;padding:3px 8px;right:12px}}.stats-section{position:relative;background:var(--color-bg-secondary)}.stats-grid{gap:2rem}.stats-horizontal{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem}.stat-card{text-align:center;transition:all var(--transition-cubic);position:relative;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:var(--card-padding)}.stat-card:hover{transform:var(--hover-lift);box-shadow:var(--card-shadow-hover)}.stat-icon{margin-bottom:1rem;transition:transform var(--transition-normal);color:var(--color-primary-500)}.stat-card:hover .stat-icon{transform:scale(1.1);color:var(--color-primary-600)}.stat-value{font-size:clamp(1.5rem, 4vw, 2.5rem);font-weight:800;background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1;margin-bottom:0.5rem}.stat-label{font-weight:600;letter-spacing:0.025em;color:var(--color-text-primary);margin-bottom:0.5rem}.stat-description{opacity:var(--opacity-80);max-width:200px;margin:0 auto;color:var(--color-text-secondary)}@keyframes gradientShift{0%, 100%{background-position:0% 50%}50%{background-position:100% 50%}}@media (max-width:768px){.stats-grid{gap:1.5rem}.stats-horizontal{gap:1.5rem}.stat-description{font-size:0.875rem}}.dark .stats-section{background:var(--color-dark-bg-secondary)}.dark .stat-card{background:var(--color-dark-bg-primary);border-color:var(--color-dark-border-primary)}.dark .stat-label{color:var(--color-dark-text-primary)}.dark .stat-description{color:var(--color-dark-text-secondary)}.dark .stat-value{background:linear-gradient(135deg, var(--color-primary-300), var(--color-primary-400));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.theme-selector{position:relative;display:inline-block}.theme-toggle{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:rgba(255, 255, 255, var(--opacity-15));border:1px solid rgba(255, 255, 255, var(--opacity-20));border-radius:var(--btn-radius-sm);cursor:pointer;transition:all var(--transition-normal);position:relative;z-index:10}.theme-toggle:hover{background:rgba(255, 255, 255, var(--opacity-25));border-color:rgba(255, 255, 255, var(--opacity-30))}.theme-icon{display:none;width:1.25rem;height:1.25rem;transition:all var(--transition-normal)}body.theme-preference-light .theme-icon-light{display:block;color:var(--color-warning-400);filter:brightness(1.3) contrast(1.2) saturate(1.2) drop-shadow(0 0 2px rgba(252, 211, 77, var(--opacity-60)))}body.theme-preference-dark .theme-icon-dark{display:block;color:var(--color-primary-300);filter:brightness(1.3) contrast(1.2) saturate(1.2) drop-shadow(0 0 2px rgba(96, 165, 250, var(--opacity-60)))}body.theme-preference-system .theme-icon-system{display:block;color:var(--color-gray-300);filter:brightness(1.3) contrast(1.2) saturate(1.2) drop-shadow(0 0 2px rgba(209, 213, 219, var(--opacity-60)))}.theme-dropdown{min-width:160px;z-index:50;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--shadow-lg);backdrop-filter:var(--toggle-blur)}.theme-option{position:relative;transition:all var(--transition-fast);padding:0.75rem 1rem;color:var(--color-text-primary);border-radius:calc(var(--card-radius) - 0.25rem);margin:0.25rem}.theme-option:hover{transform:translateX(4px);background:var(--color-primary-50);color:var(--color-primary-700)}.theme-option .theme-check{opacity:var(--opacity-0);transition:opacity var(--transition-fast);color:var(--color-primary-500)}.theme-option.active .theme-check, .theme-option[data-active="true"] .theme-check{opacity:var(--opacity-100)}.dark .theme-toggle{background-color:rgba(75, 85, 99, var(--opacity-60));border-color:rgba(107, 114, 128, var(--opacity-40))}.dark .theme-toggle:hover{background-color:rgba(107, 114, 128, var(--opacity-80))}.dark .theme-dropdown{background:var(--color-dark-bg-primary);border-color:var(--color-dark-border-primary)}.dark .theme-option{color:var(--color-dark-text-primary)}.dark .theme-option:hover{background:var(--color-primary-900);color:var(--color-primary-200)}@media (max-width:640px){.hero{min-height:85vh;margin-top:var(--header-height);padding:1.5rem 0}.hero-style-half-screen, .hero-page-blog-page, .hero-page-about-page, .hero-basic, .hero-feature{min-height:50vh;padding:1rem 0}.hero-main-grid{gap:2rem}.hero-content{padding:0 1rem}.hero-cta-button{min-width:auto;width:100%}.theme-toggle{width:2rem;height:2rem}.theme-icon{width:1.125rem;height:1.125rem}.hero-images-container{min-height:200px}.hero-image-card-2{top:2rem;left:3rem}.hero-image-card-3{top:4rem;left:6rem}.hero-image-frame{width:180px}.hero-image-badge{width:1.25rem;height:1.25rem;font-size:0.625rem}}@media (max-width:480px){.hero{min-height:80vh;padding:1rem 0}.hero-style-half-screen, .hero-page-blog-page, .hero-page-about-page, .hero-basic, .hero-feature{min-height:45vh;padding:0.75rem 0}.hero-main-grid{gap:1.5rem}.hero-image-frame{width:200px}.hero-image-card-2{left:2rem}.hero-image-card-3{left:4rem}}.legal-content .prose{max-width:none;color:var(--color-text-primary)}.legal-content .prose p{margin-bottom:1rem;line-height:1.7}.legal-content .prose strong{font-weight:600;color:var(--color-primary-600)}.legal-list li{position:relative;padding-left:0}.legal-list li::marker{content:none}.top-banner{transform:translateY(-100%);transition:transform var(--transition-normal)}.top-banner.show{transform:translateY(0)}.hero-feature .hero-content{text-align:center;position:relative;z-index:10}.hero-feature .highlights{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:2rem;margin-top:3rem}.hero-feature .highlight-item{background:rgba(255, 255, 255, var(--opacity-10));backdrop-filter:var(--toggle-blur);border:1px solid rgba(255, 255, 255, var(--opacity-20));border-radius:var(--card-radius);padding:2rem;transition:all var(--transition-normal)}.hero-feature .highlight-item:hover{background:rgba(255, 255, 255, var(--opacity-15));transform:var(--hover-lift)}.audience-content{transition:opacity var(--transition-normal), transform var(--transition-normal)}.audience-content[style*="display:none"]{opacity:var(--opacity-0);transform:translateY(10px)}.audience-content:not([style*="display:none"]){opacity:var(--opacity-100);transform:translateY(0)}.hero-cta-button:focus-visible, .audience-tab:focus-visible, .theme-toggle:focus-visible, .faq-toggle:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px;box-shadow:var(--input-shadow-focus)}.step-visual img[alt]:after{content:attr(alt);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:rgba(0, 0, 0, var(--opacity-80));color:var(--color-text-inverse);padding:0.5rem 1rem;border-radius:0.375rem;font-size:0.875rem;text-align:center;opacity:var(--opacity-0);pointer-events:none}.step-visual img{outline:none}.step-visual:focus-within img{outline:2px solid var(--color-primary-500);outline-offset:2px}@media print{.terminal-container, .audience-tabs, .newsletter-section, .theme-selector{display:none}.hero{margin-top:0;min-height:auto;page-break-inside:avoid;background:var(--color-bg-primary) !important;color:var(--color-text-primary) !important}.hero-title, .hero-subtitle, .hero p{color:var(--color-text-primary) !important}.step-visual{background:var(--color-bg-primary) !important;box-shadow:none !important;border:1px solid var(--color-border-primary) !important}.step-visual img{max-height:200px;object-fit:contain}}@media (prefers-contrast:high){.audience-tab:not(.active){border:2px solid currentColor}.terminal-container{border:2px solid var(--color-text-inverse)}.hero-cta-button{border:2px solid currentColor}.step-visual{border:2px solid currentColor}.step-visual img{border:1px solid currentColor}.stat-card{border:2px solid var(--color-border-primary)}}@media (prefers-reduced-motion:reduce){.hero-animate, .terminal-container, .stat-card, .audience-content, .step-visual, .step-visual img, .step-visual .absolute.inset-0, .hero-visual-multiple-images .relative, .hero-single-image-frame, .theme-option{transition:none;animation:none;transform:none}.stat-card:hover, .terminal-container:hover, .step-visual:hover, .hero-single-image-frame:hover{transform:none}.newsletter-message:not(.hidden){animation:none}.scroll-animate.visible{opacity:var(--opacity-100);transform:none}html{scroll-behavior:auto}.terminal-line{opacity:var(--opacity-100);animation:none}.terminal-cursor{animation:none}.language-indicator{opacity:var(--opacity-100);transform:none;animation:none}}.select-wrapper{position:relative;display:inline-block;width:100%}.select-wrapper select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none;padding-right:48px !important;width:100%;cursor:pointer;transition:all var(--transition-normal);position:relative;z-index:2}.select-wrapper .ti-chevron-down{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--color-gray-500);font-size:16px;transition:all var(--transition-normal);z-index:1;font-weight:500;line-height:1}.select-wrapper:hover .ti-chevron-down{color:var(--color-gray-700);transform:translateY(-50%) scale(1.1);z-index:100}.select-wrapper:focus-within .ti-chevron-down{color:var(--color-primary-500);transform:translateY(-50%) rotate(180deg);font-weight:600;z-index:100}.select-wrapper select:active + .ti-chevron-down, .select-wrapper.active .ti-chevron-down{color:var(--color-primary-600);transform:translateY(-50%) rotate(180deg);z-index:100}.select-wrapper select:disabled + .ti-chevron-down{color:var(--color-gray-400);opacity:var(--opacity-50);transform:translateY(-50%);z-index:100}.select-wrapper select:invalid:not(:focus) + .ti-chevron-down, .select-wrapper.error .ti-chevron-down{color:var(--color-error-500);z-index:100}.select-wrapper select:valid:not([value=""]):not(:focus) + .ti-chevron-down, .select-wrapper.valid .ti-chevron-down{color:var(--color-success-500);z-index:100}.dark .select-wrapper .ti-chevron-down{color:var(--color-gray-400)}.dark .select-wrapper:hover .ti-chevron-down{color:var(--color-gray-200)}.dark .select-wrapper:focus-within .ti-chevron-down{color:var(--color-primary-400)}.dark .select-wrapper select:active + .ti-chevron-down, .dark .select-wrapper.active .ti-chevron-down{color:var(--color-primary-300)}.dark .select-wrapper select:disabled + .ti-chevron-down{color:var(--color-gray-600);opacity:var(--opacity-50)}.dark .select-wrapper select:invalid:not(:focus) + .ti-chevron-down, .dark .select-wrapper.error .ti-chevron-down{color:var(--color-error-400)}.dark .select-wrapper select:valid:not([value=""]):not(:focus) + .ti-chevron-down, .dark .select-wrapper.valid .ti-chevron-down{color:var(--color-success-400)}.select-wrapper select option{padding:12px 16px;color:var(--color-text-primary);background-color:var(--color-bg-primary);font-weight:500;line-height:1.4}.select-wrapper select option[value=""]{color:var(--color-text-muted);font-style:italic;font-weight:400}.dark .select-wrapper select option{color:var(--color-dark-text-primary);background-color:var(--color-dark-bg-primary)}.dark .select-wrapper select option[value=""]{color:var(--color-dark-text-muted)}.select-wrapper select:focus{box-shadow:var(--input-shadow-focus);border-color:var(--color-primary-500);background-color:var(--color-bg-primary)}.select-wrapper select:hover:not(:focus):not(:disabled){border-color:var(--color-gray-400);background-color:var(--color-gray-25, var(--color-gray-50))}@media (max-width:640px){.select-wrapper .ti-chevron-down{right:10px;font-size:14px}.select-wrapper select{padding-right:40px !important;font-size:16px}.select-wrapper select option{padding:10px 12px}}@media (max-width:380px){.select-wrapper .ti-chevron-down{right:8px;font-size:13px}.select-wrapper select{padding-right:36px !important}}@media (prefers-contrast:high){.select-wrapper .ti-chevron-down{color:var(--color-text-primary);font-weight:bold}.select-wrapper:focus-within .ti-chevron-down{color:var(--color-primary-700);text-shadow:0 0 2px currentColor}.dark .select-wrapper .ti-chevron-down{color:var(--color-dark-text-primary)}.dark .select-wrapper:focus-within .ti-chevron-down{color:var(--color-primary-300)}}.select-wrapper select:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}@media (prefers-reduced-motion:reduce){.select-wrapper .ti-chevron-down{transition:none}.select-wrapper:focus-within .ti-chevron-down, .select-wrapper:hover .ti-chevron-down{transform:translateY(-50%)}}.select-wrapper.error select{border-color:var(--color-error-500);background-color:var(--color-error-50)}.select-wrapper.valid select{border-color:var(--color-success-500);background-color:var(--color-success-50)}.select-wrapper.loading .ti-chevron-down{animation:spin 1s linear infinite;color:var(--color-primary-500)}.dark .select-wrapper.error select{border-color:var(--color-error-400);background-color:rgba(239, 68, 68, var(--opacity-10))}.dark .select-wrapper.valid select{border-color:var(--color-success-400);background-color:rgba(16, 185, 129, var(--opacity-10))}@media print{.select-wrapper .ti-chevron-down{display:none}.select-wrapper select{-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist;padding-right:12px !important;background-image:none}}@keyframes spin{from{transform:translateY(-50%) rotate(0deg)}to{transform:translateY(-50%) rotate(360deg)}}.form-group .select-wrapper{width:100%}.grid .form-group .select-wrapper{width:100%}.grid.md\\:grid-cols-2 .form-group .select-wrapper, .grid[class*="grid-cols"] .form-group .select-wrapper{width:100%}

/* === css/adaptive.css === */
@import url('./variables.css');.dark body{background-color:var(--color-dark-bg-primary);color:var(--color-dark-text-primary)}.dark section{background-color:var(--color-dark-bg-primary);color:var(--color-dark-text-primary)}.dark .bg-white{background-color:var(--color-dark-bg-primary);color:var(--color-dark-text-primary)}.dark .bg-gray-50{background-color:var(--color-dark-bg-primary);color:var(--color-dark-text-primary)}.dark .bg-gray-100{background-color:var(--color-dark-bg-secondary);color:var(--color-dark-text-primary)}.dark .text-gray-900{color:var(--color-dark-text-primary) !important}.dark .text-gray-800{color:var(--color-gray-200) !important}.dark .text-gray-700{color:var(--color-gray-300)}.dark .text-gray-600{color:var(--color-dark-text-secondary) !important}.dark .text-gray-500{color:var(--color-dark-text-muted) !important}.dark .border-gray-200{border-color:var(--color-dark-border-primary)}.dark .border-gray-300{border-color:var(--color-dark-border-secondary)}.dark input[type="text"], .dark input[type="email"], .dark input[type="password"], .dark input[type="tel"], .dark input[type="url"], .dark input[type="search"], .dark input[type="number"], .dark textarea, .dark select{background-color:var(--color-dark-bg-secondary) !important;color:var(--color-dark-text-primary) !important;border-color:var(--color-dark-border-primary) !important;transition:all var(--transition-normal)}.dark input[type="text"]:focus, .dark input[type="email"]:focus, .dark input[type="password"]:focus, .dark input[type="tel"]:focus, .dark input[type="url"]:focus, .dark input[type="search"]:focus, .dark input[type="number"]:focus, .dark textarea:focus, .dark select:focus{background-color:var(--color-bg-primary) !important;color:var(--color-text-primary) !important;border-color:var(--color-primary-500) !important;box-shadow:var(--input-shadow-focus) !important}.dark input[type="text"]::placeholder, .dark input[type="email"]::placeholder, .dark input[type="password"]::placeholder, .dark input[type="tel"]::placeholder, .dark input[type="url"]::placeholder, .dark input[type="search"]::placeholder, .dark input[type="number"]::placeholder, .dark textarea::placeholder{color:var(--color-dark-text-muted) !important;opacity:var(--opacity-100)}.dark input[type="text"]:focus::placeholder, .dark input[type="email"]:focus::placeholder, .dark input[type="password"]:focus::placeholder, .dark input[type="tel"]:focus::placeholder, .dark input[type="url"]:focus::placeholder, .dark input[type="search"]:focus::placeholder, .dark input[type="number"]:focus::placeholder, .dark textarea:focus::placeholder{color:var(--color-text-muted) !important;opacity:var(--opacity-70)}.dark label{color:var(--color-dark-text-primary) !important}.dark select option{background-color:var(--color-dark-bg-secondary) !important;color:var(--color-dark-text-primary) !important}.dark input:-webkit-autofill, .dark input:-webkit-autofill:hover, .dark input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--color-bg-primary) inset !important;-webkit-text-fill-color:var(--color-text-primary) !important;transition:background-color 5000s ease-in-out 0s}.dark input:invalid:focus, .dark textarea:invalid:focus{border-color:var(--color-error-500) !important;box-shadow:0 0 0 3px rgba(239, 68, 68, var(--opacity-15)) !important}.dark input:valid:focus, .dark textarea:valid:focus{border-color:var(--color-success-500) !important;box-shadow:0 0 0 3px rgba(16, 185, 129, var(--opacity-15)) !important}.dark .blog-post-article, .dark .blog-content-section{background-color:var(--color-dark-bg-primary) !important;color:var(--color-dark-text-primary) !important}.dark .blog-post-article .bg-white{background-color:var(--color-dark-bg-primary) !important;color:var(--color-dark-text-primary) !important}.dark .blog-post-article .bg-gray-50{background-color:var(--color-dark-bg-secondary) !important;color:var(--color-dark-text-primary) !important}.dark .blog-post-article .bg-gray-100{background-color:var(--color-dark-bg-muted) !important;color:var(--color-dark-text-primary) !important}.dark .blog-post-article .text-gray-900{color:var(--color-dark-text-primary) !important}.dark .blog-post-article .text-gray-800{color:var(--color-gray-200) !important}.dark .blog-post-article .text-gray-700{color:var(--color-gray-300) !important}.dark .blog-post-article .text-gray-600{color:var(--color-dark-text-secondary) !important}.dark .blog-post-article .text-gray-500{color:var(--color-dark-text-muted) !important}.dark .blog-post-article .border-gray-200{border-color:var(--color-dark-border-primary) !important}.dark .blog-post-article .border-gray-300{border-color:var(--color-dark-border-secondary) !important}.dark .text-spartera-blue:not(.blog-post-article *):not(.blog-content-section *), .dark .text-primary:not(.blog-post-article *):not(.blog-content-section *){color:var(--color-primary-300)}.dark .border-spartera-blue:not(.blog-post-article *):not(.blog-content-section *), .dark .border-primary:not(.blog-post-article *):not(.blog-content-section *){border-color:var(--color-primary-300)}.dark .hover\:bg-spartera-blue:hover:not(.blog-post-article *):not(.blog-content-section *), .dark .hover\:bg-primary:hover:not(.blog-post-article *):not(.blog-content-section *){background-color:var(--color-primary)}.dark .bg-transparent.border-2.border-spartera-blue:hover:not(.blog-post-article *):not(.blog-content-section *), .dark .bg-transparent.border-2.border-primary:hover:not(.blog-post-article *):not(.blog-content-section *){background-color:var(--color-primary-500);color:var(--color-text-inverse);font-weight:bold}.dark .service-feature-box:not(.blog-post-article *):not(.blog-content-section *){background-color:rgba(0, 0, 0, var(--opacity-50));border-color:rgba(255, 255, 255, var(--opacity-15));backdrop-filter:var(--toggle-blur)}.dark .service-feature-title:not(.blog-post-article *):not(.blog-content-section *){color:var(--color-dark-text-primary)}.dark .service-feature-text:not(.blog-post-article *):not(.blog-content-section *){color:var(--color-gray-300)}.dark .service-secondary-btn:not(.blog-post-article *):not(.blog-content-section *){background-color:rgba(0, 0, 0, var(--opacity-50));color:var(--color-gray-300);border-color:rgba(255, 255, 255, var(--opacity-20));backdrop-filter:var(--toggle-blur)}.dark .service-secondary-btn:hover:not(.blog-post-article *):not(.blog-content-section *){background-color:var(--color-primary-300);color:var(--color-text-inverse);border-color:var(--color-primary-300)}.dark .feature-card:not(.blog-post-article *):not(.blog-content-section *), .dark .service-card:not(.blog-post-article *):not(.blog-content-section *){background-color:var(--color-dark-bg-primary);border-color:var(--color-dark-border-primary);color:var(--color-dark-text-primary)}.dark .case-study-card:not(.blog-post-article *):not(.blog-content-section *){background-color:var(--color-dark-bg-primary);border-color:var(--color-dark-border-primary);color:var(--color-dark-text-primary)}.dark .case-study-card .case-study-title:not(.blog-post-article *):not(.blog-content-section *){color:var(--color-dark-text-primary)}.dark .case-study-card .case-study-challenge:not(.blog-post-article *):not(.blog-content-section *), .dark .case-study-card .case-study-solution:not(.blog-post-article *):not(.blog-content-section *){color:var(--color-gray-300)}.dark .case-study-results:not(.blog-post-article *):not(.blog-content-section *){background-color:var(--color-dark-bg-secondary);border-color:var(--color-dark-border-secondary)}.dark .case-study-results .results-list li:not(.blog-post-article *):not(.blog-content-section *){background-color:var(--color-dark-bg-muted);color:var(--color-dark-text-primary);border-color:var(--color-dark-border-secondary)}.dark .case-study-results .results-list li .result-checkmark:not(.blog-post-article *):not(.blog-content-section *){color:var(--color-success-400)}.dark .case-study-metrics:not(.blog-post-article *):not(.blog-content-section *){background-color:var(--color-dark-bg-secondary);border-color:var(--color-dark-border-secondary);color:var(--color-dark-text-primary)}.dark .case-study-testimonial:not(.blog-post-article *):not(.blog-content-section *){background-color:var(--color-dark-bg-secondary);border-color:var(--color-dark-border-secondary)}.dark .case-study-testimonial .testimonial-quote:not(.blog-post-article *):not(.blog-content-section *){color:var(--color-gray-300)}.dark .case-study-testimonial .testimonial-author:not(.blog-post-article *):not(.blog-content-section *){color:var(--color-dark-text-primary)}.dark .case-study-industry-tag:not(.blog-post-article *):not(.blog-content-section *){background-color:var(--color-dark-bg-secondary);color:var(--color-primary-300);border-color:var(--color-dark-border-secondary)}.dark .hero-text-content:not(.blog-post-article *):not(.blog-content-section *){color:var(--color-text-inverse)}.dark .audience-tabs:not(.blog-post-article *):not(.blog-content-section *){background:rgba(0, 0, 0, var(--opacity-20));border-color:rgba(255, 255, 255, var(--opacity-10))}.dark .story-conclusion .bg-gradient-to-r:not(.blog-post-article *):not(.blog-content-section *){background:linear-gradient(to right, var(--color-gray-700), var(--color-gray-600))}.dark .story-conclusion h3:not(.blog-post-article *):not(.blog-content-section *){color:var(--color-dark-text-primary)}.dark .story-conclusion p:not(.blog-post-article *):not(.blog-content-section *){color:var(--color-gray-300)}.dark .footer .social-links a:hover{transform:var(--hover-lift);background-color:var(--color-primary-300);color:var(--color-text-inverse)}@media (max-width:1023px){.floating-header{z-index:10001}:root{--mobile-item-height:44px;--mobile-nested-height:40px;--mobile-icon-size:28px;--mobile-padding:10px}}@media (min-width:768px) and (max-width:1023px){.pricing-grid.grid-cols-1.md\:grid-cols-2.xl\:grid-cols-3, .pricing-grid.grid-cols-1.md\:grid-cols-3{grid-template-columns:repeat(2, 1fr)}}@media (max-width:767px){.pricing-grid.grid-cols-1.md\:grid-cols-2.xl\:grid-cols-3, .pricing-grid.grid-cols-1.md\:grid-cols-3{grid-template-columns:1fr}.billing-option-tab{min-width:120px;padding:var(--btn-padding-md);border-radius:var(--btn-radius)}.billing-option-tab .text-xs{display:none}#developer-documentation .code-example pre, #developer-documentation .code-block pre, #developer-tools .code-block pre, #developer-tools .code-example pre{font-size:0.7rem;word-break:break-all;white-space:pre-wrap;max-width:calc(100vw - 6rem);background-color:var(--color-gray-900);color:var(--color-gray-100);border:1px solid var(--color-gray-700)}#developer-documentation .max-w-7xl, #developer-tools .max-w-7xl{padding-left:1.5rem;padding-right:1.5rem}}.billing-option-tab{min-width:140px;background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);color:var(--color-text-primary);transition:all var(--transition-normal)}.billing-option-tab:hover{background-color:var(--color-primary-50);border-color:var(--color-primary-300)}.billing-option-tab.active{background-color:var(--color-primary-500);color:var(--color-text-inverse);border-color:var(--color-primary-500)}.pricing-card{background-color:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);transition:all var(--transition-normal)}.pricing-card.featured{transform:var(--hover-scale-sm);border-color:var(--color-primary-500);box-shadow:var(--shadow-primary)}.pricing-card:hover{transform:translateY(-12px) var(--hover-scale-sm)}

/* === styles.css === */
@import url('./css/core.css');@import url('./css/components.css');@import url('./css/navigation.css');@import url('./css/adaptive.css');

/* === components/blog/blog-recommendations.css === */
.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.stretched-link{position:relative}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.related-post-card{position:relative;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.related-post-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)}.related-post-card .group-hover\\:scale-105{transition:transform 0.3s ease}.related-post-card:hover .group-hover\\:scale-105{transform:scale(1.05)}.related-post-card .w-6.h-6{width:1.5rem !important;height:1.5rem !important;min-width:1.5rem !important;min-height:1.5rem !important;border-radius:50% !important;aspect-ratio:1 / 1;flex-shrink:0}.dark .related-post-card{background-color:#1f2937 !important;border-color:#374151 !important}.dark .related-post-card:hover{border-color:rgba(96, 165, 250, 0.4) !important;box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.1) !important}.dark .related-post-card .text-gray-900{color:#f9fafb !important}.dark .related-post-card .text-gray-600{color:#d1d5db !important}.dark .related-post-card .text-gray-500{color:#9ca3af !important}.dark .related-post-card .border-gray-100{border-color:#374151 !important}@media (max-width:768px){.related-posts-section .grid{grid-template-columns:1fr !important;gap:1.5rem !important}.related-post-card .h-48{height:12rem !important}.related-posts-section .py-16{padding-top:3rem !important;padding-bottom:3rem !important}.related-posts-section .text-3xl{font-size:1.875rem !important}}@media (min-width:769px) and (max-width:1024px){.related-posts-section .lg\\:grid-cols-4{grid-template-columns:repeat(2, 1fr) !important}}.related-posts-section a[href="/blog"]{position:relative;overflow:hidden}.related-posts-section a[href="/blog"]:hover{transform:translateY(-2px)}.related-posts-section a[href="/blog"]::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition:left 0.5s ease}.related-posts-section a[href="/blog"]:hover::before{left:100%}@media (prefers-reduced-motion:reduce){.related-post-card, .related-post-card:hover, .related-post-card .group-hover\\:scale-105, .related-posts-section a[href="/blog"]{transition:none !important;transform:none !important}.related-post-card:hover .group-hover\\:scale-105{transform:none !important}}@media (prefers-contrast:high){.related-post-card{border-width:2px !important}.dark .related-post-card{border-color:#6b7280 !important}.dark .related-post-card:hover{border-color:#60a5fa !important}.related-post-card .text-gray-600, .dark .related-post-card .text-gray-600{color:#374151 !important}.dark .related-post-card .text-gray-600{color:#e5e7eb !important}}@media print{.related-posts-section{display:none !important}}

/* === components/blog/blog-post-content.css === */
@import url('../../css/variables.css');.blog-post-article{font-family:'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;line-height:1.7;background-color:var(--color-bg-primary);color:var(--color-text-primary);position:relative}.article-content{--tw-prose-body:var(--color-text-secondary);--tw-prose-headings:var(--color-text-primary);--tw-prose-lead:var(--color-text-muted);--tw-prose-links:var(--color-primary-600);--tw-prose-bold:var(--color-text-primary);--tw-prose-counters:var(--color-text-muted);--tw-prose-bullets:var(--color-border-primary);--tw-prose-hr:var(--color-border-primary);--tw-prose-quotes:var(--color-text-primary);--tw-prose-quote-borders:var(--color-border-secondary);--tw-prose-captions:var(--color-text-muted);--tw-prose-code:var(--color-text-primary);--tw-prose-pre-code:var(--color-gray-100);--tw-prose-pre-bg:var(--color-gray-900)}.content-section, .prose-paragraph, .section-content{max-width:none}.content-section p, .prose-paragraph p, .section-content p{margin-bottom:1.5rem;font-size:1.125rem;line-height:1.8;color:var(--color-text-secondary);font-weight:400}.content-section h1, .content-section h2, .content-section h3, .content-section h4, .content-section h5, .content-section h6{color:var(--color-text-primary);font-weight:700;letter-spacing:-0.025em}.content-section h1{font-size:clamp(2rem, 5vw, 3rem);line-height:1.1;margin-bottom:2rem;background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.content-section h2{font-size:clamp(1.5rem, 4vw, 2rem);margin-top:3rem;margin-bottom:1.5rem;scroll-margin-top:6rem;position:relative}.content-section h2::before{content:'';position:absolute;left:-1rem;top:0;bottom:0;width:4px;background:var(--gradient-primary);border-radius:2px;opacity:var(--opacity-0);transition:opacity var(--transition-normal)}.content-section h2:hover::before{opacity:var(--opacity-100)}.content-section h3{font-size:1.5rem;margin-top:2.5rem;margin-bottom:1rem;font-weight:600;color:var(--color-primary-600)}.content-section h4{font-size:1.25rem;margin-top:2rem;margin-bottom:0.75rem;font-weight:600}.author-avatar{width:3rem !important;height:3rem !important;min-width:3rem !important;min-height:3rem !important;border-radius:50% !important;aspect-ratio:1 / 1;border:2px solid var(--color-border-primary);transition:all var(--transition-normal)}.author-avatar:hover{transform:var(--hover-scale-sm);border-color:var(--color-primary-500);box-shadow:var(--shadow-primary)}.author-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);transition:all var(--transition-normal);backdrop-filter:var(--toggle-blur)}.author-card:hover{transform:var(--hover-lift);box-shadow:var(--card-shadow-hover)}.author-card .author-name{color:var(--color-text-primary);font-weight:600;font-size:1.125rem;margin-bottom:0.25rem}.author-card .author-bio{color:var(--color-text-secondary);font-size:0.875rem;line-height:1.5}.breadcrumb-link{color:var(--color-text-muted);text-decoration:none;transition:all var(--transition-normal);font-size:0.875rem;font-weight:500;padding:0.25rem 0.5rem;border-radius:var(--btn-radius-sm)}.breadcrumb-link:hover{color:var(--color-primary-600);background:var(--color-primary-50);transform:translateY(-1px)}.category-badge{background:var(--color-primary-100);color:var(--color-primary-700);border:1px solid var(--color-primary-200);border-radius:var(--btn-radius);padding:0.375rem 0.875rem;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;transition:all var(--transition-cubic);display:inline-flex;align-items:center;gap:0.25rem}.category-badge:hover{background:var(--color-primary-500);color:var(--color-text-inverse);border-color:var(--color-primary-500);transform:var(--hover-lift);box-shadow:var(--shadow-primary)}.floating-toc, .sticky-toc{position:sticky;top:2rem;max-height:calc(100vh - 4rem);overflow-y:auto;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:1.5rem;box-shadow:var(--card-shadow);backdrop-filter:var(--toggle-blur);transition:all var(--transition-normal)}.floating-toc:hover, .sticky-toc:hover{box-shadow:var(--card-shadow-hover)}.floating-toc h3, .sticky-toc h3{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin-bottom:1rem;padding-bottom:0.75rem;border-bottom:1px solid var(--color-border-primary);display:flex;align-items:center;gap:0.5rem}.floating-toc h3::before, .sticky-toc h3::before{content:'📋';font-size:1rem}.toc-link{display:block;color:var(--color-text-secondary);text-decoration:none;padding:0.75rem 1rem;margin:0.25rem 0;border-radius:var(--btn-radius-sm);border-left:3px solid transparent;font-size:0.875rem;font-weight:500;line-height:1.4;transition:all var(--transition-cubic);position:relative;overflow:hidden}.toc-link::before{content:'';position:absolute;left:0;top:0;bottom:0;width:0;background:var(--gradient-primary);transition:width var(--transition-normal);z-index:1}.toc-link:hover{color:var(--color-primary-600);background:var(--color-primary-50);border-left-color:var(--color-primary-500);transform:translateX(4px)}.toc-link:hover::before{width:3px}.toc-link.active{background:var(--color-primary-100);color:var(--color-primary-700);border-left-color:var(--color-primary-500);font-weight:600;box-shadow:var(--shadow-sm)}.toc-link.active::before{width:3px}.toc-arrow{opacity:var(--opacity-0);transform:translateX(-4px);transition:all var(--transition-normal);margin-left:auto;color:var(--color-primary-500)}.toc-link:hover .toc-arrow, .toc-link.active .toc-arrow{opacity:var(--opacity-100);transform:translateX(0)}.sticky-toc::-webkit-scrollbar, .floating-toc::-webkit-scrollbar{width:6px}.sticky-toc::-webkit-scrollbar-track, .floating-toc::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:3px}.sticky-toc::-webkit-scrollbar-thumb, .floating-toc::-webkit-scrollbar-thumb{background:var(--color-primary-300);border-radius:3px;transition:background var(--transition-normal)}.sticky-toc::-webkit-scrollbar-thumb:hover, .floating-toc::-webkit-scrollbar-thumb:hover{background:var(--color-primary-500)}.prose-enhanced{max-width:none}.prose-enhanced blockquote{border-left:4px solid var(--color-primary-500);background:var(--color-primary-50);margin:2rem 0;padding:1.5rem 2rem;border-radius:var(--card-radius);font-style:italic;color:var(--color-text-secondary);position:relative;overflow:hidden}.prose-enhanced blockquote::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary)}.prose-enhanced blockquote p{font-size:1.125rem;margin-bottom:1rem;font-weight:500}.prose-enhanced blockquote cite{display:block;margin-top:1rem;font-size:0.875rem;color:var(--color-text-muted);font-style:normal;font-weight:600}.prose-enhanced ul, .prose-enhanced ol{margin:1.5rem 0;padding-left:1.5rem}.prose-enhanced li{margin:0.75rem 0;color:var(--color-text-secondary);font-size:1.125rem;line-height:1.8;position:relative}.prose-enhanced ul li::marker{color:var(--color-primary-500);font-size:1.25rem}.prose-enhanced ol li::marker{color:var(--color-primary-600);font-weight:600}.reading-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:var(--gradient-primary);z-index:1000;transition:width 0.1s ease;box-shadow:0 0 10px rgba(0, 153, 204, var(--opacity-40))}.case-study-visual{background:var(--gradient-bg-cool);border:1px solid var(--color-primary-200);border-radius:var(--card-radius);padding:var(--card-padding);margin:2rem 0;transition:all var(--transition-normal);position:relative;overflow:hidden}.case-study-visual::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary)}.case-study-visual:hover{transform:var(--hover-lift);box-shadow:var(--shadow-primary);border-color:var(--color-primary-300)}.case-study-visual h4{color:var(--color-primary-700);font-weight:600;margin-bottom:1rem}.case-study-visual p{color:var(--color-text-secondary);line-height:1.6}.section-image{margin:3rem 0;border-radius:var(--card-radius);overflow:hidden;box-shadow:var(--card-shadow);transition:all var(--transition-normal)}.section-image:hover{transform:var(--hover-lift);box-shadow:var(--card-shadow-hover)}.section-image img{transition:transform var(--transition-slow);width:100%;height:auto}.section-image:hover img{transform:var(--hover-scale-sm)}.section-image .absolute.bottom-4{background:rgba(0, 0, 0, var(--opacity-70));backdrop-filter:blur(12px);border-radius:var(--btn-radius);margin:1rem;padding:1rem}.section-image .absolute.bottom-4 p{margin:0;font-weight:500;text-shadow:0 1px 2px rgba(0, 0, 0, var(--opacity-50))}.tags-section{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--color-border-primary);background:var(--gradient-bg-subtle);border-radius:var(--card-radius);padding:2rem}.tags-section h3{color:var(--color-text-primary);font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:0.5rem}.tags-section h3::before{content:'🏷️';font-size:1.25rem}.tags-section .tag{background:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border-primary);border-radius:var(--btn-radius);padding:0.5rem 1rem;font-size:0.875rem;font-weight:500;text-decoration:none;transition:all var(--transition-cubic);display:inline-flex;align-items:center;margin:0.25rem}.tags-section .tag:hover{background:var(--color-primary-500);color:var(--color-text-inverse);border-color:var(--color-primary-500);transform:var(--hover-lift);box-shadow:var(--shadow-primary)}.dark .blog-post-article{background-color:var(--color-dark-bg-primary);color:var(--color-dark-text-primary)}.dark .article-content{--tw-prose-body:var(--color-dark-text-secondary);--tw-prose-headings:var(--color-dark-text-primary);--tw-prose-lead:var(--color-dark-text-muted);--tw-prose-links:var(--color-primary-300);--tw-prose-bold:var(--color-dark-text-primary);--tw-prose-counters:var(--color-dark-text-muted);--tw-prose-bullets:var(--color-dark-border-primary);--tw-prose-hr:var(--color-dark-border-primary);--tw-prose-quotes:var(--color-dark-text-primary);--tw-prose-quote-borders:var(--color-dark-border-secondary);--tw-prose-captions:var(--color-dark-text-muted);--tw-prose-code:var(--color-dark-text-primary);--tw-prose-pre-code:var(--color-gray-100);--tw-prose-pre-bg:var(--color-gray-950)}.dark .content-section h1{background:linear-gradient(135deg, var(--color-primary-300), var(--color-primary-400));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dark .content-section h3{color:var(--color-primary-300)}.dark .author-card{background:var(--color-dark-bg-secondary);border-color:var(--color-dark-border-primary)}.dark .breadcrumb-link:hover{color:var(--color-primary-300);background:rgba(0, 153, 204, var(--opacity-10))}.dark .category-badge{background:rgba(0, 153, 204, var(--opacity-20));color:var(--color-primary-300);border-color:var(--color-primary-600)}.dark .category-badge:hover{background:var(--color-primary-600);color:var(--color-text-inverse);border-color:var(--color-primary-600)}.dark .floating-toc, .dark .sticky-toc{background:var(--color-dark-bg-secondary);border-color:var(--color-dark-border-primary)}.dark .toc-link:hover{color:var(--color-primary-300);background:rgba(0, 153, 204, var(--opacity-10));border-left-color:var(--color-primary-400)}.dark .toc-link.active{background:rgba(0, 153, 204, var(--opacity-15));color:var(--color-primary-300);border-left-color:var(--color-primary-400)}.dark .sticky-toc::-webkit-scrollbar-track, .dark .floating-toc::-webkit-scrollbar-track{background:var(--color-dark-bg-muted)}.dark .sticky-toc::-webkit-scrollbar-thumb, .dark .floating-toc::-webkit-scrollbar-thumb{background:var(--color-primary-600)}.dark .sticky-toc::-webkit-scrollbar-thumb:hover, .dark .floating-toc::-webkit-scrollbar-thumb:hover{background:var(--color-primary-500)}.dark .prose-enhanced blockquote{border-left-color:var(--color-primary-400);background:rgba(0, 153, 204, var(--opacity-10));color:var(--color-dark-text-secondary)}.dark .case-study-visual{background:var(--gradient-dark-primary-tint);border-color:var(--color-primary-600)}.dark .case-study-visual h4{color:var(--color-primary-300)}.dark .case-study-visual p{color:var(--color-dark-text-secondary)}.dark .tags-section{background:var(--gradient-dark-subtle);border-color:var(--color-dark-border-primary)}.dark .tags-section .tag{background:var(--color-dark-bg-secondary);color:var(--color-dark-text-primary);border-color:var(--color-dark-border-primary)}.dark .tags-section .tag:hover{background:var(--color-primary-600);color:var(--color-text-inverse);border-color:var(--color-primary-600)}#blog-breadcrumb{margin-top:var(--total-header-height)}@media (max-width:1024px){#blog-breadcrumb{margin-top:var(--header-height)}.floating-toc, .sticky-toc{display:none}}@media (max-width:768px){.content-section p, .prose-enhanced li{font-size:1rem;line-height:1.7}.content-section h2{font-size:1.5rem;margin-top:2rem}.content-section h3{font-size:1.25rem;margin-top:1.5rem}.section-image{margin:2rem 0}.author-card{padding:1rem}.tags-section{padding:1.5rem;margin-top:3rem}.case-study-visual{padding:1rem}.breadcrumb-link{font-size:0.8rem;padding:0.25rem}}@media (max-width:640px){.content-section h2::before{display:none}.content-section h1{font-size:1.75rem;margin-bottom:1.5rem}.author-avatar{width:2.5rem !important;height:2.5rem !important;min-width:2.5rem !important;min-height:2.5rem !important}.category-badge{font-size:0.7rem;padding:0.25rem 0.5rem}.prose-enhanced blockquote{padding:1rem 1.5rem;font-size:1rem}.tags-section .tag{font-size:0.8rem;padding:0.375rem 0.75rem}}@media (prefers-reduced-motion:reduce){.category-badge, .breadcrumb-link, .section-image img, .toc-link, .reading-progress, .author-avatar, .author-card, .case-study-visual, .section-image, .tags-section .tag{transition:none !important;animation:none !important}.toc-link:hover, .section-image:hover img, .case-study-visual:hover{transform:none !important}}@media (prefers-contrast:high){.content-section p, .prose-enhanced li{color:var(--color-text-primary)}.category-badge, .toc-link, .tags-section .tag{border-width:2px}.toc-link.active{border-left-width:5px}.content-section h2::before{width:6px}.prose-enhanced blockquote{border-left-width:6px}}@media print{.floating-toc, .sticky-toc, .reading-progress, .case-study-visual, .tags-section .tag{display:none !important}.content-section, .section-image, .author-card, .prose-enhanced blockquote{break-inside:avoid;page-break-inside:avoid}.blog-post-article, .content-section, .author-card, .tags-section{background:white !important;color:black !important;border-color:#ccc !important}.content-section h1, .content-section h2, .content-section h3, .content-section h4, .content-section p, .author-card .author-name, .author-card .author-bio{color:black !important;background:none !important;-webkit-text-fill-color:black !important}.content-section h2::before{background:black !important}.breadcrumb-link, .category-badge{color:black !important;background:white !important;border-color:#ccc !important}}.blog-content-loading{opacity:var(--opacity-50);pointer-events:none}.blog-content-loading::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:40px;height:40px;border:3px solid var(--color-border-primary);border-top-color:var(--color-primary-500);border-radius:50%;animation:spin 1s linear infinite}.toc-link:focus-visible, .breadcrumb-link:focus-visible, .category-badge:focus-visible, .tags-section .tag:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px;box-shadow:var(--input-shadow-focus)}.content-section h2 + p{font-size:1.25rem;color:var(--color-text-primary);font-weight:500;margin-bottom:2rem}.dark .content-section h2 + p{color:var(--color-dark-text-primary)}.prose-enhanced pre{background:var(--color-gray-950);color:var(--color-gray-100);border-radius:var(--card-radius);padding:1.5rem;margin:2rem 0;overflow-x:auto;border:1px solid var(--color-gray-800);box-shadow:var(--shadow-lg)}.prose-enhanced code{background:var(--color-gray-100);color:var(--color-gray-900);padding:0.25rem 0.5rem;border-radius:var(--btn-radius-sm);font-size:0.875em;font-weight:500}.dark .prose-enhanced code{background:var(--color-gray-800);color:var(--color-gray-100)}@keyframes fadeInUp{from{opacity:var(--opacity-0);transform:translateY(20px)}to{opacity:var(--opacity-100);transform:translateY(0)}}.content-section h2, .content-section h3, .section-image, .case-study-visual{animation:fadeInUp var(--animation-duration-slow) var(--animation-easing) forwards;opacity:var(--opacity-0)}.content-section h2{animation-delay:0.1s}.content-section h3{animation-delay:0.2s}.section-image{animation-delay:0.3s}.case-study-visual{animation-delay:0.4s}@media (prefers-reduced-motion:reduce){.content-section h2, .content-section h3, .section-image, .case-study-visual{animation:none;opacity:var(--opacity-100)}}