:root{--font-xs:0.75rem;--font-sm:0.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:1.875rem;--font-4xl:2.25rem;--font-5xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.6;--line-height-loose:1.8;--letter-spacing-tight:-0.02em;--letter-spacing-normal:0;--letter-spacing-wide:0.5px;--letter-spacing-wider:1px;--font-heading:var(--brand-heading-font,"Handlee"),cursive;--font-body:var(--brand-body-font,system-ui,-apple-system,sans-serif);--font-mono:var(--brand-mono-font,"Courier Prime"),"Monaco","Consolas",monospace;--color-primary-50:#eff6ff;--color-primary-100:#dbeafe;--color-primary-200:#bfdbfe;--color-primary-300:#93c5fd;--color-primary-400:#60a5fa;--color-primary-500:var(--brand-primary,#2563eb);--color-primary-600:#1d4ed8;--color-primary-700:var(--brand-secondary,#1e40af);--color-primary-800:#1e3a8a;--color-primary-900:#172554;--color-on-primary:#fff;--color-primary-alpha-10:rgba(37,99,235,.1);--color-primary-alpha-20:rgba(37,99,235,.2);--color-primary-alpha-30:rgba(37,99,235,.3);--color-primary-alpha-40:rgba(37,99,235,.4);--color-primary-alpha-90:rgba(37,99,235,.9);--color-primary-alpha-95:rgba(29,78,216,.95);--color-primary-400-alpha-20:rgba(96,165,250,.2);--color-primary-400-alpha-30:rgba(59,130,246,.3);--color-primary-400-alpha-40:rgba(59,130,246,.4);--color-primary-400-alpha-90:rgba(59,130,246,.9);--color-primary-400-alpha-95:rgba(96,165,250,.95);--color-white-alpha-10:hsla(0,0%,100%,.1);--color-white-alpha-15:hsla(0,0%,100%,.15);--color-white-alpha-30:hsla(0,0%,100%,.3);--color-white-alpha-40:hsla(0,0%,100%,.4);--color-white-alpha-80:hsla(0,0%,100%,.8);--color-black-alpha-10:rgba(0,0,0,.1);--color-black-alpha-25:rgba(0,0,0,.25);--color-black-alpha-30:rgba(0,0,0,.3);--color-black-alpha-70:rgba(0,0,0,.7);--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-amber:#fbbf24;--color-marketing:#2563eb;--color-development:#047857;--color-automation:#7c3aed;--color-general:#64748b;--color-white:#fff;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--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-black:#000;--color-text-primary:var(--brand-text,var(--color-gray-900));--color-text-secondary:var(--color-gray-600);--color-text-inverse:var(--color-white);--color-bg-primary:var(--brand-bg,var(--color-white));--color-bg-secondary:var(--color-gray-50);--color-bg-tertiary: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-focus:var(--color-primary-500);--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-section:var(--space-16);--space-element:var(--space-6);--space-component:var(--space-4);--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1200px;--container-2xl:1400px;--content-narrow:65ch;--content-wide:85ch;--content-full:100%;--radius-none:0;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:50%;--shadow-sm:0 1px 3px rgba(0,0,0,.1);--shadow-md:0 4px 6px rgba(0,0,0,.1);--shadow-lg:0 10px 20px rgba(0,0,0,.1);--shadow-xl:0 20px 40px rgba(0,0,0,.15);--shadow-2xl:0 25px 50px rgba(0,0,0,.25);--shadow-focus-primary:0 0 0 3px rgba(59,130,246,.2);--shadow-focus-error:0 0 0 3px rgba(239,68,68,.2);--shadow-marketing:0 4px 20px rgba(59,130,246,.15);--shadow-development:0 4px 20px rgba(139,92,246,.15);--shadow-automation:0 4px 20px rgba(16,185,129,.15);--shadow-general:0 4px 20px rgba(100,116,139,.15);--duration-fast:150ms;--duration-normal:250ms;--duration-slow:350ms;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--transition-all:all var(--duration-normal) var(--ease-in-out);--transition-colors:color var(--duration-normal) var(--ease-in-out),background-color var(--duration-normal) var(--ease-in-out),border-color var(--duration-normal) var(--ease-in-out);--transition-transform:transform var(--duration-normal) var(--ease-in-out);--btn-padding-x:var(--space-4);--btn-padding-y:var(--space-3);--btn-radius:var(--radius-md);--btn-font-weight:var(--font-weight-medium);--card-padding:var(--space-6);--card-radius:var(--radius-lg);--card-shadow:var(--shadow-md);--input-padding-x:var(--space-3);--input-padding-y:var(--space-3);--input-radius:var(--radius-md);--input-border-width:1px;--nav-height:4rem;--nav-padding:var(--space-4);--post-meta-font-size:var(--font-xs);--post-meta-color:var(--color-text-muted);--post-meta-color-dark:var(--color-gray-500);--toc-header-size:clamp(1rem,2.5vw,1.125rem);--toc-link-size:clamp(0.875rem,2vw,1rem);--toc-header-weight:var(--font-weight-semibold);--toc-link-weight:var(--font-weight-normal);--toc-header-line-height:var(--line-height-tight);--toc-link-line-height:var(--line-height-normal);--faq-prefix-size:clamp(1rem,2vw,1rem);--faq-content-size:clamp(1rem,2.5vw,1.1rem);--faq-prefix-weight:var(--font-weight-semibold);--faq-content-weight:var(--font-weight-normal);--faq-prefix-line-height:var(--line-height-normal);--faq-content-line-height:var(--line-height-relaxed);--blog-h1-size:clamp(1.875rem,5vw,2.25rem);--blog-h2-size:clamp(1.5rem,4vw,2rem);--blog-h3-size:clamp(1.25rem,3.5vw,1.5rem);--blog-h4-size:clamp(1rem,3vw,1.125rem);--blog-paragraph-size:clamp(1rem,2.5vw,1.1rem);--component-padding:var(--space-5);--component-margin:var(--space-6) 0;--component-border-radius:var(--radius-lg);--card-min-height-mobile:120px;--card-padding-mobile:var(--space-4);--card-padding-desktop:var(--space-6);--card-gap-mobile:var(--space-4);--card-gap-desktop:var(--space-6);--interactive-card-min-height:88px;--interactive-card-padding:var(--space-5);--component-containment:layout style paint;--component-isolation:isolate;--bp-xs:360px;--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--bp-2xl:1536px;--cq-sm:320px;--cq-md:480px;--cq-lg:640px;--touch-target-minimum:44px;--touch-target-comfortable:48px;--touch-target-generous:56px;--touch-target-top:44px;--touch-target-center:44px;--touch-target-bottom:48px;--min-touch-target:var(--touch-target-minimum);--comfortable-touch-target:var(--touch-target-comfortable)}:root,[data-theme=dark]{--color-text-muted:var(--color-gray-500)}[data-theme=dark]{--color-text-primary:var(--color-gray-100);--color-text-secondary:var(--color-gray-400);--color-text-inverse:var(--color-gray-900);--color-bg-primary:var(--color-gray-900);--color-bg-secondary:var(--color-gray-800);--color-bg-tertiary:var(--color-gray-700);--color-bg-inverse:var(--color-white);--color-border-primary:var(--color-gray-700);--color-border-secondary:var(--color-gray-600);--shadow-sm:0 1px 3px rgba(0,0,0,.2);--shadow-md:0 4px 6px rgba(0,0,0,.2);--shadow-lg:0 10px 20px rgba(0,0,0,.3);--shadow-xl:0 20px 40px rgba(0,0,0,.4)}.font-xs{font-size:var(--font-xs)}.font-sm{font-size:var(--font-sm)}.font-base{font-size:var(--font-base)}.font-lg{font-size:var(--font-lg)}.font-xl{font-size:var(--font-xl)}.font-2xl{font-size:var(--font-2xl)}.font-3xl{font-size:var(--font-3xl)}.font-4xl{font-size:var(--font-4xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.space-y-1>*+*{margin-top:var(--space-1)}.space-y-2>*+*{margin-top:var(--space-2)}.space-y-4>*+*{margin-top:var(--space-4)}.space-y-6>*+*{margin-top:var(--space-6)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:var(--color-white);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-sm)}[data-theme=dark] .nav{background:var(--color-gray-900);box-shadow:var(--shadow-sm)}.nav-container{justify-content:space-between;width:100%;max-width:var(--container-xl)}.logo,.nav-container{display:flex;align-items:center}.logo{text-decoration:none}.logo-img{object-fit:contain}.logo-img,.logo-text{width:40px;height:40px}.logo-text{display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--color-primary-600);letter-spacing:-.02em}[data-theme=dark] .logo-text{color:var(--color-primary-400)}.nav-menu{display:flex;align-items:center;gap:var(--space-4);list-style:none;margin:0;padding:0}.nav-menu a{font-size:var(--font-sm);color:var(--color-text-secondary);text-decoration:none;padding:var(--space-2);border-radius:var(--radius-sm);transition:color .2s ease}.nav-menu a:hover{color:var(--color-primary-600)}[data-theme=dark] .nav-menu a{color:var(--color-gray-300)}[data-theme=dark] .nav-menu a:hover{color:var(--color-primary-400)}.nav-menu .blog-link a{color:var(--color-primary-600);font-weight:var(--font-weight-medium)}[data-theme=dark] .nav-menu .blog-link a{color:var(--color-primary-400)}.theme-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);color:var(--color-text-secondary);margin-left:var(--space-2)}.theme-toggle:hover{background:var(--color-gray-100);color:var(--color-primary-600)}[data-theme=dark] .theme-toggle{color:var(--color-gray-300)}[data-theme=dark] .theme-toggle:hover{background:var(--color-gray-800);color:var(--color-primary-400)}.theme-icon-dark,[data-theme=dark] .theme-icon-light{display:none}[data-theme=dark] .theme-icon-dark{display:block}.nav-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:var(--space-2)}.nav-toggle span{width:20px;height:2px;background:var(--color-gray-700);border-radius:1px}[data-theme=dark] .nav-toggle span{background:var(--color-gray-300)}@media (max-width:768px){.nav-container{padding:0 var(--space-4)}.nav-menu{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--color-white);padding:var(--space-4);box-shadow:var(--shadow-md)}[data-theme=dark] .nav-menu{background:var(--color-gray-900)}.nav-menu.active,.nav-toggle{display:flex}.back-to-blog-nav{display:list-item;border-bottom:1px solid var(--color-border-primary);padding-bottom:var(--space-3);margin-bottom:var(--space-2)}.back-to-blog-nav a{color:var(--color-primary-600);font-weight:var(--font-weight-semibold);text-decoration:none}}.back-to-blog-nav{display:none}.footer{background:var(--color-gray-50);padding:var(--space-8) 0;margin-top:var(--space-12);text-align:center;border-top:1px solid var(--color-border-primary)}[data-theme=dark] .footer{background:var(--color-gray-800);border-top:1px solid var(--color-primary-alpha-20)}.footer .container{max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-8)}.footer p{color:var(--color-text-muted);margin-bottom:var(--space-4)}[data-theme=dark] .footer p{color:var(--color-gray-400)}.footer-links{display:flex;justify-content:center;gap:var(--space-8);flex-wrap:wrap}.footer-links a{color:var(--color-text-secondary);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--duration-fast)}.footer-links a:hover{color:var(--color-primary-500);text-decoration:underline}[data-theme=dark] .footer-links a{color:var(--color-gray-400)}[data-theme=dark] .footer-links a:hover{color:var(--color-primary-400)}@media (max-width:768px){.footer-links{flex-direction:column;gap:var(--space-2);align-items:center}.footer .container{padding:0 var(--space-4)}}.section{padding:var(--space-20) 0}.section:nth-child(2n){background:var(--color-bg-secondary)}.section:nth-child(odd){background:var(--color-bg-primary)}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-header h2{font-size:clamp(var(--font-2xl),4vw,var(--font-4xl));font-weight:var(--font-weight-extrabold);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin-bottom:var(--space-4);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight)}[data-theme=dark] .section-header h2{color:var(--color-text-primary)}.section-header p{font-size:var(--font-lg);color:var(--color-text-secondary);margin-top:var(--space-4);max-width:600px;margin-left:auto;margin-right:auto}.section-header p,.section-tag{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.section-tag{display:inline-block;background:var(--color-primary-alpha-10);color:var(--color-primary-600);padding:var(--space-2) var(--space-4);border-radius:var(--radius-xl);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}[data-theme=dark] .section-tag{background:var(--color-primary-400-alpha-20);color:var(--color-primary-300)}.theme-toggle-container{position:fixed;left:2rem;bottom:2rem;z-index:9999!important;display:flex;flex-direction:column;align-items:center;gap:.5rem}@media (max-width:600px){.theme-toggle-container{left:1rem;bottom:1rem}}.theme-toggle-btn{width:56px;height:56px;background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));border:none;border-radius:50%;color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px rgba(37,99,235,.4),0 0 0 0 rgba(37,99,235,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;overflow:hidden}.theme-toggle-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 30%,hsla(0,0%,100%,.2));border-radius:50%;opacity:0;transition:opacity .3s ease}.theme-toggle-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px rgba(37,99,235,.5),0 0 0 4px rgba(37,99,235,.15)}.theme-toggle-btn:hover:before{opacity:1}.theme-toggle-btn:active{transform:translateY(-1px) scale(.98)}.theme-toggle-btn .theme-icon{width:24px;height:24px;stroke-width:2;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute}.theme-toggle-btn .moon-icon,.theme-toggle-btn .sun-icon{opacity:0;transform:scale(.5) rotate(-180deg)}[data-theme=dark] .theme-toggle-btn .sun-icon,[data-theme=light] .theme-toggle-btn .moon-icon,html:not([data-theme]) .theme-toggle-btn .moon-icon{opacity:1;transform:scale(1) rotate(0deg)}[data-theme=dark] .theme-toggle-btn{background:linear-gradient(135deg,var(--color-primary-400),var(--color-primary-500));box-shadow:0 4px 15px rgba(96,165,250,.4),0 0 0 0 rgba(96,165,250,.3)}[data-theme=dark] .theme-toggle-btn:hover{box-shadow:0 8px 25px rgba(96,165,250,.5),0 0 0 4px rgba(96,165,250,.15)}@media (max-width:768px){.theme-toggle-container{left:1rem;right:auto;bottom:1rem}.theme-toggle-btn{width:3rem;height:3rem}.theme-toggle-btn .theme-icon{width:20px;height:20px}}.back-to-top-btn{position:fixed;left:var(--space-8);bottom:var(--space-24);width:50px;height:50px;background:var(--color-primary-alpha-90);border:none;border-radius:var(--radius-full);color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(var(--space-5));transition:var(--transition-all);box-shadow:0 4px 12px var(--color-primary-alpha-30);z-index:999;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.back-to-top-btn.show{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top-btn:hover{background:var(--color-primary-alpha-95);transform:translateY(-2px);box-shadow:0 6px 16px var(--color-primary-alpha-40)}.back-to-top-btn svg{width:var(--space-5);height:var(--space-5)}[data-theme=dark] .back-to-top-btn{background:var(--color-primary-400-alpha-90);box-shadow:0 4px 12px var(--color-primary-400-alpha-30)}[data-theme=dark] .back-to-top-btn:hover{background:var(--color-primary-400-alpha-95);box-shadow:0 6px 16px var(--color-primary-400-alpha-40)}.carousel-navigation{display:none;gap:var(--space-6);margin-top:var(--space-8);padding:0 var(--space-4)}.carousel-btn,.carousel-navigation{align-items:center;justify-content:center}.carousel-btn{background:var(--color-bg-primary);border:1px solid var(--color-primary-alpha-20);border-radius:var(--radius-full);width:var(--touch-target-comfortable);height:var(--touch-target-comfortable);display:flex;cursor:pointer;transition:var(--transition-all);color:var(--color-primary-600);box-shadow:var(--shadow-sm)}[data-theme=dark] .carousel-btn{background:var(--color-gray-700);border-color:var(--color-primary-alpha-30);color:var(--color-primary-400)}.carousel-btn:hover:not(:disabled){background:var(--color-primary-600);color:var(--color-white);transform:translateY(-2px);box-shadow:var(--shadow-md)}.carousel-btn:disabled{opacity:.4;cursor:not-allowed}.carousel-btn svg{width:var(--space-5);height:var(--space-5)}@media (max-width:768px){.carousel-navigation.mobile-only{display:flex!important}}.scroll-down{position:absolute;bottom:var(--space-8);left:50%;transform:translateX(-50%);cursor:pointer;width:var(--touch-target-generous);height:var(--touch-target-generous);border-radius:var(--radius-full);background:var(--color-white-alpha-10);border:2px solid var(--color-white-alpha-30);display:flex;align-items:center;justify-content:center;transition:var(--transition-all);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:100}.scroll-down:hover{background:var(--color-white-alpha-30);border-color:var(--color-white-alpha-40);transform:translateX(-50%) translateY(-4px);box-shadow:0 8px 25px var(--color-white-alpha-15)}.scroll-down:active{transform:translateX(-50%) translateY(-2px) scale(.95)}.scroll-chevron{width:12px;height:12px;border-right:2px solid var(--color-white-alpha-80);border-bottom:2px solid var(--color-white-alpha-80);transform:rotate(45deg);animation:a 2s infinite}@keyframes a{0%,20%,50%,80%,to{margin-top:0}40%{margin-top:-6px}60%{margin-top:-3px}}.back-to-top{color:var(--color-primary-400);text-decoration:none;font-weight:var(--font-weight-semibold);transition:var(--transition-all);font-size:var(--font-sm)}.back-to-top:hover{color:var(--color-primary-300);transform:translateY(-2px)}#legalModal{display:none}#legalModal.active{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-black-alpha-70);z-index:10001;align-items:center;justify-content:center}#legalModal .modal-content{background:var(--color-white);padding:var(--space-8);border-radius:var(--radius-lg);max-width:650px;max-height:85vh;overflow-y:auto;box-shadow:0 25px 50px var(--color-black-alpha-25);transform:scale(.9);opacity:0;transition:var(--transition-all)}#legalModal.active .modal-content{transform:scale(1);opacity:1}[data-theme=dark] #legalModal .modal-content{background:var(--color-gray-900);color:var(--color-gray-100)}#legalModal .modal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-5);border-bottom:1px solid var(--color-gray-200);margin-bottom:var(--space-5)}[data-theme=dark] #legalModal .modal-header{border-bottom-color:var(--color-gray-700)}#legalModal .modal-header h3{margin:0;font-size:var(--font-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-800)}[data-theme=dark] #legalModal .modal-header h3{color:var(--color-gray-100)}#legalModal .modal-close{background:none;border:none;font-size:var(--font-2xl);cursor:pointer;color:var(--color-gray-500);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:var(--transition-all)}#legalModal .modal-close:hover{background:var(--color-gray-100);color:var(--color-gray-800)}[data-theme=dark] #legalModal .modal-close{color:var(--color-gray-400)}[data-theme=dark] #legalModal .modal-close:hover{background:var(--color-gray-700);color:var(--color-gray-100)}#legalModal #modalContent h4{margin-top:var(--space-6);margin-bottom:var(--space-3);font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-800)}#legalModal #modalContent h4:first-child{margin-top:0}[data-theme=dark] #legalModal #modalContent h4{color:var(--color-gray-100)}#legalModal #modalContent p{margin-bottom:var(--space-4);color:var(--color-gray-600);line-height:var(--line-height-relaxed)}[data-theme=dark] #legalModal #modalContent p{color:var(--color-gray-300)}#legalModal #modalContent ul{margin:var(--space-4) 0;padding-left:var(--space-6)}#legalModal #modalContent li{margin-bottom:var(--space-2);color:var(--color-gray-600)}[data-theme=dark] #legalModal #modalContent li{color:var(--color-gray-300)}#legalModal #modalContent a{color:var(--color-primary-500);text-decoration:none}#legalModal #modalContent a:hover{text-decoration:underline}[data-theme=dark] #legalModal #modalContent a{color:var(--color-primary-400)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mobile-only{display:none}.desktop-only{display:block}.bg-dark{background:var(--color-gray-50)}[data-theme=dark] .bg-dark{background:var(--color-gray-800)}@media (max-width:768px){.section{padding:var(--space-12) 0}.back-to-top-btn{left:var(--space-4);bottom:var(--space-20);width:var(--touch-target-minimum);height:var(--touch-target-minimum)}.back-to-top-btn svg{width:18px;height:18px}.scroll-down{width:var(--touch-target-comfortable);height:var(--touch-target-comfortable);bottom:var(--space-6)}.mobile-only{display:block!important}.desktop-only{display:none!important}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.breadcrumb-nav{background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);padding:1rem 0;margin-top:80px}[data-theme=dark] .breadcrumb-nav{background:var(--color-bg-secondary);border-bottom-color:var(--color-border-secondary)}.breadcrumb{list-style:none;margin:0;padding:0;font-size:.875rem}.breadcrumb,.breadcrumb-item{display:flex;align-items:center}.breadcrumb-item:not(:last-child):after{content:"/";margin:0 .75rem;color:var(--color-gray-400);font-weight:400}[data-theme=dark] .breadcrumb-item:not(:last-child):after{color:var(--color-gray-500)}.breadcrumb-item a{color:var(--color-gray-600);text-decoration:none;font-weight:500;transition:color .2s ease}.breadcrumb-item a:hover{color:var(--color-primary-500);text-decoration:underline}[data-theme=dark] .breadcrumb-item a{color:var(--color-gray-400)}[data-theme=dark] .breadcrumb-item a:hover{color:var(--color-primary-400)}.breadcrumb-item.active span{color:var(--color-gray-800);font-weight:600;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .breadcrumb-item.active span{color:var(--color-text-primary)}@media (max-width:768px){.breadcrumb-nav{padding:.75rem 0}.breadcrumb{font-size:.8rem}.breadcrumb-item.active span{max-width:200px}.breadcrumb-item:not(:last-child):after{margin:0 .5rem}}.table-of-contents{contain:layout style paint;background:var(--color-white);border:none;border-radius:var(--radius-xl);margin:var(--space-6) 0 var(--space-8);box-shadow:0 4px 20px rgba(0,0,0,.08);overflow:hidden;transition:box-shadow .2s ease;isolation:isolate}.table-of-contents:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}[data-theme=dark] .table-of-contents{background:var(--color-gray-800);border:1px solid var(--color-gray-700);box-shadow:0 4px 20px rgba(0,0,0,.25)}[data-theme=dark] .table-of-contents:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -2px rgba(0,0,0,.3)}.table-of-contents .toc-header{display:flex;align-items:center;justify-content:space-between;padding:var(--card-padding-mobile);background:var(--color-white);cursor:pointer;user-select:none;transition:background-color .2s ease;border-bottom:none}.table-of-contents .toc-header:hover{background:var(--color-bg-tertiary)}[data-theme=dark] .table-of-contents .toc-header{background:var(--color-gray-700);border-bottom-color:var(--color-gray-600)}[data-theme=dark] .table-of-contents .toc-header:hover{background:var(--color-gray-600)}.table-of-contents .toc-header h2{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--toc-header-size);font-weight:var(--toc-header-weight);color:var(--color-text-primary);margin:0;padding:0;letter-spacing:-.01em;line-height:var(--toc-header-line-height);position:static;border:none;background:none}[data-theme=dark] .table-of-contents .toc-header h2{color:var(--color-gray-100)}.table-of-contents .toc-toggle{width:var(--min-touch-target);height:var(--min-touch-target);min-width:var(--min-touch-target);min-height:var(--min-touch-target);background:transparent;color:var(--color-text-primary);border:none;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:var(--font-lg);font-weight:var(--font-weight-normal);cursor:pointer;transition:all .2s ease;flex-shrink:0;-webkit-tap-highlight-color:transparent}.table-of-contents .toc-toggle:hover{background:var(--color-primary-200);transform:scale(1.05)}[data-theme=dark] .table-of-contents .toc-toggle{background:var(--color-primary-800);color:var(--color-primary-300)}[data-theme=dark] .table-of-contents .toc-toggle:hover{background:var(--color-primary-700)}.table-of-contents .toc-content{display:none;padding:var(--space-5);background:var(--color-bg-primary)}[data-theme=dark] .table-of-contents .toc-content{background:var(--color-gray-800)}.table-of-contents .toc-content.expanded{display:block;animation:b .3s ease-out}@keyframes b{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.table-of-contents .toc-list,.table-of-contents .toc-list ol,.table-of-contents .toc-list ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.table-of-contents .toc-list li,.table-of-contents .toc-list ol li,.table-of-contents .toc-list ul li{margin:0;padding:0;position:static;background:none;border:none}.table-of-contents .toc-list li::marker,.table-of-contents .toc-list li:after,.table-of-contents .toc-list li:before{display:none;content:none}.table-of-contents .toc-list a{display:block;color:var(--color-text-secondary);text-decoration:none;padding:var(--space-3) var(--space-4);margin:0;border-radius:var(--radius-md);font-size:var(--toc-link-size);font-weight:var(--toc-link-weight);line-height:var(--toc-link-line-height);border:none;transition:all .2s ease;position:relative;background:none;-webkit-tap-highlight-color:transparent}.table-of-contents .toc-list a:hover{background:var(--color-primary-50);color:var(--color-primary-700);transform:translateX(2px)}.table-of-contents .toc-list a:focus{outline:2px solid var(--color-primary-600);outline-offset:2px}[data-theme=dark] .table-of-contents .toc-list a{color:var(--color-gray-300)}[data-theme=dark] .table-of-contents .toc-list a:hover{background:var(--color-primary-900);color:var(--color-primary-300)}@media (min-width:320px){.table-of-contents .toc-header,.table-of-contents .toc-list a{min-height:var(--min-touch-target)}.table-of-contents .toc-list a{display:flex;align-items:center;padding:var(--space-3) var(--space-4)}}@media (min-width:640px){.table-of-contents{margin:var(--space-5) 0 var(--space-6)}.table-of-contents .toc-header{padding:var(--space-4) var(--space-5)}.table-of-contents .toc-content{padding:var(--space-4)}}@media (min-width:768px){.table-of-contents{margin:var(--space-6) 0 var(--space-8)}.table-of-contents .toc-list a{padding:var(--space-3) var(--space-4);min-height:auto}}@media (min-width:1024px){.table-of-contents{margin-top:0;transition:all .2s ease}.table-of-contents:hover{transform:translateY(-2px)}}.table-of-contents .toc-list a:focus{background:var(--color-primary-50);color:var(--color-primary-700)}.table-of-contents .toc-header:focus{background:var(--color-bg-tertiary)}.table-of-contents .toc-header:focus,.table-of-contents .toc-header:focus-visible{outline:2px solid var(--color-primary-600);outline-offset:2px}[data-theme=dark] .table-of-contents .toc-list a:focus{background:var(--color-primary-900);color:var(--color-primary-300)}[data-theme=dark] .table-of-contents .toc-header:focus{background:var(--color-gray-600)}@media (prefers-contrast:high){.table-of-contents{border:2px solid}.table-of-contents .toc-list a{border:1px solid transparent}.table-of-contents .toc-list a:focus,.table-of-contents .toc-list a:hover{border-color:currentColor}}@media (prefers-reduced-motion:reduce){.table-of-contents,.table-of-contents .toc-list a,.table-of-contents .toc-toggle{transition:none}.table-of-contents .toc-content.expanded{animation:none}}@media (max-width:600px){.table-of-contents{position:relative;z-index:15;transform:translateY(-4rem);margin-bottom:var(--space-2);margin-left:var(--space-1);margin-right:var(--space-1);box-shadow:0 8px 25px rgba(0,0,0,.15);background:var(--color-white);border:none}.table-of-contents .toc-toggle{height:28px;min-height:28px;width:28px;min-width:28px;font-size:var(--font-sm);font-weight:var(--font-weight-medium)}.table-of-contents .toc-header{padding:var(--space-2) var(--space-4);min-height:auto;gap:var(--space-3)}.table-of-contents .toc-header h2{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}[data-theme=dark] .table-of-contents{background:var(--color-gray-800);border:1px solid var(--color-gray-700);box-shadow:0 8px 25px rgba(0,0,0,.4)}[data-theme=dark] .table-of-contents .toc-header h2{color:var(--color-gray-100)}.table-of-contents+*,.table-of-contents+*+*,.table-of-contents~p:first-of-type{margin-top:var(--space-2)!important}}.blog-hero{background:linear-gradient(135deg,var(--hero-gradient-start,var(--color-primary-500)),var(--hero-gradient-end,var(--color-primary-700)));color:#fff;min-height:75vh;display:flex;align-items:center;padding:2rem;padding-top:8rem;position:relative;z-index:1}.blog-hero-content{max-width:1200px;margin:0 auto;position:relative;z-index:2;text-align:center;padding:0 2rem}[data-theme=dark] .blog-hero{background:linear-gradient(135deg,var(--hero-gradient-dark-start,var(--hero-gradient-start,var(--color-primary-800))),var(--hero-gradient-dark-end,var(--hero-gradient-end,var(--color-primary-700))))}.blog-hero h1{font-size:clamp(2.5rem,7vw,4.5rem);font-weight:900;line-height:1.1;color:#fff;text-shadow:0 4px 8px rgba(0,0,0,.3);position:relative;text-align:center;letter-spacing:-.02em;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,system-ui,sans-serif}.blog-hero h1,.blog-meta{margin:0 auto 3rem;max-width:1000px}.blog-meta{flex-wrap:wrap;gap:1rem;justify-content:center;font-size:.8rem;opacity:.75}.blog-meta,.blog-meta-item{display:flex;align-items:center}.blog-meta-item{gap:.5rem;background:hsla(0,0%,100%,.15);padding:.5rem .75rem;border-radius:20px;backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);width:fit-content;color:#fff;font-size:inherit}.blog-hero .blog-meta-item .post-tag{color:#fff;background:transparent;font-weight:inherit;text-transform:inherit;letter-spacing:inherit;padding:0}.blog-meta-item svg{width:.75rem;height:.75rem;opacity:.75}.blog-description{font-size:1.25rem;line-height:1.5;margin:0 auto 3rem;opacity:.95;max-width:900px;font-weight:300;font-style:italic;color:hsla(0,0%,100%,.95);border-top:1px solid hsla(0,0%,100%,.2);padding-top:2rem;position:relative}.blog-excerpt{font-size:1.25rem;line-height:1.6;margin:1.5rem 0 0;opacity:.95;max-width:700px;font-weight:400}.blog-hero-compact{min-height:40vh}.blog-hero-compact .blog-hero-content{padding:0 2rem}.blog-hero-compact .blog-description,.blog-hero-compact h1{margin-bottom:1.5rem}@media (max-width:768px){.blog-hero{min-height:60vh;padding:var(--space-12) var(--space-4);padding-top:8rem;text-align:center}.blog-hero-compact{min-height:30vh}.blog-hero-content{max-width:100%;padding:0 var(--space-2)}.blog-hero h1{font-size:clamp(1.75rem,7vw,2.5rem);line-height:1.3;margin-bottom:1.5rem;max-width:100%;padding:0 .5rem;font-weight:700}.blog-meta{flex-wrap:wrap;gap:.75rem;margin:1.5rem auto;font-size:.8rem;max-width:100%;justify-content:center}.blog-meta-item{font-size:.85rem;padding:.5rem .75rem;gap:.4rem}.blog-meta-item svg{width:.75rem;height:.75rem}.breadcrumb-minimal{font-size:11px;margin-bottom:1.25rem;max-width:100%;text-align:center;padding:0 1rem;opacity:.8}.blog-description{margin:1.5rem auto 2.5rem;padding:0 1.25rem;border-top:none;padding-top:0}.blog-description,.blog-excerpt{font-size:1.1rem;line-height:1.5;max-width:100%}.blog-excerpt{padding:0 1.25rem}}.breadcrumb-minimal{font-size:11px;color:hsla(0,0%,100%,.4);margin:0 auto 1.5rem;font-weight:400;text-transform:uppercase;letter-spacing:.5px;text-align:center;max-width:1000px}.breadcrumb-minimal a{color:hsla(0,0%,100%,.7);text-decoration:none;transition:color .2s ease}.breadcrumb-minimal a:hover{color:hsla(0,0%,100%,.9);text-decoration:underline}.meta-row{display:contents}.blog-meta-item.author-badge{font-size:.75rem;gap:.4rem}.blog-meta-item.author-badge span{font-weight:500}.blog-meta-item.author-badge .author-link{color:inherit;text-decoration:none;font-weight:500;transition:opacity .2s ease}.blog-meta-item.author-badge .author-link:hover{opacity:.85;text-decoration:underline}.blog-meta-item.author-badge .author-link:active,.blog-meta-item.author-badge .author-link:visited{color:inherit}.blog-meta-item.author-badge .meta-separator{opacity:.5;font-weight:300}.blog-meta-item.author-badge .date-icon{width:.75rem;height:.75rem;opacity:.75}.blog-hero .blog-meta-item .category-link{color:inherit;text-decoration:none;font-weight:inherit;font-size:inherit;border:none;background:none;transition:opacity .2s ease}.blog-hero .blog-meta-item .category-link:hover{color:inherit;text-decoration:none;opacity:.85;border:none}.blog-hero .blog-meta-item .category-link:active,.blog-hero .blog-meta-item .category-link:visited{color:inherit;text-decoration:none}.blog-hero .blog-meta-item .category-link:focus{color:inherit;text-decoration:none;outline:2px solid hsla(0,0%,100%,.3);outline-offset:2px;border-radius:var(--radius-sm)}@media (max-width:480px){.blog-hero{min-height:55vh;padding:var(--space-6) var(--space-4);padding-top:6rem}.blog-hero-compact{min-height:25vh}.blog-hero h1{font-size:clamp(1.5rem,8vw,2rem);margin-bottom:1rem;padding:0 var(--space-2);font-weight:700}.blog-meta{gap:.5rem;margin:1rem auto;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap}.blog-meta-item{font-size:.75rem;padding:.4rem .6rem}.blog-meta-item.author-badge{flex-direction:column;align-items:center;gap:.4rem}.blog-meta-item.author-badge .meta-separator{display:none}.blog-meta-item.author-badge .meta-row{display:flex;align-items:center;gap:.4rem}.blog-meta-item.author-badge .meta-row .meta-separator{display:inline}.blog-meta-item.author-badge .meta-row-info{order:-1}.breadcrumb-minimal{font-size:10px;padding:0 1rem;margin-bottom:1rem}.blog-description{font-size:1rem;padding:0 1rem;margin:1rem auto 2rem;line-height:1.4}}body{overflow-x:hidden}.magazine-header{min-height:65vh;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700) 50%,var(--color-primary-900));color:var(--color-white);position:relative;overflow:hidden;padding:var(--space-8) var(--space-4);padding-top:calc(var(--nav-height, 80px) + var(--space-8))}[data-theme=dark] .magazine-header{background:linear-gradient(135deg,var(--color-primary-800),var(--color-primary-700) 50%,var(--color-primary-800))}.magazine-header .hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,hsla(0,0%,100%,.1) 0,transparent 50%),radial-gradient(circle at 80% 70%,hsla(0,0%,100%,.05) 0,transparent 50%);pointer-events:none}.magazine-title{max-width:800px;padding:var(--space-8);position:relative;z-index:2}.magazine-title h1{font-size:clamp(2.5rem,6vw,3.5rem);font-weight:900;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin-bottom:var(--space-6);line-height:1.1;text-shadow:0 4px 12px rgba(0,0,0,.3);letter-spacing:-.02em;color:var(--color-white);background:linear-gradient(135deg,#fff,hsla(0,0%,100%,.9));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}@supports not (-webkit-background-clip:text){.magazine-title h1{background:none;-webkit-text-fill-color:initial;color:var(--color-white)}}.magazine-title p{font-size:clamp(var(--font-lg),2.5vw,var(--font-xl));font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:var(--font-weight-normal);margin-bottom:var(--space-6);opacity:.95;max-width:600px;margin-left:auto;margin-right:auto;line-height:var(--line-height-relaxed);text-shadow:0 2px 4px rgba(0,0,0,.1);letter-spacing:-.01em;color:var(--color-white)}.magazine-header .floating-shapes{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.magazine-header .shape{position:absolute;border-radius:50%;background:hsla(0,0%,100%,.03);animation:c 6s ease-in-out infinite}.magazine-header .shape-1{width:200px;height:200px;top:10%;left:10%;animation-delay:0s}.magazine-header .shape-2{width:150px;height:150px;top:60%;right:15%;animation-delay:2s}.magazine-header .shape-3{width:100px;height:100px;bottom:20%;left:20%;animation-delay:4s}@keyframes c{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}@media (max-width:768px){.magazine-header{min-height:50vh;padding:var(--space-6) var(--space-4);padding-top:calc(var(--nav-height, 80px) + var(--space-6))}.magazine-title{padding:var(--space-4)}.magazine-title h1{font-size:clamp(2rem,7vw,2.5rem);margin-bottom:var(--space-4)}.magazine-title p{font-size:clamp(1rem,3vw,1.1rem);padding:0 var(--space-2)}.magazine-header .shape-2,.magazine-header .shape-3{opacity:.3}}@media (max-width:480px){.magazine-header{min-height:45vh;padding:var(--space-4) var(--space-3);padding-top:calc(var(--nav-height, 80px) + var(--space-4))}.magazine-title{padding:var(--space-3)}.magazine-title h1{font-size:clamp(1.75rem,8vw,2.2rem);margin-bottom:var(--space-3);line-height:1.2}.magazine-title p{font-size:clamp(.9rem,4vw,1rem);line-height:1.5}.magazine-header .shape-2,.magazine-header .shape-3{display:none}.magazine-header .shape-1{width:120px;height:120px;opacity:.2}}.section-header{display:flex;align-items:center;margin-bottom:var(--space-6)}.section-header h2{font-size:var(--font-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:var(--space-3)}.section-header h2:before{content:"";width:4px;height:var(--space-6);background:linear-gradient(135deg,var(--section-accent-start,var(--color-primary-500)),var(--section-accent-end,var(--color-primary-700)));border-radius:var(--radius-sm);flex-shrink:0}[data-theme=dark] .section-header h2{color:var(--color-gray-100)}[data-theme=dark] .section-header h2:before{background:linear-gradient(135deg,var(--section-accent-start-dark,var(--color-primary-400)),var(--section-accent-end-dark,var(--color-primary-600)))}.featured-section{padding:var(--space-10) 0 var(--space-6);background:var(--color-bg-primary)}[data-theme=dark] .featured-section{background:var(--color-gray-900)}.featured-hero{margin-bottom:var(--space-6)}.featured-hero-link{display:grid;grid-template-columns:1fr 1fr;text-decoration:none;color:inherit;background:var(--color-white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.08);transition:var(--transition-all);min-height:320px}.featured-hero-link:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,.12);text-decoration:none;color:inherit}[data-theme=dark] .featured-hero-link{background:var(--color-gray-800);box-shadow:0 4px 16px rgba(0,0,0,.3)}[data-theme=dark] .featured-hero-link:hover{box-shadow:0 12px 32px rgba(0,0,0,.4)}.featured-hero-image{position:relative;overflow:hidden}.featured-hero-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) ease}.featured-hero-link:hover .featured-hero-image img{transform:scale(1.03)}.featured-hero-content{padding:var(--space-8);display:flex;flex-direction:column;justify-content:center}.featured-hero-content h3{font-size:var(--font-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin-bottom:var(--space-4);display:-webkit-box;-webkit-line-clamp:3;overflow:hidden}[data-theme=dark] .featured-hero-content h3{color:var(--color-gray-100)}.featured-hero-link:hover .featured-hero-content h3{color:var(--color-primary-600)}[data-theme=dark] .featured-hero-link:hover .featured-hero-content h3{color:var(--color-primary-400)}.featured-hero-content p{font-size:var(--font-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4);display:-webkit-box;-webkit-line-clamp:4;overflow:hidden}[data-theme=dark] .featured-hero-content p{color:var(--color-gray-300)}.featured-category{font-size:var(--font-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--space-3);display:inline-block}.category-marketing .featured-category{color:var(--color-marketing)}.category-development .featured-category{color:var(--color-development)}.category-automation .featured-category{color:var(--color-automation)}.category-general .featured-category{color:var(--color-general)}[data-theme=dark] .category-automation .featured-category,[data-theme=dark] .category-development .featured-category,[data-theme=dark] .category-marketing .featured-category{color:var(--color-primary-400)}[data-theme=dark] .category-general .featured-category{color:var(--color-gray-400)}.featured-date{font-size:var(--font-xs);color:var(--color-text-muted);margin-top:auto}[data-theme=dark] .featured-date{color:var(--color-gray-400)}.featured-secondary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6)}.featured-secondary,.featured-secondary-link{display:flex;flex-direction:column}.featured-secondary-link{text-decoration:none;color:inherit;background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.04);border:1px solid var(--color-border-primary);transition:var(--transition-all);height:100%}.featured-secondary-link:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.1);border-color:var(--color-primary-200);text-decoration:none;color:inherit}[data-theme=dark] .featured-secondary-link{background:var(--color-gray-800);border-color:var(--color-gray-700);box-shadow:0 2px 8px rgba(0,0,0,.2)}[data-theme=dark] .featured-secondary-link:hover{box-shadow:0 12px 32px rgba(0,0,0,.3);border-color:var(--color-primary-600)}.featured-secondary-image{width:100%;aspect-ratio:16/9;overflow:hidden;flex-shrink:0}.featured-secondary-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-normal) ease}.featured-secondary-link:hover .featured-secondary-image img{transform:scale(1.05)}.featured-secondary-content{padding:var(--space-4) var(--space-5) var(--space-5);display:flex;flex-direction:column;flex:1}.featured-secondary-content h3{font-size:var(--font-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin-bottom:var(--space-3);display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}[data-theme=dark] .featured-secondary-content h3{color:var(--color-gray-100)}.featured-secondary-link:hover .featured-secondary-content h3{color:var(--color-primary-600)}[data-theme=dark] .featured-secondary-link:hover .featured-secondary-content h3{color:var(--color-primary-400)}.featured-secondary-content p{font-size:var(--font-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-3);flex:1;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}[data-theme=dark] .featured-secondary-content p{color:var(--color-gray-300)}@media (max-width:1024px){.featured-hero-link{min-height:260px}.featured-hero-content{padding:var(--space-6)}.featured-hero-content h3{font-size:var(--font-2xl)}.featured-hero-content p{font-size:var(--font-base);-webkit-line-clamp:3}}@media (max-width:768px){.featured-section{padding:var(--space-6) 0}.featured-header h2{font-size:var(--font-xl)}.featured-hero-link{grid-template-columns:1fr;min-height:auto}.featured-hero-image{aspect-ratio:3/2}.featured-hero-content{padding:var(--space-5)}.featured-hero-content h3{font-size:var(--font-xl);-webkit-line-clamp:3;margin-bottom:var(--space-3)}.featured-hero-content p{font-size:var(--font-base);-webkit-line-clamp:3;margin-bottom:var(--space-3)}.featured-secondary-grid{grid-template-columns:1fr;gap:var(--card-gap-mobile)}.featured-secondary-link{border:none;border-radius:var(--radius-xl);box-shadow:0 4px 20px rgba(0,0,0,.08)}[data-theme=dark] .featured-secondary-link{box-shadow:0 4px 20px rgba(0,0,0,.25);border:1px solid var(--color-gray-700)}}@media (max-width:480px){.featured-section{padding:var(--space-5) 0}.featured-header h2{font-size:var(--font-base)}.featured-hero-image{aspect-ratio:3/2}.featured-hero-content{padding:var(--space-4)}.featured-hero-content h3{font-size:var(--font-lg)}}.category-sections{padding:var(--space-12) 0;background:var(--color-gray-50);position:relative}[data-theme=dark] .category-sections{background:var(--color-gray-800)}.category-section{margin-bottom:var(--space-12)}.category-section:last-child{margin-bottom:0}.category-header{justify-content:space-between}.category-header h2{position:relative;flex:1}.category-section .category-header h2:before{background:linear-gradient(135deg,var(--cat-color,var(--color-primary-600)),var(--cat-color-gradient-end,var(--color-primary-700)))}[data-theme=dark] .category-section .category-header h2:before{background:linear-gradient(135deg,var(--cat-color,var(--color-primary-400)),var(--cat-color-gradient-end,var(--color-primary-600)));opacity:.85}.category-title-wrapper{margin-bottom:var(--space-4)}.category-header p{color:var(--color-text-secondary);font-size:var(--font-base);line-height:var(--line-height-relaxed);margin:0;max-width:500px}.view-all-link{background:var(--color-white);color:var(--color-primary-600);padding:var(--space-2) var(--space-6);text-decoration:none;border-radius:var(--radius-2xl);font-weight:var(--font-weight-semibold);transition:var(--transition-all);display:inline-flex;align-items:center;gap:var(--space-2);border:none;cursor:pointer;position:relative;overflow:hidden;box-shadow:var(--shadow-md);font-size:var(--font-sm);will-change:transform;flex-shrink:0}.view-all-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);text-decoration:none}.view-all-link:after{content:"→";transition:transform var(--duration-fast) ease}.view-all-link:hover:after{transform:translateX(2px)}[data-theme=dark] .view-all-link{background:var(--color-gray-700);color:var(--color-primary-400);box-shadow:var(--shadow-xl)}[data-theme=dark] .view-all-link:hover{background:var(--color-gray-600);box-shadow:var(--shadow-2xl)}.category-footer{text-align:center;margin-top:var(--space-6)}.category-footer .view-all-link{margin-left:0}@media (max-width:768px){.desktop-only{display:none}.mobile-only{display:block}.category-sections{padding:var(--space-6) 0;background:transparent}.category-section{margin-bottom:var(--space-8)}.category-header{display:block}.category-header h2{width:auto;margin-bottom:var(--space-4);font-size:var(--font-xl)}}@media (min-width:769px){.desktop-only{display:inline-flex}.mobile-only{display:none}.category-sections{padding:var(--space-16) 0}.category-section{padding:var(--space-10)}}.category-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:var(--space-6)}.category-post{background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-border-primary);transition:var(--transition-all);overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.04);height:280px;display:flex;flex-direction:column}.category-post.has-image{height:auto}[data-theme=dark] .category-post{background:var(--color-gray-800);border-color:var(--color-gray-700);box-shadow:0 2px 8px rgba(0,0,0,.2)}.category-post:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.1);border-color:var(--color-primary-200)}[data-theme=dark] .category-post:hover{box-shadow:0 12px 32px rgba(0,0,0,.3);border-color:var(--color-primary-600)}.category-post-link{display:flex;flex-direction:column;text-decoration:none;color:inherit;height:100%}.category-post:not(.has-image) .category-post-link{padding:var(--space-6);justify-content:space-between}.category-post-link:hover{text-decoration:none;color:inherit}.category-post-image{width:100%;aspect-ratio:16/9;overflow:hidden;flex-shrink:0}.category-post-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-normal) ease}.category-post:hover .category-post-image img{transform:scale(1.05)}.category-post-content{padding:var(--space-4) var(--space-5) var(--space-5);display:flex;flex-direction:column;flex:1}.category-post:not(.has-image) .category-post-content{padding:0;flex:1;display:flex;flex-direction:column;justify-content:space-between}.category-post h3{font-size:var(--font-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin:0 0 var(--space-3);display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}.category-post:not(.has-image) h3{-webkit-line-clamp:3}[data-theme=dark] .category-post h3{color:var(--color-gray-100)}.category-post:hover h3{color:var(--color-primary-600)}[data-theme=dark] .category-post:hover h3{color:var(--color-primary-400)}.category-post p{font-size:var(--font-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0 0 var(--space-3);flex:1;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}.category-post:not(.has-image) p{font-size:var(--font-base);margin:0 0 var(--space-4);-webkit-line-clamp:3}[data-theme=dark] .category-post p{color:var(--color-gray-300)}.category-post-meta{display:flex;align-items:center;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid rgba(0,0,0,.08);margin-top:auto}[data-theme=dark] .category-post-meta{border-top-color:hsla(0,0%,100%,.08)}.category-post-meta time{font-size:var(--font-xs);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}[data-theme=dark] .category-post-meta time{color:var(--color-gray-400)}@media (max-width:768px){.category-grid{grid-template-columns:1fr;gap:var(--card-gap-mobile);margin-top:var(--space-4)}.category-post{border:none;border-radius:var(--radius-xl);box-shadow:0 4px 20px rgba(0,0,0,.08);background:var(--color-white);height:200px}.category-post.has-image{height:auto}[data-theme=dark] .category-post{background:var(--color-gray-800);box-shadow:0 4px 20px rgba(0,0,0,.25);border:1px solid var(--color-gray-700)}.category-post:not(.has-image) .category-post-link{padding:var(--card-padding-mobile);height:100%;display:flex;flex-direction:column;justify-content:space-between}.category-post h3{font-size:var(--font-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3)}.category-post p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-3)}.category-post:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.08)}[data-theme=dark] .category-post:hover{box-shadow:0 8px 20px rgba(0,0,0,.25)}}@media (max-width:480px){.category-grid{gap:var(--space-3)}.category-post{border-radius:var(--radius-xl);height:180px}.category-post.has-image{height:auto}.category-post:not(.has-image) .category-post-link{padding:var(--card-padding-mobile)}.category-post h3{font-size:var(--font-lg)}.category-post p{font-size:var(--font-base)}}.blog-index{padding:var(--space-12) 0;background:var(--color-bg-primary);min-height:50vh}[data-theme=dark] .blog-index{background:var(--color-gray-900)}.category-articles{max-width:var(--container-lg);margin:0 auto;padding:0 var(--space-8);overflow-x:hidden;position:relative}@media (max-width:768px){.category-articles{padding:0 var(--space-4)}}@media (max-width:480px){.category-articles{padding:0 var(--space-3)}}.category-timeline{position:relative;max-width:1000px;width:100%;margin:0 auto;padding:var(--space-8) 0;overflow:hidden;box-sizing:border-box}.category-timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--color-border-primary),var(--color-gray-300));transform:translateX(-50%);border-radius:var(--radius-sm);box-shadow:0 0 8px rgba(0,0,0,.05)}[data-theme=dark] .category-timeline:before{background:linear-gradient(180deg,var(--color-gray-600),var(--color-gray-500))}.category-timeline-item{position:relative;margin-bottom:var(--space-12);display:flex;justify-content:flex-end;padding-right:calc(50% + var(--space-8));width:100%;box-sizing:border-box}.category-timeline-item:nth-child(2n){justify-content:flex-start;padding-right:0;padding-left:calc(50% + var(--space-8))}.category-timeline-item:last-child{margin-bottom:0}.category-timeline-item:before{content:"";position:absolute;left:50%;top:var(--space-6);width:var(--space-4);height:var(--space-4);border-radius:50%;transform:translateX(-50%);z-index:2;border:3px solid var(--color-bg-primary);box-shadow:0 0 0 3px var(--color-border-primary)}.category-timeline-item.category-marketing:before{background:var(--color-marketing);box-shadow:0 0 0 3px var(--color-primary-200)}.category-timeline-item.category-development:before{background:var(--color-development);box-shadow:0 0 0 3px var(--color-purple-200)}.category-timeline-item.category-automation:before{background:var(--color-automation);box-shadow:0 0 0 3px var(--color-green-200)}.category-timeline-item.category-general:before{background:var(--color-general);box-shadow:0 0 0 3px var(--color-gray-300)}[data-theme=dark] .category-timeline-item:before{border-color:var(--color-gray-900)}[data-theme=dark] .category-timeline-item.category-marketing:before{background:var(--color-primary-400);box-shadow:0 0 0 3px var(--color-primary-800)}[data-theme=dark] .category-timeline-item.category-development:before{background:var(--color-purple-400);box-shadow:0 0 0 3px var(--color-purple-800)}[data-theme=dark] .category-timeline-item.category-automation:before{background:var(--color-green-300);box-shadow:0 0 0 3px var(--color-green-800)}[data-theme=dark] .category-timeline-item.category-general:before{background:var(--color-gray-400);box-shadow:0 0 0 3px var(--color-gray-700)}.category-timeline-item:hover:before{transform:translateX(-50%) scale(1.2);transition:transform var(--duration-fast) ease}.category-timeline-item.category-marketing:hover:before{box-shadow:0 0 0 6px var(--color-primary-100)}.category-timeline-item.category-development:hover:before{box-shadow:0 0 0 6px var(--color-purple-100)}.category-timeline-item.category-automation:hover:before{box-shadow:0 0 0 6px var(--color-green-100)}.category-timeline-item.category-general:hover:before{box-shadow:0 0 0 6px var(--color-gray-200)}.timeline-content{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:0 4px 12px rgba(0,0,0,.05);transition:var(--transition-all);position:relative;max-width:400px;width:100%}[data-theme=dark] .timeline-content{background:var(--color-gray-800);border-color:var(--color-gray-700);box-shadow:0 4px 12px rgba(0,0,0,.2)}.timeline-content:after{content:"";position:absolute;top:var(--space-6);width:0;height:0;border:var(--space-3) solid transparent}.category-timeline-item .timeline-content:after{right:-var(--space-6);border-left-color:var(--color-border-primary)}.category-timeline-item:nth-child(2n) .timeline-content:after{right:auto;left:-var(--space-6);border-left-color:transparent;border-right-color:var(--color-border-primary)}[data-theme=dark] .timeline-content:after{border-left-color:var(--color-gray-700)}[data-theme=dark] .category-timeline-item:nth-child(2n) .timeline-content:after{border-left-color:transparent;border-right-color:var(--color-gray-700)}.timeline-link{display:block;transition:var(--transition-all)}.timeline-link,.timeline-link:hover{text-decoration:none;color:inherit}.timeline-link:hover .timeline-content{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.1)}.timeline-content h3{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3);line-height:var(--line-height-tight)}[data-theme=dark] .timeline-content h3{color:var(--color-gray-100)}.timeline-content p{font-size:var(--font-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4);display:-webkit-box;-webkit-line-clamp:3;overflow:hidden}[data-theme=dark] .timeline-content p{color:var(--color-gray-300)}.timeline-content .post-meta{font-size:var(--post-meta-font-size);color:var(--post-meta-color);display:flex;align-items:center;gap:var(--space-2)}[data-theme=dark] .timeline-content .post-meta{color:var(--post-meta-color-dark)}.timeline-date-badge{display:inline-flex;align-items:center;gap:var(--space-1);background:var(--color-primary-100);color:var(--color-primary-700);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--font-xs);font-weight:var(--font-weight-medium)}[data-theme=dark] .timeline-date-badge{background:var(--color-primary-900);color:var(--color-primary-300)}.timeline-date-badge svg{width:var(--space-3);height:var(--space-3)}.back-to-top-section{text-align:center;padding:var(--space-16) 0 var(--space-8)}.back-to-blog-bottom{display:inline-flex;align-items:center;gap:var(--space-2);background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;text-decoration:none;font-weight:var(--font-weight-semibold);padding:var(--space-4) var(--space-8);border-radius:var(--radius-lg);transition:var(--transition-all);box-shadow:0 4px 12px rgba(59,130,246,.3);font-size:var(--font-base)}.back-to-blog-bottom:before{content:"←";font-size:var(--font-lg);transition:transform var(--duration-fast) ease}.back-to-blog-bottom:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(59,130,246,.4);text-decoration:none}.back-to-blog-bottom:hover:before{transform:translateX(-3px)}.back-to-blog-bottom:active{transform:translateY(0)}@media (max-width:768px){.category-timeline:before{left:var(--space-5);transform:none}.category-timeline-item,.category-timeline-item:nth-child(2n){justify-content:flex-start;padding-right:0;padding-left:calc(var(--space-5) + var(--space-6))}.category-timeline-item:before{left:var(--space-5);transform:translateX(-50%)}.category-timeline-item:nth-child(2n) .timeline-content:after,.timeline-content:after{right:auto;left:-var(--space-6);border-left-color:transparent;border-right-color:var(--color-border-primary)}[data-theme=dark] .category-timeline-item:nth-child(2n) .timeline-content:after,[data-theme=dark] .timeline-content:after{border-left-color:transparent;border-right-color:var(--color-gray-700)}.timeline-content{max-width:none;padding:var(--space-4)}.timeline-content h3{font-size:var(--font-base);margin-bottom:var(--space-2)}.timeline-content p{font-size:var(--font-sm);margin-bottom:var(--space-3);-webkit-line-clamp:2}.back-to-blog-bottom{padding:var(--space-3) var(--space-6);font-size:var(--font-sm)}}.blog-post .container{margin-top:-3rem;position:relative;z-index:10}.post-content{max-width:var(--container-lg);margin:0 auto;padding:var(--space-16) var(--space-12) var(--space-12);font-size:var(--font-lg);color:var(--color-text-secondary);background:var(--color-bg-primary);position:relative;border-radius:var(--radius-xl) var(--radius-xl) 0 0;margin-top:0;transform:translateY(0);box-shadow:0 -4px 20px var(--color-black-alpha-10,rgba(0,0,0,.1));z-index:10}@media (min-width:1920px){.blog-post .container{margin-top:-4rem}.post-content{padding:var(--space-20) var(--space-16)}}@media (min-width:1200px) and (max-width:1919px){.blog-post .container{margin-top:-3.5rem}.post-content{padding:var(--space-16) var(--space-12)}}@media (min-width:1024px) and (max-width:1199px){.blog-post .container{margin-top:-3rem}.post-content{padding:var(--space-12) var(--space-8)}}@media (min-width:768px) and (max-width:1023px){.blog-post .container{margin-top:-2.5rem}.post-content{padding:var(--space-8) var(--space-4);font-size:var(--font-base)}}@media (min-width:601px) and (max-width:767px){.blog-post .container{margin-top:-2rem}.post-content{padding:var(--space-6) var(--space-4);font-size:var(--font-base)}}@media (min-width:481px) and (max-width:600px){.blog-post .container{margin-top:0}.post-content{background:transparent;border-radius:0;box-shadow:none;padding:var(--space-5);font-size:var(--font-base)}}@media (min-width:376px) and (max-width:480px){.blog-post .container{margin-top:0}.post-content{background:transparent;border-radius:0;box-shadow:none;padding:var(--space-4);font-size:var(--font-base)}}@media (min-width:320px) and (max-width:375px){.blog-post .container{margin-top:0}.post-content{background:transparent;border-radius:0;box-shadow:none;padding:var(--space-4);font-size:var(--font-base)}}@media (max-width:319px){.blog-post .container{margin-top:0}.post-content{background:transparent;border-radius:0;box-shadow:none;padding:var(--space-3);font-size:var(--font-base)}}[data-theme=dark] .post-content{color:var(--color-gray-200);background:var(--color-gray-900);box-shadow:0 -4px 20px var(--color-black-alpha-30,rgba(0,0,0,.3))}@media (max-width:600px){[data-theme=dark] .post-content{background:transparent;box-shadow:none}}.post-content h1:first-child{display:none}.post-content h1:not(:first-child){font-size:var(--font-4xl);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin:var(--space-8) 0 var(--space-4)}[data-theme=dark] .post-content h1:not(:first-child){color:var(--color-gray-100)}.post-content .post-subtitle{font-size:var(--font-lg);color:var(--color-text-secondary);font-style:italic;font-weight:var(--font-weight-normal);margin:0 0 var(--space-4);line-height:var(--line-height-normal)}.post-content .post-tags-content{display:flex;gap:var(--space-2);flex-wrap:wrap;margin:0 0 var(--space-8)}.post-content .post-tags-content .tag{background:var(--color-gray-200);color:var(--color-gray-600);padding:var(--space-1) var(--space-3);border-radius:var(--radius-xl);font-size:var(--font-sm);font-weight:var(--font-weight-medium)}.post-content h2{font-size:clamp(1.5rem,4vw,2rem);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);margin:var(--space-16) 0 var(--space-6);line-height:var(--line-height-tight);letter-spacing:-.01em;position:relative;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,system-ui,sans-serif}[data-theme=dark] .post-content h2{color:var(--color-gray-100);border-top-color:var(--color-gray-600)}.post-content h3{font-size:clamp(1.25rem,3.5vw,1.5rem);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);margin:var(--space-12) 0 var(--space-4);position:relative;letter-spacing:-.005em}[data-theme=dark] .post-content h3{color:var(--color-gray-300)}.post-content h4{font-size:clamp(1rem,3vw,1.125rem);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin:var(--space-6) 0 var(--space-2);line-height:var(--line-height-normal)}[data-theme=dark] .post-content h4{color:var(--color-gray-300)}.post-content h5{font-size:clamp(.95rem,2.5vw,1rem);font-weight:var(--font-weight-semibold);color:var(--color-gray-600);margin:var(--space-5) 0 var(--space-2);line-height:var(--line-height-normal)}[data-theme=dark] .post-content h5{color:var(--color-gray-400)}.post-content h6{font-size:clamp(.9rem,2vw,.95rem);font-weight:var(--font-weight-semibold);margin:var(--space-4) 0 var(--space-2);line-height:var(--line-height-normal);text-transform:uppercase;letter-spacing:.05em}.post-content h6,[data-theme=dark] .post-content h6{color:var(--color-gray-500)}.post-content p{margin-bottom:var(--space-6);line-height:var(--line-height-relaxed);font-size:clamp(1rem,2.5vw,1.1rem);color:var(--color-text-secondary);font-weight:var(--font-weight-normal)}[data-theme=dark] .post-content p{color:var(--color-gray-200)}.post-content a{text-decoration:underline;text-decoration-color:var(--color-primary-300);text-underline-offset:2px;transition:color var(--duration-fast) var(--ease-in-out),text-decoration-color var(--duration-fast) var(--ease-in-out)}.post-content a,.post-content a:visited{color:var(--color-primary-600)}.post-content a:hover{color:var(--color-primary-700);text-decoration-color:var(--color-primary-500)}[data-theme=dark] .post-content a{color:var(--color-primary-400);text-decoration-color:var(--color-primary-600)}[data-theme=dark] .post-content a:visited{color:var(--color-primary-400)}[data-theme=dark] .post-content a:hover{color:var(--color-primary-300);text-decoration-color:var(--color-primary-400)}.post-content h2+p,.post-content h3+p{margin-top:var(--space-4);font-weight:var(--font-weight-medium)}.post-content strong{color:var(--color-primary-900);font-weight:var(--font-weight-semibold)}[data-theme=dark] .post-content strong{color:var(--color-primary-400)}:root[dir=rtl] .post-content{text-align:right;direction:rtl}:root[dir=rtl] .post-content blockquote{border-left:none;border-right:4px solid var(--color-primary-500)}[data-theme=dark]:root[dir=rtl] .post-content blockquote{border-right-color:var(--color-primary-400)}.post-content ol,.post-content ul{margin-bottom:var(--space-8);padding-left:var(--space-8);line-height:var(--line-height-relaxed)}.post-content li{margin-bottom:var(--space-3);position:relative}.post-content ul li::marker{color:var(--color-primary-500);font-weight:700}.post-content ol li::marker{color:var(--color-primary-500);font-weight:var(--font-weight-semibold)}.post-content img{max-width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);margin:var(--space-8) 0;display:block;margin-left:auto;margin-right:auto;transition:var(--transition-transform),box-shadow var(--duration-normal) ease}.post-content img.lazy-loading{opacity:0;background:var(--color-gray-100);min-height:200px;transition:opacity var(--duration-normal) ease-in-out}.post-content img.lazy-loaded{opacity:1}.post-content img.lazy-error{opacity:.5;filter:grayscale(100%);background:var(--color-gray-200)}[data-theme=dark] .post-content img.lazy-loading{background:var(--color-gray-800)}[data-theme=dark] .post-content img.lazy-error{background:var(--color-gray-700)}.post-content img:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}[data-theme=dark] .post-content img{box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2)}[data-theme=dark] .post-content img:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -2px rgba(0,0,0,.3)}.post-content figure{margin:var(--space-8) 0;text-align:center}.post-content figure img{margin:0 0 var(--space-4)}.post-content figcaption{font-size:var(--font-sm);color:var(--color-gray-500);font-style:italic;line-height:var(--line-height-normal);max-width:600px;margin:0 auto}[data-theme=dark] .post-content figcaption{color:var(--color-gray-400)}.post-content ol ol,.post-content ol ul,.post-content ul ol,.post-content ul ul{margin:var(--space-2) 0 var(--space-4)}.post-content blockquote{border-left:4px solid var(--color-primary-500);background:var(--color-gray-50);padding:var(--space-6) var(--space-8);margin:var(--space-8) 0;font-style:italic;color:var(--color-gray-600);border-radius:0 var(--radius-md) var(--radius-md) 0;position:relative}[data-theme=dark] .post-content blockquote{background:var(--color-gray-800);color:var(--color-gray-300);border-left-color:var(--color-primary-400)}.post-content blockquote:before{content:'"';font-size:var(--font-5xl);color:var(--color-primary-500);position:absolute;top:-var(--space-2);left:var(--space-4);opacity:.3;font-family:serif}.post-content pre{background:var(--color-gray-900);color:var(--color-gray-200);padding:var(--space-6);padding-top:var(--space-10);border-radius:var(--radius-lg);overflow-x:auto;margin:var(--space-8) 0;font-family:Courier Prime,Monaco,Consolas,monospace;font-size:var(--font-sm);line-height:var(--line-height-relaxed);border:1px solid var(--color-gray-700);box-shadow:0 4px 6px -1px rgba(0,0,0,.1);position:relative}.post-content pre:before{content:attr(data-language);position:absolute;top:var(--space-3);left:var(--space-4);color:var(--color-gray-400);font-size:var(--font-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em;background:var(--color-gray-800);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.post-content pre:not([data-language]):before{content:"Code"}.code-copy-btn{position:absolute;top:var(--space-2);right:var(--space-2);display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--color-gray-800);color:var(--color-gray-400);border:1px solid var(--color-gray-700);border-radius:var(--radius-md);font-size:var(--font-xs);font-weight:var(--font-weight-medium);cursor:pointer;opacity:0;transition:opacity var(--duration-fast) var(--ease-in-out),background-color var(--duration-fast) var(--ease-in-out),color var(--duration-fast) var(--ease-in-out);z-index:10}.code-copy-btn:focus,.post-content pre:hover .code-copy-btn{opacity:1}.code-copy-btn:hover{background:var(--color-gray-700);color:var(--color-gray-200);border-color:var(--color-gray-600)}.code-copy-btn:focus{outline:2px solid var(--color-primary-500);outline-offset:2px}.code-copy-btn.copied{background:var(--color-success);color:var(--color-white);border-color:var(--color-success)}.code-copy-btn svg{width:14px;height:14px;stroke-width:2}.code-copy-btn .copy-text{font-family:inherit}@media (max-width:768px){.code-copy-btn{opacity:1;padding:var(--space-2)}.code-copy-btn .copy-text{display:none}}.post-content code{background:var(--color-gray-100);color:#e11d48;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:Courier Prime,Monaco,Consolas,monospace;font-size:var(--font-sm);font-weight:var(--font-weight-medium);border:1px solid var(--color-border-primary)}[data-theme=dark] .post-content code{background:var(--color-gray-700);color:#fbbf24;border-color:var(--color-gray-500)}.post-content pre code{background:transparent;color:inherit;padding:0;border:none;font-weight:400}.post-content pre .comment{color:var(--color-gray-500);font-style:italic}.post-content pre .keyword{color:var(--color-warning);font-weight:var(--font-weight-semibold)}.post-content pre .string{color:var(--color-success)}.post-content pre .number{color:var(--color-primary-500)}.post-content pre .function{color:var(--color-development)}.post-content pre .variable{color:#06b6d4}.post-content pre .operator{color:#f97316}.post-content pre::-webkit-scrollbar{height:8px}.post-content pre::-webkit-scrollbar-track{background:var(--color-gray-700);border-radius:4px}.post-content pre::-webkit-scrollbar-thumb{background:var(--color-gray-500);border-radius:4px}.post-content pre::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.post-content a.external-link:after{content:"↗";display:inline-block;margin-left:var(--space-1);font-size:.75em;opacity:.6;vertical-align:super;transition:opacity var(--duration-fast) var(--ease-in-out)}.post-content a.external-link:hover:after{opacity:1}[data-theme=dark] .post-content a.external-link:after{opacity:.5}[data-theme=dark] .post-content a.external-link:hover:after{opacity:.9}.post-content table{width:100%;border-collapse:collapse;margin:var(--space-8) 0;font-size:var(--font-size-sm);background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.post-content th{background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));color:#fff;font-weight:var(--font-weight-semibold);text-align:left;border-bottom:2px solid var(--color-primary-700);font-size:var(--font-size-sm);letter-spacing:.025em;text-transform:uppercase}.post-content td,.post-content th{padding:var(--space-4) var(--space-5)}.post-content td{border-bottom:1px solid var(--color-gray-200);color:var(--color-text);line-height:1.6}.post-content tr:last-child td{border-bottom:none}.post-content tbody tr:nth-child(2n){background:var(--color-gray-50)}.post-content tbody tr{transition:background-color .2s ease}.post-content tbody tr:hover{background:var(--color-primary-50)}.post-content tbody td:first-child{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.post-content table.centered td,.post-content table.centered th{text-align:center}.post-content table.compact td,.post-content table.compact th{padding:var(--space-2) var(--space-3)}[data-theme=dark] .post-content table{background:var(--color-gray-800);box-shadow:0 4px 6px -1px rgba(0,0,0,.3)}[data-theme=dark] .post-content th{background:linear-gradient(135deg,var(--color-primary-700),var(--color-primary-800));border-bottom-color:var(--color-primary-800)}[data-theme=dark] .post-content td{border-bottom-color:var(--color-gray-700);color:var(--color-gray-200)}[data-theme=dark] .post-content tbody tr:nth-child(2n){background:var(--color-gray-750)}[data-theme=dark] .post-content tbody tr:hover{background:var(--color-primary-900)}[data-theme=dark] .post-content tbody td:first-child{color:var(--color-gray-100)}@media (max-width:640px){.post-content table{display:block;overflow-x:auto;white-space:nowrap}.post-content td,.post-content th{padding:var(--space-3) var(--space-4);font-size:var(--font-size-xs)}}.post-content table:focus-within{outline:2px solid var(--color-primary);outline-offset:4px}.post-content table caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.post-content table.comparison th:first-child{background:var(--color-gray-600)}.post-content table.comparison td:first-child{background:var(--color-gray-100);font-weight:var(--font-weight-semibold)}[data-theme=dark] .post-content table.comparison td:first-child{background:var(--color-gray-700)}.post-content table.pricing th{background:linear-gradient(135deg,var(--color-success-600),var(--color-success-700))}.post-content table.pricing td.price{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-success-600)}.post-content .video-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:var(--space-8) 0;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px rgba(0,0,0,.1);background:var(--color-gray-900)}.post-content .video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.post-content .codepen-embed{margin:var(--space-8) 0;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.post-content .codepen-embed iframe{width:100%;height:500px;border:0}.post-content .twitter-tweet{margin:var(--space-8) auto!important;max-width:550px}@media (max-width:640px){.post-content .codepen-embed iframe{height:400px}}[data-theme=dark] .post-content .video-embed{box-shadow:0 4px 6px -1px rgba(0,0,0,.3)}.post-content .callout{display:flex;gap:var(--space-4);padding:var(--space-5);margin:var(--space-6) 0;border-radius:var(--radius-lg);border-left:4px solid;box-shadow:0 2px 4px rgba(0,0,0,.05)}.post-content .callout-icon{flex-shrink:0;font-size:var(--font-size-2xl);line-height:1}.post-content .callout-content{flex:1;font-size:var(--font-size-sm);line-height:1.6}.post-content .callout-info{background:var(--color-blue-50);border-left-color:var(--color-blue-600)}.post-content .callout-info .callout-content{color:var(--color-blue-900)}.post-content .callout-warning{background:var(--color-yellow-50);border-left-color:var(--color-yellow-600)}.post-content .callout-warning .callout-content{color:var(--color-yellow-900)}.post-content .callout-success{background:var(--color-green-50);border-left-color:var(--color-green-600)}.post-content .callout-success .callout-content{color:var(--color-green-900)}.post-content .callout-danger{background:var(--color-red-50);border-left-color:var(--color-red-600)}.post-content .callout-danger .callout-content{color:var(--color-red-900)}[data-theme=dark] .post-content .callout-info{background:var(--color-blue-900);border-left-color:var(--color-blue-400)}[data-theme=dark] .post-content .callout-info .callout-content{color:var(--color-blue-100)}[data-theme=dark] .post-content .callout-warning{background:var(--color-yellow-900);border-left-color:var(--color-yellow-400)}[data-theme=dark] .post-content .callout-warning .callout-content{color:var(--color-yellow-100)}[data-theme=dark] .post-content .callout-success{background:var(--color-green-900);border-left-color:var(--color-green-400)}[data-theme=dark] .post-content .callout-success .callout-content{color:var(--color-green-100)}[data-theme=dark] .post-content .callout-danger{background:var(--color-red-900);border-left-color:var(--color-red-400)}[data-theme=dark] .post-content .callout-danger .callout-content{color:var(--color-red-100)}@media (max-width:640px){.post-content .callout{padding:var(--space-4);gap:var(--space-3)}.post-content .callout-icon{font-size:var(--font-size-xl)}}.lightbox-overlay{display:none}.lightbox-overlay.active{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.95);z-index:9999;opacity:0;transition:opacity .3s ease;opacity:1}.lightbox-content,.lightbox-overlay.active{display:flex;align-items:center;justify-content:center}.lightbox-content{position:relative;max-width:90vw;max-height:90vh}.lightbox-image{max-width:100%;max-height:90vh;object-fit:contain;border-radius:var(--radius-lg);box-shadow:0 20px 60px rgba(0,0,0,.5);animation:d .3s ease}@keyframes d{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);color:#fff;width:var(--w-12);height:var(--h-12);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10001}.lightbox-nav:hover{background:hsla(0,0%,100%,.2);transform:translateY(-50%) scale(1.1)}.lightbox-nav.prev{left:var(--space-8)}.lightbox-nav.next{right:var(--space-8)}.lightbox-nav svg{width:var(--w-6);height:var(--h-6);stroke:#fff;stroke-width:3}.lightbox-close{position:fixed;top:var(--space-8);right:var(--space-8);background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);color:#fff;width:var(--w-12);height:var(--h-12);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10001}.lightbox-close:hover{background:hsla(0,0%,100%,.2);transform:rotate(90deg) scale(1.1)}.lightbox-close svg{width:var(--w-6);height:var(--h-6);stroke:#fff;stroke-width:3}.lightbox-counter{bottom:var(--space-8);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-weight:var(--font-weight-medium)}.lightbox-caption,.lightbox-counter{position:fixed;left:50%;transform:translateX(-50%);backdrop-filter:blur(10px);color:#fff;font-size:var(--font-size-sm);z-index:10001}.lightbox-caption{bottom:var(--space-20);background:rgba(0,0,0,.7);padding:var(--space-4) var(--space-8);border-radius:var(--radius-lg);max-width:80vw;text-align:center}.post-content img{cursor:zoom-in;transition:transform .3s ease,box-shadow .3s ease}.post-content img:hover{transform:scale(1.02);box-shadow:0 8px 20px rgba(0,0,0,.15)}@media (max-width:768px){.lightbox-nav{width:var(--w-10);height:var(--h-10)}.lightbox-nav svg{width:var(--w-5);height:var(--h-5)}.lightbox-nav.prev{left:var(--space-4)}.lightbox-close,.lightbox-nav.next{right:var(--space-4)}.lightbox-close{width:var(--w-10);height:var(--h-10);top:var(--space-4)}.lightbox-close svg{width:var(--w-5);height:var(--h-5)}.lightbox-counter{bottom:var(--space-4);font-size:var(--font-size-xs);padding:var(--space-2) var(--space-4)}.lightbox-caption{bottom:var(--space-12);font-size:var(--font-size-xs);padding:var(--space-3) var(--space-6);max-width:90vw}}body.lightbox-open{overflow:hidden}.author-bio{background:linear-gradient(135deg,var(--color-gray-50),var(--color-gray-100));border-radius:var(--radius-xl);padding:var(--space-10);margin:var(--space-12) auto;max-width:1050px;border:1px solid var(--color-border-primary);box-shadow:0 4px 12px rgba(0,0,0,.05)}[data-theme=dark] .author-bio{background:linear-gradient(135deg,var(--color-gray-800),var(--color-gray-700));border-color:var(--color-gray-600);box-shadow:0 4px 12px rgba(0,0,0,.2)}.author-bio h3{color:var(--color-primary-900);font-size:var(--font-xl);margin-bottom:var(--space-4)}[data-theme=dark] .author-bio h3{color:var(--color-gray-100)}.author-bio p{color:var(--color-gray-600);margin-bottom:var(--space-6)}[data-theme=dark] .author-bio p{color:var(--color-gray-300)}.author-links{display:flex;gap:var(--space-4);flex-wrap:wrap}.author-links a{background:var(--color-primary-600);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);text-decoration:none;font-weight:var(--font-weight-medium);transition:background var(--duration-fast)}.author-links a:hover{background:var(--color-primary-700)}.reading-progress{position:fixed;top:0;left:0;width:100%;height:4px;background:hsla(0,0%,100%,.1);z-index:1001;backdrop-filter:blur(10px)}.reading-progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-700));width:0;transition:width var(--duration-slow) ease;box-shadow:0 0 10px rgba(102,126,234,.5)}[data-theme=dark] .reading-progress{background:rgba(15,23,42,.8)}[data-theme=dark] .reading-progress-bar{background:linear-gradient(90deg,var(--color-primary-400),var(--color-primary-500));box-shadow:0 0 10px rgba(96,165,250,.5)}.post-navigation{display:flex;justify-content:space-between;align-items:center;padding:var(--space-10) 0 var(--space-8);border-top:1px solid var(--color-border-primary);margin:var(--space-12) auto 0;max-width:1050px;position:relative;background:linear-gradient(135deg,var(--color-white),var(--color-gray-50));border-radius:var(--radius-lg);margin-top:var(--space-12);padding:var(--space-8) var(--space-10);box-shadow:0 2px 8px rgba(0,0,0,.04)}.post-navigation:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-600),var(--color-automation));border-radius:var(--radius-lg) var(--radius-lg) 0 0}.back-to-blog{display:inline-flex;align-items:center;gap:var(--space-2);background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;text-decoration:none;font-weight:var(--font-weight-semibold);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);transition:var(--transition-all);box-shadow:0 4px 6px -1px rgba(59,130,246,.3);position:relative;overflow:hidden}.back-to-blog:before{content:"←";font-size:1.2rem;transition:transform .3s ease}.back-to-blog:hover{transform:translateY(-2px);box-shadow:0 8px 15px -3px rgba(59,130,246,.4);text-decoration:none}.back-to-blog:hover:before{transform:translateX(-3px)}.back-to-blog:active{transform:translateY(0)}.share-post{display:flex;align-items:center;gap:var(--space-4)}.share-post span{color:var(--color-gray-500);font-weight:var(--font-weight-medium);margin-right:var(--space-2)}.share-icons{display:flex;align-items:center;gap:var(--space-3)}.share-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);border-radius:50%;text-decoration:none;transition:var(--transition-all);border:none;cursor:pointer;background:transparent}.share-icon svg{width:var(--space-4);height:var(--space-4)}.share-icon.x-twitter{background:#000;color:#fff}.share-icon.x-twitter:hover{background:#1a1a1a;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.4)}.share-icon.linkedin{background:#0077b5;color:#fff}.share-icon.linkedin:hover{background:#006999;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,119,181,.4)}.share-icon.facebook{background:#1877f2;color:#fff}.share-icon.facebook:hover{background:#166fe5;transform:translateY(-2px);box-shadow:0 4px 12px rgba(24,119,242,.4)}.share-icon.reddit{background:#ff4500;color:#fff}.share-icon.reddit:hover{background:#e03d00;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,69,0,.4)}.share-icon.email{background:#34d399;color:#fff}.share-icon.email:hover{background:#10b981;transform:translateY(-2px);box-shadow:0 4px 12px rgba(52,211,153,.4)}.share-icon.copy-link{background:#6b7280;color:#fff}.share-icon.copy-link:hover{background:#4b5563;transform:translateY(-2px);box-shadow:0 4px 12px hsla(220,9%,46%,.4)}[data-theme=dark] .post-navigation{background:linear-gradient(135deg,var(--color-gray-800),var(--color-gray-900));border-color:var(--color-gray-700);box-shadow:0 2px 8px rgba(0,0,0,.2)}[data-theme=dark] .share-post span{color:var(--color-gray-400)}@media (max-width:768px){.post-navigation{flex-direction:column;align-items:center;gap:var(--space-5);padding:var(--space-6);margin:var(--space-8) var(--space-3)}.back-to-blog{width:100%;justify-content:center;padding:var(--space-3) var(--space-5);font-size:var(--font-sm)}.share-post{flex-direction:column;align-items:center;gap:var(--space-3)}.share-post span{margin-right:0;font-size:var(--font-sm)}.share-icons{gap:var(--space-3)}.share-icon{width:var(--space-8);height:var(--space-8)}.share-icon svg{width:var(--font-base);height:var(--font-base)}}.related-articles,.smart-related-articles{margin:var(--space-16) var(--space-4);position:relative}.related-articles h3,.smart-related-articles h3{font-size:var(--font-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-6);text-align:left}[data-theme=dark] .related-articles h3,[data-theme=dark] .smart-related-articles h3{color:var(--color-gray-50)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-top:var(--space-6);padding:0}@media (max-width:1024px){.related-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-5)}}@media (max-width:640px){.related-grid{grid-template-columns:1fr;gap:var(--space-4)}}.related-post{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);transition:all .4s var(--ease-in-out);position:relative;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.05)}.related-post:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1)}[data-theme=dark] .related-post{background:var(--color-gray-800);border-color:var(--color-gray-700)}.related-post-link{display:flex;flex-direction:column;height:100%}.related-post-link,.related-post-link:hover{text-decoration:none;color:inherit}.related-post-image{width:100%;aspect-ratio:16/9;overflow:hidden}.related-post-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease-in-out)}.related-post:hover .related-post-image img{transform:scale(1.05)}.related-post-body{padding:var(--space-5);flex:1;display:flex;flex-direction:column}.related-post:not(.has-image) .related-post-link{padding:var(--space-6)}.related-post h4{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3);line-height:var(--line-height-tight)}[data-theme=dark] .related-post h4{color:var(--color-gray-100)}.related-post p{color:var(--color-text-secondary);font-size:var(--font-sm);line-height:var(--line-height-relaxed);margin:0;display:-webkit-box;-webkit-line-clamp:3;overflow:hidden}[data-theme=dark] .related-post p{color:var(--color-gray-300)}.related-post .post-meta,.related-post .related-post-meta{font-size:var(--post-meta-font-size);color:var(--post-meta-color);margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--color-border-primary)}[data-theme=dark] .related-post .post-meta,[data-theme=dark] .related-post .related-post-meta{color:var(--post-meta-color-dark);border-color:var(--color-gray-700)}@media (max-width:768px){.related-post:not(.has-image) .related-post-link{padding:var(--space-5)}.related-post-body{padding:var(--space-4)}.related-post h4{font-size:var(--font-base)}.related-post p{font-size:var(--font-sm)}.related-articles{margin:var(--space-12) var(--space-2);padding:var(--space-8) var(--space-4);border-radius:var(--radius-xl)}}.faq-section{contain:layout style paint;isolation:isolate;background:linear-gradient(135deg,var(--color-gray-50),var(--color-surface));border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-8);margin:var(--space-12) 0;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}[data-theme=dark] .faq-section{background:linear-gradient(135deg,var(--color-gray-900),var(--color-gray-800));border-color:var(--color-gray-700)}.faq-section h2{display:flex;align-items:center;gap:var(--space-3);font-size:1.5rem;color:var(--color-gray-900);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--color-primary-500)}[data-theme=dark] .faq-section h2{color:var(--color-gray-100);border-bottom-color:var(--color-primary-400)}.faq-section .faq-item{background:var(--color-surface);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);margin:var(--space-3) 0;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.05)}.faq-section .faq-item:hover{border-color:var(--color-primary-300);box-shadow:0 4px 12px rgba(59,130,246,.12);transform:translateY(-1px)}[data-theme=dark] .faq-section .faq-item{background:var(--color-gray-800);border-color:var(--color-gray-700)}.faq-section .faq-item strong:first-child{display:block;font-size:1.1rem;font-weight:var(--font-weight-semibold);color:var(--color-primary-700);margin-bottom:var(--space-3);line-height:1.4}[data-theme=dark] .faq-section .faq-item strong:first-child{color:var(--color-primary-400)}.post-content .faq-item{padding:var(--space-4) var(--space-6);margin:var(--space-4) 0;background:var(--color-gray-50);border-left:4px solid var(--color-primary-500);border-radius:var(--radius-md);box-shadow:0 2px 4px rgba(0,0,0,.1)}[data-theme=dark] .post-content .faq-item{background:var(--color-gray-800);border-left-color:var(--color-primary-400)}@media (max-width:640px){.faq-section{padding:var(--space-5);margin:var(--space-8) 0}.faq-section .faq-item{padding:var(--space-4)}}@media (min-width:1024px){.faq-section{box-shadow:0 8px 25px rgba(0,0,0,.08);transition:box-shadow .2s ease}.faq-section:hover{box-shadow:0 12px 30px rgba(0,0,0,.1)}}.blog-index-container{max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-4)}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6);margin-top:var(--space-8)}@media (max-width:768px){.category-grid{grid-template-columns:1fr;gap:var(--space-4)}}.empty-state{display:flex;align-items:center;justify-content:center;min-height:400px;padding:var(--space-8)}.empty-state-content{text-align:center;max-width:400px}.empty-state-content h3{font-size:var(--font-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4)}.empty-state-content p{font-size:var(--font-lg);color:var(--color-text-secondary);margin-bottom:var(--space-6);line-height:var(--line-height-relaxed)}.blog-index-loading{display:flex;justify-content:center;align-items:center;padding:var(--space-16)}.blog-index-loading:after{content:"";width:var(--space-8);height:var(--space-8);border:2px solid var(--color-gray-200);border-top:2px solid var(--color-primary-500);border-radius:50%;animation:e 1s linear infinite}@keyframes e{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.blog-index-empty{text-align:center;padding:var(--space-16);color:var(--color-text-secondary)}.blog-index-empty h3{font-size:var(--font-xl);color:var(--color-text-primary);margin-bottom:var(--space-4)}[data-theme=dark] .blog-index-empty h3{color:var(--color-gray-100)}.pagination{max-width:var(--container-lg);margin:var(--space-12) auto var(--space-8);padding:0 var(--space-8)}.pagination-info{display:none!important}.pagination-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-4)}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-bg-primary);color:var(--color-text-secondary);text-decoration:none;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);transition:var(--transition-all)}.pagination-btn:hover:not(.disabled){background:var(--color-bg-secondary);border-color:var(--color-border-secondary);color:var(--color-text-primary)}.pagination-btn.disabled{opacity:.5;cursor:not-allowed;color:var(--color-text-muted)}.pagination-btn svg{width:16px;height:16px;flex-shrink:0}[data-theme=dark] .pagination-btn{background:var(--color-gray-800);color:var(--color-gray-300);border-color:var(--color-gray-600)}[data-theme=dark] .pagination-btn:hover:not(.disabled){background:var(--color-gray-700);border-color:var(--color-gray-500);color:var(--color-gray-100)}[data-theme=dark] .pagination-btn.disabled{color:var(--color-gray-500)}.pagination-numbers{display:flex;gap:var(--space-1);flex:1}.pagination-number,.pagination-numbers{align-items:center;justify-content:center}.pagination-number{display:inline-flex;width:40px;height:40px;background:var(--color-bg-primary);color:var(--color-text-secondary);text-decoration:none;border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:var(--font-weight-medium);transition:var(--transition-all)}.pagination-number:hover{background:var(--color-bg-secondary);border-color:var(--color-border-secondary)}.pagination-number.current{background:var(--color-primary-500);color:var(--color-white);border-color:var(--color-primary-500)}[data-theme=dark] .pagination-number{background:var(--color-gray-800);color:var(--color-gray-300);border-color:var(--color-gray-600)}[data-theme=dark] .pagination-number:hover{background:var(--color-gray-700);border-color:var(--color-gray-500)}[data-theme=dark] .pagination-number.current{background:var(--color-primary-400);color:var(--color-gray-900);border-color:var(--color-primary-400)}.pagination-dots{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color-text-muted);font-weight:var(--font-weight-medium);user-select:none}[data-theme=dark] .pagination-dots{color:var(--color-gray-500)}.back-button-bottom{margin-top:var(--space-12);text-align:center}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-sm);font-weight:var(--font-weight-medium);transition:var(--transition-colors);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:rgba(100,116,139,.1)}.back-link:hover{color:var(--color-primary-500);background:rgba(59,130,246,.1);transform:translateX(-3px)}.back-link svg{width:16px;height:16px;transition:var(--transition-transform)}.back-link:hover svg{transform:translateX(-3px)}[data-theme=dark] .back-link{color:var(--color-gray-400);background:rgba(148,163,184,.1)}[data-theme=dark] .back-link:hover{color:var(--color-primary-400);background:rgba(96,165,250,.1)}@media (max-width:768px){.pagination{margin:var(--space-8) auto var(--space-4);padding:0 var(--space-4)}.pagination-btn,.pagination-number{width:36px;height:36px}.pagination-number{font-size:var(--font-xs)}.pagination-dots{width:36px;height:36px}}@media (max-width:480px){.pagination{margin:var(--space-6) auto var(--space-3);padding:0 var(--space-3)}.pagination-btn{width:32px;height:32px}.pagination-numbers{gap:var(--space-1)}.pagination-number{font-size:var(--font-xs)}.pagination-dots,.pagination-number{width:32px;height:32px}.pagination-btn svg{width:14px;height:14px}}