:root{--primary:#0f172a;--primary-light:#1e293b;--primary-surface:#f1f5f9;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-light:#60a5fa;--accent-dark:#1e40af;--accent-soft:rgba(37,99,235,0.08);--color-accent:#2563eb;--warm:#f59e0b;--warm-light:#fbbf24;--warm-soft:rgba(245,158,11,0.1);--text:#0f172a;--text-light:#475569;--text-muted:#94a3b8;--text-inverted:#ffffff;--color-text-primary:#0f172a;--color-text-secondary:#475569;--bg:#ffffff;--bg-soft:#f8fafc;--bg-alt:#f1f5f9;--bg-white:#ffffff;--color-bg-secondary:#f8fafc;--border:#e2e8f0;--border-light:#f1f5f9;--border-dark:#334155;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--error:#ef4444;--font-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--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-12:3rem;--space-16:4rem;--space-24:6rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(15,23,42,0.06);--shadow-md:0 4px 12px rgba(15,23,42,0.08);--shadow-lg:0 8px 30px rgba(15,23,42,0.10);--shadow-xl:0 20px 50px rgba(15,23,42,0.12);--shadow-2xl:0 30px 60px rgba(15,23,42,0.15);--shadow-card:0 1px 3px rgba(15,23,42,0.06),0 1px 2px rgba(15,23,42,0.04);--shadow-card-hover:0 8px 25px rgba(15,23,42,0.10),0 2px 8px rgba(15,23,42,0.06);--shadow-accent:0 10px 40px -10px rgba(37,99,235,0.3);--transition-base:200ms ease;--transition-slow:300ms ease;--container-max:1280px;--container-padding:1.5rem;--gradient-hero:linear-gradient(135deg,#0f172a 0,#1e3a5f 50%,#1e293b 100%);--gradient-dark:linear-gradient(180deg,#1e293b 0,#0f172a 100%)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text);background-color:var(--bg-white)}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit;transition:color var(--transition-base)}ul,ol{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:none}::selection{background:var(--accent-soft);color:var(--accent-dark)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--primary);letter-spacing:-0.025em}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{margin-bottom:var(--space-4)}.headline-xl{font-size:var(--text-5xl);font-weight:var(--font-extrabold);letter-spacing:-0.025em;line-height:var(--leading-tight);color:var(--primary)}.headline-lg{font-size:var(--text-4xl);font-weight:var(--font-bold);letter-spacing:-0.025em;line-height:var(--leading-tight);color:var(--primary)}.headline-md{font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--primary)}.headline-sm{font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:var(--leading-snug);color:var(--primary)}.body-lg{font-size:var(--text-xl);line-height:var(--leading-relaxed);color:var(--text-light)}.body-md{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text)}.body-sm{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-muted)}.caption{font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:0.05em;text-transform:uppercase;color:var(--accent)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.font-black{font-weight:var(--font-black)}.leading-tight{line-height:var(--leading-tight)}.leading-snug{line-height:var(--leading-snug)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.text-accent{color:var(--accent)}.text-white{color:var(--text-inverted)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.container-narrow{max-width:960px}.container-wide{max-width:1440px}.grid{display:grid;gap:var(--space-6)}.grid-2{grid-template-columns:repeat(2,1fr);gap:var(--space-8)}.grid-3{grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.grid-4{grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.grid-5{grid-template-columns:repeat(5,1fr);gap:var(--space-6)}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--bg-white);border-bottom:1px solid var(--border);backdrop-filter:blur(8px);background-color:rgba(255,255,255,0.95)}.header-content{display:flex;justify-content:space-between;align-items:center;height:72px}.logo{font-size:var(--text-2xl);font-weight:var(--font-extrabold);color:var(--primary);letter-spacing:-0.02em}.logo span{color:var(--accent)}.nav{display:flex;align-items:center;gap:var(--space-8)}.nav a{font-weight:var(--font-medium);font-size:var(--text-sm);color:var(--text-light);padding:var(--space-2) 0;position:relative;transition:color var(--transition-base)}.nav a:hover,.nav a.active{color:var(--primary)}.nav a.active::after{}.nav ul{list-style:none;display:flex;gap:32px;align-items:center;margin:0;padding:0}.nav li{margin:0;padding:0}.nav a.active::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--accent);border-radius:var(--radius-full)}.skip-link{position:absolute;top:-40px;left:0;background:var(--primary);color:white;padding:8px 16px;z-index:10000;font-size:14px;border-radius:0 0 4px 0;transition:top 0.3s}.skip-link:focus{top:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-lg);transition:all var(--transition-base);white-space:nowrap;text-decoration:none;border:none;cursor:pointer;font-family:inherit}.btn-primary{background:var(--accent);color:var(--text-inverted);box-shadow:var(--shadow-md)}.btn-primary:hover{background:var(--accent-dark);transform:translateY(-2px);box-shadow:var(--shadow-accent)}.btn-secondary{background:var(--primary);color:var(--text-inverted)}.btn-secondary:hover{background:var(--primary-light)}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--border)}.btn-outline:hover{border-color:var(--primary);background:var(--bg-soft)}.btn-ghost{background:transparent;color:var(--text-light)}.btn-ghost:hover{background:var(--bg-soft);color:var(--primary)}.btn-white{background:var(--bg-white);color:var(--primary)}.btn-white:hover{background:var(--accent);color:var(--text-inverted)}.btn-lg,.btn-large{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn-nav{background:var(--accent);color:var(--text-inverted) !important;padding:var(--space-2) var(--space-5) !important;border-radius:var(--radius-lg)}.btn-nav:hover{background:var(--accent-dark)}.hero{position:relative;padding:140px 0 80px;background:var(--gradient-hero);color:var(--text-inverted);overflow:hidden}.hero::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.hero .caption{color:var(--accent)}.hero h1{color:var(--text-inverted);margin-bottom:var(--space-6)}.hero h1 span{color:var(--accent)}.hero p{font-size:var(--text-xl);color:var(--text-muted);margin-bottom:var(--space-8);max-width:560px}.hero-image{margin-top:var(--space-12);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-2xl);transform:translateZ(0);will-change:transform;backface-visibility:hidden}.hero-image img{width:100%;height:auto;object-fit:cover;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-webkit-backface-visibility:hidden;backface-visibility:hidden}.hero-image:hover img{transform:scale(1.02)}.hero-image::after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px 1px rgba(255,255,255,0.1);pointer-events:none}.hero-buttons{display:flex;gap:var(--space-6);justify-content:center;margin-bottom:var(--space-12)}.hero-stats{display:flex;gap:var(--space-12);margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid rgba(255,255,255,0.1)}.stat-item h3{font-size:var(--text-4xl);color:var(--accent);margin-bottom:var(--space-1)}.stat-item p{color:var(--text-muted);font-size:var(--text-sm);margin:0}.page-header{padding:calc(72px + var(--space-24)) 0 var(--space-16);background:var(--gradient-hero);color:var(--text-inverted)}.page-header h1{color:var(--text-inverted);margin-bottom:var(--space-4)}.page-header h1 span{color:var(--accent)}.page-header p{color:var(--text-muted);font-size:var(--text-xl);max-width:640px;margin:0}.section{padding:var(--space-24) 0}.section-alt{background:var(--bg)}.section-dark{background:var(--gradient-dark);color:white}.section-dark .headline-md,.section-dark .headline-sm,.section-dark h2,.section-dark h3{color:white}.section-dark .body-lg,.section-dark .body-md,.section-dark p{color:rgba(255,255,255,0.7)}.section-header{text-align:center;max-width:640px;margin:0 auto var(--space-16)}.section-header h2{margin-bottom:var(--space-4)}.section-header h2 span{color:var(--accent)}.section-header p{color:var(--text-light);font-size:var(--text-lg);margin:0}.card{background:var(--bg-white);border-radius:var(--radius-xl);border:1px solid var(--border);overflow:hidden;transition:all 0.3s cubic-bezier(0.22,1,0.36,1);box-shadow:var(--shadow-card)}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-card-hover);border-color:var(--accent-light)}.card-image{position:relative;overflow:hidden;aspect-ratio:16 / 10;background:var(--bg-soft);display:flex;align-items:center;justify-content:center}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s cubic-bezier(0.22,1,0.36,1)}.card:hover .card-image img{transform:scale(1.08)}.card-content{padding:1.5rem}.card-content h3{font-size:1.125rem;font-weight:600;margin-bottom:0.5rem;color:var(--text);line-height:1.3}.card-content p{color:var(--text-light);font-size:0.9rem;line-height:1.6;margin-bottom:1rem}.card-content .learn-more{color:var(--accent);font-weight:600;font-size:0.9rem;display:inline-flex;align-items:center;gap:4px;transition:gap 0.2s}.card-content .learn-more:hover{gap:8px}.card-keywords{font-size:0.75rem;color:var(--text-muted);margin-bottom:0.75rem;font-style:italic;line-height:1.4}.faq-item{border-bottom:1px solid var(--border);padding:0}.faq-item summary{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 0;font-weight:600;font-size:1.05rem;cursor:pointer;list-style:none;color:var(--text);transition:color 0.2s}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:'+';font-size:1.5rem;font-weight:300;color:var(--accent);flex-shrink:0;margin-left:1rem;transition:transform 0.2s}.faq-item[open] summary::after{content:'−';transform:rotate(180deg)}.faq-item summary:hover{color:var(--accent)}.faq-item .faq-answer{padding:0 0 1.25rem 0;color:var(--text-light);line-height:1.7;font-size:0.95rem}.faq-list{border-top:1px solid var(--border);margin-top:var(--space-6)}.subcat-nav{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-8)}.subcat-nav a{padding:0.6rem 1.5rem;border-radius:var(--radius-full);font-size:0.875rem;font-weight:500;background:var(--bg-soft);color:var(--text-light);transition:all 0.2s;border:1px solid transparent}.subcat-nav a:hover,.subcat-nav a:focus{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.trust-bar{background:var(--accent-soft);padding:10px 0;border-bottom:1px solid rgba(37,99,235,0.1)}.trust-bar .container{display:flex;justify-content:center;gap:1.5rem 2.5rem;flex-wrap:wrap;font-size:0.8rem;font-weight:500;color:var(--accent-dark)}@media(max-width:768px){.trust-bar .container{gap:0.75rem 1.25rem;font-size:0.75rem}}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.stat-item{text-align:center;padding:var(--space-6);background:var(--bg-white);border-radius:var(--radius-xl);border:1px solid var(--border)}.stat-value{font-size:var(--text-4xl);font-weight:var(--font-extrabold);color:var(--accent);line-height:1;margin-bottom:var(--space-2)}.stat-label{font-size:var(--text-sm);color:var(--text-light)}.feature-list{list-style:none}.feature-list li{padding:var(--space-3) 0;padding-left:var(--space-8);position:relative;border-bottom:1px solid var(--border)}.feature-list li::before{content:'✓';position:absolute;left:0;width:24px;height:24px;background:var(--accent);color:var(--text-inverted);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--font-bold)}.cta-section{background:var(--gradient-hero);color:var(--text-inverted);padding:var(--space-24) 0;text-align:center}.cta-section h2{color:var(--text-inverted);margin-bottom:var(--space-4)}.cta-section p{color:var(--text-muted);font-size:var(--text-xl);margin-bottom:var(--space-8)}.cta-section .btn-secondary{background:var(--bg-white);color:var(--primary);border:none}.cta-section .btn-secondary:hover{background:var(--accent);color:var(--text-inverted)}.breadcrumb{padding:var(--space-4) 0;background:var(--bg);border-bottom:1px solid var(--border)}.breadcrumb-content{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-light)}.breadcrumb a:hover{color:var(--accent)}.tag{display:inline-block;background:var(--bg-soft);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-light)}.badge-accent{background:var(--accent-soft);color:var(--accent)}.badge-primary{background:var(--primary);color:var(--text-inverted)}.learn-more{font-size:var(--text-sm);margin-top:var(--space-3);display:inline-block;color:var(--accent);font-weight:var(--font-semibold);transition:color var(--transition-base)}.learn-more:hover{color:var(--accent-dark)}.footer{background:var(--primary);color:var(--text-inverted);padding:var(--space-16) 0 var(--space-8)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-12);margin-bottom:var(--space-12)}.footer .logo{color:var(--text-inverted);margin-bottom:var(--space-4)}.footer p{color:var(--text-muted);margin:var(--space-4) 0;line-height:var(--leading-relaxed);font-size:var(--text-sm)}.footer h4{color:var(--text-inverted);font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:var(--space-5)}.footer a{color:var(--text-muted);display:block;padding:var(--space-1) 0;font-size:var(--text-sm);transition:color var(--transition-base)}.footer a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--border-dark);padding-top:var(--space-8);display:flex;justify-content:space-between;color:var(--text-muted);font-size:var(--text-sm)}table{width:100%;border-collapse:collapse}th,td{padding:12px;text-align:left;border-bottom:1px solid var(--border-light)}th{font-weight:var(--font-semibold);color:var(--primary);border-bottom:2px solid var(--border)}.table-container{overflow-x:auto;border-radius:var(--radius-xl);border:1px solid var(--border)}.table{width:100%;border-collapse:collapse;font-size:0.9375rem}.table th{background:var(--bg-soft);padding:var(--space-4) var(--space-6);text-align:left;font-weight:var(--font-semibold);color:var(--text-light);border-bottom:1px solid var(--border)}.table td{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--bg-soft)}input,textarea,select{font-family:inherit;font-size:var(--text-base);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-white);color:var(--text);transition:all var(--transition-base);width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea{min-height:120px;resize:vertical}blockquote{border-left:4px solid var(--accent);padding-left:var(--space-6);margin:var(--space-8) 0;font-style:italic;color:var(--text-light)}.article-content{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text)}.article-content h2{font-size:var(--text-2xl);font-weight:var(--font-semibold);margin:var(--space-12) 0 var(--space-6);color:var(--primary)}.article-content h3{font-size:var(--text-xl);font-weight:var(--font-semibold);margin:var(--space-8) 0 var(--space-4);color:var(--primary)}.article-content p{margin-bottom:var(--space-5);line-height:var(--leading-relaxed)}.article-content ul,.article-content ol{margin:var(--space-6) 0;padding-left:var(--space-6)}.article-content li{margin-bottom:var(--space-3);line-height:var(--leading-normal)}article h2{font-size:var(--text-2xl);font-weight:var(--font-semibold);margin:var(--space-12) 0 var(--space-6);color:var(--primary)}article h3{font-size:var(--text-xl);font-weight:var(--font-semibold);margin:var(--space-8) 0 var(--space-4);color:var(--primary)}article p{margin-bottom:var(--space-5);line-height:var(--leading-relaxed)}article ul,article ol{margin:var(--space-6) 0;padding-left:var(--space-6)}article li{margin-bottom:var(--space-3);line-height:var(--leading-normal)}.hidden{display:none}.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}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn 0.6s ease-out forwards}@media(max-width:1024px){:root{--text-5xl:2.5rem;--text-4xl:2rem;--text-3xl:1.5rem}.headline-xl{font-size:var(--text-4xl)}.headline-lg{font-size:var(--text-3xl)}.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){:root{--container-padding:1rem;--text-5xl:2rem;--text-4xl:1.75rem;--text-3xl:1.375rem;--text-2xl:1.25rem}.headline-xl{font-size:var(--text-3xl)}.headline-lg{font-size:var(--text-2xl)}.headline-md{font-size:var(--text-xl)}.body-lg{font-size:var(--text-lg)}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--bg-white);flex-direction:column;padding:var(--space-4);gap:0;border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg)}.nav.active{display:flex}.nav a{padding:var(--space-3) 0;border-bottom:1px solid var(--border-light)}.nav a:last-child{border-bottom:none}.section{padding:var(--space-16) 0}.hero{padding:120px 0 60px}.hero-stats{flex-direction:column;gap:var(--space-6)}.hero-buttons{flex-direction:column;align-items:center}.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.footer-grid{grid-template-columns:1fr;gap:var(--space-8)}.footer-bottom{flex-direction:column;gap:var(--space-4);text-align:center}.page-header{padding:calc(72px + var(--space-16)) 0 var(--space-12)}}@media(max-width:480px){.btn{width:100%}.hero-buttons{flex-direction:column}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:rgba(15,23,42,0.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-inverted);padding:var(--space-6) 0;border-top:1px solid rgba(255,255,255,0.08);transform:translateY(0);transition:transform 0.4s cubic-bezier(0.22,1,0.36,1),opacity 0.3s ease}.cookie-banner.hidden{transform:translateY(110%);opacity:0;pointer-events:none}.cookie-banner__content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);flex-wrap:wrap}.cookie-banner__text{flex:1;min-width:260px}.cookie-banner__text h3{font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-2);color:var(--text-inverted)}.cookie-banner__text p{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-relaxed);margin:0}.cookie-banner__text a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;transition:color var(--transition-base)}.cookie-banner__text a:hover{color:var(--accent-light)}.cookie-banner__actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.cookie-banner__actions .btn{white-space:nowrap;padding:var(--space-3) var(--space-5);font-size:var(--text-sm)}.cookie-banner__actions .btn-primary{background:var(--accent);color:var(--text-inverted);border:none}.cookie-banner__actions .btn-primary:hover{background:var(--accent-dark)}.cookie-banner__actions .btn-ghost{background:transparent;color:var(--text-muted);border:1px solid rgba(255,255,255,0.15)}.cookie-banner__actions .btn-ghost:hover{background:rgba(255,255,255,0.08);color:var(--text-inverted);border-color:rgba(255,255,255,0.25)}@media(max-width:768px){.cookie-banner{padding:var(--space-5) 0}.cookie-banner__content{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.cookie-banner__actions{width:100%}.cookie-banner__actions .btn{flex:1;justify-content:center}}.contact-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--space-16)}.contact-info h2{margin-bottom:var(--space-8)}.contact-info-list{margin-bottom:var(--space-8)}.contact-info-item{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6)}.contact-info-icon{width:48px;height:48px;background:var(--bg-soft);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.contact-info-item h4{font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-1);color:var(--text)}.contact-info-item p{font-size:var(--text-sm);color:var(--text-light);line-height:var(--leading-relaxed);margin:0}.contact-hours{background:var(--bg-soft);padding:var(--space-6);border-radius:var(--radius-lg)}.contact-hours h4{font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-3);color:var(--text)}.contact-hours p{font-size:var(--text-sm);color:var(--text-light);margin-bottom:var(--space-2);margin-top:0}.contact-form-wrapper{background:var(--bg-white);padding:var(--space-12);border-radius:var(--radius-xl);border:1px solid var(--border)}.contact-form-wrapper h2{margin-bottom:var(--space-2)}.form-intro{color:var(--text-light);margin-bottom:var(--space-8);font-size:var(--text-sm)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-4)}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;font-size:var(--text-xs);font-weight:var(--font-medium);margin-bottom:var(--space-2);color:var(--text)}.form-group label span{color:var(--error)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:inherit;background:var(--bg-white);color:var(--text);transition:all var(--transition-base)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group select{appearance:auto;cursor:pointer}.btn-submit{width:100%}.form-status{margin-top:var(--space-4);font-size:var(--text-sm);display:none;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.form-status--success{display:block;background:var(--color-bg-success,#d1fae5);color:var(--color-text-success,#065f46);border:1px solid var(--color-border-success,#a7f3d0)}.form-status--error{display:block;background:var(--color-bg-error,#fee2e2);color:var(--color-text-error,#991b1b);border:1px solid var(--color-border-error,#fecaca)}@media(max-width:768px){.contact-layout{grid-template-columns:1fr;gap:var(--space-12)}.form-row{grid-template-columns:1fr}.contact-form-wrapper{padding:var(--space-6)}}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mb-32{margin-bottom:32px}.pt-40{padding-top:40px}.text-secondary{color:var(--color-text-secondary)}.text-secondary-sm{font-size:14px;color:var(--color-text-secondary)}.text-muted-sm{font-size:12px;color:var(--text-muted);line-height:1.5}.text-muted-sm-mt{font-size:12px;color:var(--text-muted);margin-top:16px}.text-accent{color:var(--primary)}.text-accent-lg{font-size:24px;font-weight:700;color:var(--color-accent)}.text-500{color:var(--color-text-primary);font-weight:500}.section-title{font-size:22px;font-weight:600;margin:32px 0 16px}.section-title-lg{font-size:28px;font-weight:600;margin:48px 0 24px}.hero-icon{font-size:48px;margin-bottom:20px}.center-section{text-align:center;padding:40px 20px}.center-box{text-align:center;padding:16px;background:var(--color-bg-secondary);border-radius:var(--radius-md,8px)}.list-styled{margin:16px 0;padding-left:20px;color:var(--color-text-secondary);font-size:14px}.border-box{padding:16px;border:1px solid var(--color-border)}.section-bg-soft{background:var(--bg-soft);display:flex;align-items:center;justify-content:center}.inline-badge{margin-left:8px;padding:8px 16px;font-size:12px}.w-full{width:100%}.breadcrumb-sep{margin:0 8px;color:var(--text-muted)}.bg-section{padding:20px 0;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light,#e5e7eb)}.article-meta{padding:16px 24px;color:var(--color-text-secondary)}.article-list{margin-bottom:24px;padding-left:24px}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem}.blog-card{display:flex;flex-direction:column;transition:transform 0.2s ease,box-shadow 0.2s ease}.blog-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,0.12)}.blog-card .card-image{height:200px;overflow:hidden}.blog-card .card-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.blog-card:hover .card-image img{transform:scale(1.05)}.blog-category{display:inline-block;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--warm);background:var(--warm-soft);padding:4px 10px;border-radius:4px;margin-bottom:0.75rem}.blog-card h2{font-size:1.125rem;font-weight:700;line-height:1.4;margin-bottom:0.5rem}.blog-card h2 a{color:var(--text);text-decoration:none}.blog-card h2 a:hover{color:var(--accent)}.blog-card p{font-size:0.9rem;color:var(--text-light);line-height:1.6;margin-bottom:1rem;flex:1}.blog-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.blog-preview-card{padding:1.5rem;border:1px solid var(--border);border-radius:var(--radius,8px);background:var(--bg-white);transition:border-color 0.2s,box-shadow 0.2s}.blog-preview-card:hover{border-color:var(--accent);box-shadow:0 4px 12px rgba(0,0,0,0.06)}.blog-preview-card h3{font-size:1rem;font-weight:600;margin-bottom:0.5rem;line-height:1.4}.blog-preview-card h3 a{color:var(--text);text-decoration:none}.blog-preview-card h3 a:hover{color:var(--accent)}.blog-preview-card .blog-preview-meta{font-size:0.8rem;color:var(--text-muted)}@media(max-width:768px){.blog-grid{grid-template-columns:1fr}.blog-preview-grid{grid-template-columns:1fr}}.card,.blog-card,.product-card,.feature-card,.case-study-card{background:var(--bg,#fafaf9);border:1px solid var(--border,rgba(0,0,0,0.08));border-radius:var(--radius-md,12px);box-shadow:0 1px 2px rgba(0,0,0,0.04),0 4px 16px rgba(0,0,0,0.06);transition:transform 0.2s ease,box-shadow 0.2s ease;cursor:pointer}.card:hover,.blog-card:hover,.product-card:hover,.feature-card:hover,.case-study-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,0.10)}table{border-collapse:separate;border-spacing:0;border-radius:12px;overflow:hidden;border:1px solid rgba(0,0,0,0.08)}th{background:rgba(0,0,0,0.03);font-weight:600;padding:12px 16px;text-align:left}td{padding:12px 16px}tr:nth-child(even) td{background:rgba(0,0,0,0.01)}.cta-button,.btn-primary,.btn-cta,a.cta-button{padding:14px 32px;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:background 0.2s,transform 0.15s;min-width:200px;display:inline-block;text-align:center;text-decoration:none}.cta-button:hover,.btn-primary:hover,.btn-cta:hover{transform:translateY(-1px)}a,button,[role="button"]{cursor:pointer;transition:all 0.2s ease}html{scroll-behavior:smooth}a:focus-visible,button:focus-visible{outline:2px solid var(--accent,#2563eb);outline-offset:2px}.reveal{opacity:0;transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0);transition:opacity 0.6s ease,transform 0.6s ease}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important}}