:root{--color-primary:#2563eb;--color-primary-dark:#1d4ed8;--color-secondary:#64748b;--color-accent:#f59e0b;--color-background:#ffffff;--color-background-alt:#f8fafc;--color-background-dark:#0f172a;--color-text:#1e293b;--color-text-light:#64748b;--color-text-inverse:#ffffff;--color-border:#e2e8f0;--color-success:#10b981;--color-error:#ef4444;--font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--border-radius:0.5rem;--border-radius-lg:0.75rem;--border-radius-xl:1rem;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--transition-base:all 0.2s ease-in-out;--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal:1040;--z-popover:1050;--z-tooltip:1060}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);font-weight:var(--font-weight-normal);line-height:1.6;color:var(--color-text);background-color:var(--color-background);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:clamp(2.25rem,5vw,3.5rem)}h2{font-size:clamp(1.875rem,4vw,2.5rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{margin-bottom:var(--spacing-md)}a{color:var(--color-primary);text-decoration:none;transition:var(--transition-base)}a:hover{color:var(--color-primary-dark)}img,video{max-width:100%;height:auto;display:block}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.section-padding{padding:var(--spacing-3xl) 0}.text-center{text-align:center}.header{position:fixed;top:0;left:0;width:100%;background-color:rgba(255,255,255,0.95);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);z-index:var(--z-fixed);transition:var(--transition-base)}.header.scrolled{box-shadow:var(--shadow-md)}.header .container{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md)}.logo img{height:32px;width:auto}.nav-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:var(--spacing-sm)}.nav-toggle span{width:25px;height:3px;background-color:var(--color-text);margin:2px 0;transition:var(--transition-base)}.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.nav-menu{display:flex;list-style:none;align-items:center;gap:var(--spacing-xl)}.nav-menu a{color:var(--color-text);font-weight:var(--font-weight-medium)}.nav-menu a:hover{color:var(--color-primary)}.nav-cta{margin-left:var(--spacing-md)}.language-switcher{display:flex;align-items:center;gap:var(--spacing-sm);margin-left:var(--spacing-lg)}.language-switcher a,.language-switcher span{font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius)}.language-switcher span[aria-current="true"]{background-color:var(--color-primary);color:var(--color-text-inverse)}.footer{background-color:var(--color-background-dark);color:var(--color-text-inverse);padding:var(--spacing-3xl) 0 var(--spacing-xl)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.footer-brand p{color:var(--color-text-light);margin-bottom:var(--spacing-md)}.footer-nav h3{color:var(--color-text-inverse);margin-bottom:var(--spacing-md)}.footer-nav ul{list-style:none}.footer-nav li{margin-bottom:var(--spacing-sm)}.footer-nav a{color:var(--color-text-light)}.footer-nav a:hover{color:var(--color-text-inverse)}.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:var(--spacing-xl)}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.affiliation-badge{margin-top:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm);background-color:rgba(255,255,255,0.1);border-radius:var(--border-radius);display:inline-block}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius);font-weight:var(--font-weight-medium);text-align:center;transition:var(--transition-base);border:none;cursor:pointer;line-height:1.5}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover{background-color:var(--color-primary-dark);color:var(--color-text-inverse);transform:translateY(-2px)}.btn-secondary{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-secondary:hover{background-color:var(--color-primary);color:var(--color-text-inverse);transform:translateY(-2px)}.btn-large{padding:var(--spacing-md) var(--spacing-xl);font-size:1.125rem}.feature-card{background-color:var(--color-background);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);transition:var(--transition-base);height:100%}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.feature-icon{margin-bottom:var(--spacing-md);background-color:var(--color-background-alt);width:64px;height:64px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center}.feature-icon img{width:48px;height:48px}.pricing-card{background-color:var(--color-background);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);transition:var(--transition-base);position:relative;height:100%}.pricing-card.featured{border:2px solid var(--color-primary);transform:scale(1.05)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background-color:var(--color-accent);color:var(--color-text-inverse);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius);font-size:0.875rem;font-weight:var(--font-weight-bold)}.price{font-size:2.5rem;font-weight:var(--font-weight-bold);color:var(--color-text);margin:var(--spacing-md) 0}.price span{font-size:1rem;color:var(--color-text-light)}.features-list{list-style:none;margin:var(--spacing-lg) 0}.features-list li{margin-bottom:var(--spacing-sm);padding-left:var(--spacing-md);position:relative}.features-list li::before{content:"✓";position:absolute;left:0;color:var(--color-success)}.use-case{background-color:var(--color-background);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:var(--transition-base)}.use-case:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.use-case-image{overflow:hidden}.use-case-image img{width:100%;height:200px;object-fit:cover;transition:var(--transition-smooth)}.use-case:hover .use-case-image img{transform:scale(1.05)}.use-case h3{padding:0 var(--spacing-lg);margin-top:var(--spacing-lg)}.use-case p{padding:0 var(--spacing-lg) var(--spacing-lg)}.faq-list{max-width:800px;margin:0 auto}.faq-item{border-bottom:1px solid var(--color-border)}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) 0;background:none;border:none;text-align:left;font-weight:var(--font-weight-semibold);font-size:1.125rem;cursor:pointer;transition:var(--transition-base)}.faq-question:hover{color:var(--color-primary)}.faq-icon{position:relative;width:20px;height:20px;flex-shrink:0;margin-left:var(--spacing-md)}.faq-icon::before,.faq-icon::after{content:'';position:absolute;background-color:currentColor;transition:var(--transition-base)}.faq-icon::before{width:100%;height:2px;top:9px;left:0}.faq-icon::after{width:2px;height:100%;top:0;left:9px}.faq-question[aria-expanded="true"] .faq-icon::after{transform:rotate(90deg);opacity:0}.faq-answer{padding-bottom:var(--spacing-lg);display:none}.faq-question[aria-expanded="true"] + .faaq-answer{display:block}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-medium)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius);font-family:inherit;font-size:inherit;transition:var(--transition-base)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(37,99,235,0.1)}.honeypot{position:absolute;left:-9999px}.newsletter-form{display:flex;gap:var(--spacing-md);max-width:500px;margin:var(--spacing-lg) auto}.newsletter-form input{flex:1}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background-color:var(--color-background-dark);color:var(--color-text-inverse);padding:var(--spacing-md);box-shadow:var(--shadow-lg);z-index:var(--z-modal)}.cookie-content{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-md);max-width:1200px;margin:0 auto}.cookie-buttons{display:flex;gap:var(--spacing-md)}.cookie-btn{padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--color-text-inverse);border-radius:var(--border-radius);background:none;color:var(--color-text-inverse);cursor:pointer;transition:var(--transition-base)}.cookie-btn.accept{background-color:var(--color-primary);border-color:var(--color-primary)}.cookie-btn.accept:hover{background-color:var(--color-primary-dark)}.language-banner{position:fixed;top:0;left:0;right:0;background-color:var(--color-accent);color:var(--color-text);padding:var(--spacing-sm);text-align:center;z-index:var(--z-tooltip)}.language-content{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md)}.dismiss-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:0 var(--spacing-xs)}.youtube-lite{position:relative;display:block;cursor:pointer;background-color:#000;overflow:hidden;border-radius:var(--border-radius-lg)}.youtube-thumbnail{width:100%;height:auto;object-fit:cover;opacity:0.85;transition:var(--transition-base)}.youtube-lite:hover .youtube-thumbnail{opacity:1}.youtube-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:48px;background-color:#212121;background-color:rgba(33,33,33,0.8);border-radius:16px;transition:var(--transition-base)}.youtube-play-button::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-40%,-50%);border-style:solid;border-width:10px 0 10px 20px;border-color:transparent transparent transparent #fff}.youtube-lite:hover .youtube-play-button{background-color:#f00;background-color:rgba(255,0,0,0.8)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:80px;overflow:hidden}.hero-video-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.hero-video{width:100%;height:100%;object-fit:cover}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,0.3),rgba(0,0,0,0.7))}.hero-content{color:var(--color-text-inverse);text-align:center;max-width:800px;margin:0 auto}.hero-subtitle{font-size:1.25rem;margin-bottom:var(--spacing-2xl);opacity:0.9}.hero-cta{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.scroll-indicator{position:absolute;bottom:var(--spacing-xl);left:50%;transform:translateX(-50%)}.scroll-indicator span{display:block;width:2px;height:30px;background-color:var(--color-text-inverse);position:relative;animation:scrollIndicator 2s infinite}@keyframes scrollIndicator{0%{height:0;opacity:0}50%{height:30px;opacity:1}100%{height:0;opacity:0;transform:translateY(20px)}}.intro-content{text-align:center;max-width:800px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.stat{text-align:center}.stat-number{display:block;font-size:2.5rem;font-weight:var(--font-weight-bold);color:var(--color-primary);line-height:1;margin-bottom:var(--spacing-xs)}.stat-label{font-size:0.875rem;color:var(--color-text-light);text-transform:uppercase;letter-spacing:0.05em}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);margin:var(--spacing-2xl) 0}.features-cta{text-align:center;margin-top:var(--spacing-xl)}.demo-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center;margin-top:var(--spacing-2xl)}.demo-features{list-style:none;margin:var(--spacing-lg) 0}.demo-features li{margin-bottom:var(--spacing-sm);padding-left:var(--spacing-lg);position:relative}.demo-features li::before{content:"•";position:absolute;left:0;color:var(--color-primary);font-weight:var(--font-weight-bold)}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-2xl);margin-top:var(--spacing-2xl)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-2xl);margin:var(--spacing-2xl) 0}.pricing-note{text-align:center;color:var(--color-text-light);font-size:0.875rem}.faq-cta{text-align:center;margin-top:var(--spacing-2xl)}.cta{background-color:var(--color-background-alt);text-align:center}.cta-content{max-width:600px;margin:0 auto}.newsletter{background-color:var(--color-background-alt);text-align:center}.newsletter-content{max-width:600px;margin:0 auto}.newsletter-note{font-size:0.875rem;color:var(--color-text-light);margin-top:var(--spacing-md)}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn 0.6s ease-out forwards}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary);color:var(--color-text-inverse);padding:var(--spacing-sm) var(--spacing-md);z-index:var(--z-popover);transition:top 0.2s}.skip-link:focus{top:0}@media (max-width:1024px){.demo-container{grid-template-columns:1fr;text-align:center}.demo-content{order:2}.demo-video{order:1}}@media (max-width:768px){:root{--spacing-3xl:3rem}.nav-toggle{display:flex}.nav-menu{position:fixed;top:80px;left:0;width:100%;height:calc(100vh - 80px);background-color:var(--color-background);flex-direction:column;justify-content:flex-start;padding:var(--spacing-2xl);transform:translateX(-100%);transition:var(--transition-smooth);z-index:var(--z-fixed);overflow-y:auto}.nav-menu[aria-expanded="true"]{transform:translateX(0)}.nav-cta{margin-left:0;margin-top:var(--spacing-md)}.language-switcher{margin-left:0}.footer-bottom-content{flex-direction:column;text-align:center}.hero-cta{flex-direction:column;align-items:center}.newsletter-form{flex-direction:column}.cookie-content{flex-direction:column;text-align:center}.cookie-buttons{justify-content:center}}@media (max-width:480px){:root{--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:2.5rem}.hero{min-height:80vh}.stats-grid{grid-template-columns:repeat(2,1fr)}.features-grid,.use-cases-grid,.pricing-grid{grid-template-columns:1fr}.language-content{flex-direction:column;gap:var(--spacing-sm)}}:root{--color-primary:#2563eb;--color-primary-dark:#1d4ed8;--color-secondary:#64748b;--color-accent:#f59e0b;--color-background:#ffffff;--color-background-alt:#f8fafc;--color-background-dark:#0f172a;--color-text:#1e293b;--color-text-light:#64748b;--color-text-inverse:#ffffff;--color-border:#e2e8f0;--color-success:#10b981;--color-error:#ef4444;--font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--border-radius:0.5rem;--border-radius-lg:0.75rem;--border-radius-xl:1rem;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--transition-base:all 0.2s ease-in-out;--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);font-weight:var(--font-weight-normal);line-height:1.6;color:var(--color-text);background-color:var(--color-background);overflow-x:hidden}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.header{position:fixed;top:0;left:0;width:100%;background-color:rgba(255,255,255,0.95);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);z-index:1000;transition:var(--transition-base)}.header .container{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md)}.nav-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:var(--spacing-sm)}.nav-toggle span{width:25px;height:3px;background-color:var(--color-text);margin:2px 0;transition:var(--transition-base)}.nav-menu{display:flex;list-style:none;align-items:center;gap:var(--spacing-xl);margin:0;padding:0}.footer{background-color:var(--color-background-dark);color:var(--color-text-inverse);padding:var(--spacing-3xl) 0 var(--spacing-xl)}@media (max-width:768px){.nav-toggle{display:flex}.nav-menu{position:fixed;top:80px;left:0;width:100%;height:calc(100vh - 80px);background-color:var(--color-background);flex-direction:column;justify-content:flex-start;padding:var(--spacing-2xl);transform:translateX(-100%);transition:var(--transition-smooth);z-index:1000}.nav-menu[aria-expanded="true"]{transform:translateX(0)}}img{max-width:100%;height:auto;display:block}body{overflow-x:hidden}a{color:var(--color-primary);text-decoration:none;transition:var(--transition-base)}a:hover{color:var(--color-primary-dark)}section{padding:var(--spacing-3xl) 0}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:80px;overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius);font-weight:var(--font-weight-medium);text-align:center;transition:var(--transition-base);border:none;cursor:pointer}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover{background-color:var(--color-primary-dark);color:var(--color-text-inverse);transform:translateY(-2px)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.section-padding{padding:var(--spacing-3xl) 0}.text-center{text-align:center}video{width:100%;height:auto}@media (max-width:480px){:root{--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:2.5rem}.hero{min-height:80vh}}
.site-header{position:sticky;top:0;background:rgba(15,23,42,.9);backdrop-filter:blur(12px);border-bottom:1px solid rgba(226,232,240,.15);box-shadow:0 12px 30px rgba(0,0,0,.08);z-index:var(--z-sticky)}.site-header .header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);padding:var(--spacing-md) 0}.site-header .brand img{height:36px;width:auto}.site-header .nav ul{list-style:none;display:flex;align-items:center;gap:var(--spacing-lg);margin:0;padding:0}.site-header .nav a,.site-header .nav strong{color:var(--color-text-inverse);font-weight:var(--font-weight-medium)}.site-header .nav a:hover{color:#ffffff}.site-header .nav .lang{color:rgba(255,255,255,.8);font-size:.95rem}.site-header .nav .lang a{color:var(--color-text-inverse)}.site-header .nav .lang a:hover{color:#ffffff}body.blog-hub{background:radial-gradient(circle at 12% 20%,rgba(37,99,235,.06),transparent 28%),radial-gradient(circle at 88% 10%,rgba(245,158,11,.07),transparent 26%),var(--color-background)}body.blog-hub main{padding:var(--spacing-2xl) 0 var(--spacing-3xl)}body.blog-hub section{padding:var(--spacing-xl) 0}body.blog-hub .hero{position:relative;min-height:auto;margin-top:var(--spacing-xl);padding:clamp(2rem,3vw,3rem);background:linear-gradient(135deg,#0f172a,#111827);color:var(--color-text-inverse);border-radius:var(--border-radius-xl);border:1px solid rgba(226,232,240,.08);box-shadow:var(--shadow-xl);overflow:hidden}body.blog-hub .hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 10%,rgba(37,99,235,.25),transparent 35%),radial-gradient(circle at 80% 20%,rgba(245,158,11,.22),transparent 30%);opacity:.9;pointer-events:none}body.blog-hub .hero>*{position:relative;z-index:1}body.blog-hub .hero h1{margin-bottom:var(--spacing-sm)}body.blog-hub .hero .lead{max-width:760px;color:rgba(255,255,255,.85);font-size:1.1rem}body.blog-hub .intro,body.blog-hub .content-block,body.blog-hub .faq{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);padding:clamp(1.5rem,2vw,2rem);box-shadow:var(--shadow-lg)}body.blog-hub .intro ul,body.blog-hub .content-block ul{padding-left:var(--spacing-lg);display:grid;gap:var(--spacing-sm)}body.blog-hub .intro ul{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}body.blog-hub .posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-xl);margin:var(--spacing-2xl) 0}body.blog-hub .card{background:linear-gradient(180deg,#ffffff,#f8fafc);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-md);height:100%;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}body.blog-hub .card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(37,99,235,.08),transparent 40%),radial-gradient(circle at 80% 0%,rgba(245,158,11,.12),transparent 42%);opacity:0;transition:opacity .2s ease;pointer-events:none}body.blog-hub .card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:rgba(37,99,235,.25)}body.blog-hub .card:hover::before{opacity:1}body.blog-hub .card h2{position:relative;margin-bottom:var(--spacing-sm)}body.blog-hub .card h2 a{color:var(--color-text)}body.blog-hub .card h2 a:hover{color:var(--color-primary-dark)}body.blog-hub .card p{margin-bottom:var(--spacing-sm)}body.blog-hub .card .meta{font-size:.95rem;color:var(--color-text-light)}body.blog-hub .content-block h2{margin-bottom:var(--spacing-sm)}body.blog-hub .faq h3{margin-top:var(--spacing-md)}@media (max-width:768px){.site-header .header-inner{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.site-header .nav ul{flex-wrap:wrap;gap:var(--spacing-sm)}body.blog-hub main{padding-top:var(--spacing-xl)}body.blog-hub .hero{margin-top:var(--spacing-lg)}}
body.blog-article{background:radial-gradient(circle at 12% 18%,rgba(37,99,235,.05),transparent 32%),radial-gradient(circle at 86% 12%,rgba(245,158,11,.07),transparent 30%),var(--color-background)}.blog-article main.article{max-width:960px;padding:clamp(1.75rem,2.5vw,2.75rem);margin:var(--spacing-2xl) auto var(--spacing-3xl);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl)}.blog-article .article-date{text-transform:uppercase;letter-spacing:.08em;font-weight:var(--font-weight-semibold);color:var(--color-text-light);margin-bottom:var(--spacing-sm);display:inline-block}.blog-article h1{margin-bottom:var(--spacing-md)}.blog-article .intro{font-size:1.1rem;color:var(--color-text)}.blog-article .note{background-color:var(--color-background-alt);border-left:4px solid var(--color-primary);padding:var(--spacing-md);border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.blog-article h2{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-sm)}.blog-article ul,.blog-article ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg);display:grid;gap:var(--spacing-sm)}.blog-article ul{list-style:disc}.blog-article ol{list-style:decimal}.blog-article code{background:var(--color-background-alt);padding:.15rem .35rem;border-radius:var(--border-radius);font-size:.95em}.blog-article pre{background:#0f172a;color:#e2e8f0;padding:var(--spacing-md);border-radius:var(--border-radius-lg);overflow-x:auto;border:1px solid rgba(226,232,240,.1);box-shadow:var(--shadow-md)}.blog-article pre code{background:none;padding:0;color:inherit}.blog-article .disclosure{margin-top:var(--spacing-lg);color:var(--color-text-light)}@media (max-width:768px){.blog-article main.article{margin:var(--spacing-xl) auto var(--spacing-2xl);padding:var(--spacing-xl)}}