:root{--color-white:rgba(255, 255, 255, 1);--color-cream-50:rgba(252, 252, 249, 1);--color-cream-100:rgba(255, 255, 253, 1);--color-gray-200:rgba(245, 245, 245, 1);--color-gray-300:rgba(167, 169, 169, 1);--color-slate-500:rgba(98, 108, 113, 1);--color-charcoal-700:rgba(31, 33, 33, 1);--color-charcoal-800:rgba(38, 40, 40, 1);--color-slate-900:rgba(19, 52, 59, 1);--color-teal-300:rgba(50, 184, 198, 1);--color-teal-400:rgba(45, 166, 178, 1);--color-teal-500:rgba(33, 128, 141, 1);--color-teal-600:rgba(29, 116, 128, 1);--color-teal-700:rgba(26, 104, 115, 1);--color-teal-800:rgba(41, 150, 161, 1);--color-purple-500:rgba(147, 51, 234, 1);--color-red-400:rgba(255, 84, 89, 1);--color-orange-500:rgba(168, 75, 47, 1);--color-brown-600-rgb:94,82,64;--color-teal-500-rgb:33,128,141;--color-bg-1:rgba(59, 130, 246, 0.08);--color-background:var(--color-cream-50);--color-surface:var(--color-cream-100);--color-text:var(--color-slate-900);--color-text-secondary:var(--color-slate-500);--color-primary:var(--color-teal-500);--color-primary-hover:var(--color-teal-600);--color-primary-active:var(--color-teal-700);--color-secondary:rgba(var(--color-brown-600-rgb), 0.12);--color-border:rgba(var(--color-brown-600-rgb), 0.2);--color-btn-primary-text:var(--color-cream-50);--color-card-border:rgba(var(--color-brown-600-rgb), 0.12);--color-card-border-inner:rgba(var(--color-brown-600-rgb), 0.12);--color-focus-ring:rgba(var(--color-teal-500-rgb), 0.4);--focus-ring:0 0 0 3px var(--color-focus-ring);--font-family-base:"FKGroteskNeue","Geist","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px;--font-size-4xl:30px;--font-weight-medium:500;--font-weight-semibold:550;--font-weight-bold:600;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.7;--letter-spacing-tight:-0.01em;--space-4:4px;--space-8:8px;--space-10:10px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-40:40px;--space-48:48px;--space-56:56px;--space-64:64px;--space-80:80px;--space-96:96px;--radius-base:8px;--radius-md:10px;--radius-lg:12px;--duration-fast:150ms;--duration-normal:250ms;--ease-standard:cubic-bezier(0.16, 1, 0.3, 1);--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px}@media (prefers-color-scheme:dark){:root{--color-gray-400-rgb:119,124,124;--color-teal-300-rgb:50,184,198;--color-gray-300-rgb:167,169,169;--color-bg-1:rgba(29, 78, 216, 0.15);--color-background:var(--color-charcoal-700);--color-surface:var(--color-charcoal-800);--color-text:var(--color-gray-200);--color-text-secondary:rgba(var(--color-gray-300-rgb), 0.7);--color-primary:var(--color-teal-300);--color-primary-hover:var(--color-teal-400);--color-primary-active:var(--color-teal-800);--color-secondary:rgba(var(--color-gray-400-rgb), 0.15);--color-border:rgba(var(--color-gray-400-rgb), 0.3);--color-focus-ring:rgba(var(--color-teal-300-rgb), 0.4);--color-btn-primary-text:var(--color-slate-900);--color-card-border:rgba(var(--color-gray-400-rgb), 0.2);--color-card-border-inner:rgba(var(--color-gray-400-rgb), 0.15);--focus-ring:0 0 0 3px var(--color-focus-ring)}}html{font-size:var(--font-size-base);font-family:var(--font-family-base);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;box-sizing:border-box}body{margin:0;padding:0;overflow-x:hidden}*,::after,::before{box-sizing:inherit}h1,h2,h3{margin:0;font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text);letter-spacing:var(--letter-spacing-tight)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}p{margin:0 0 var(--space-16) 0}a{color:var(--color-primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-standard)}a:hover{color:var(--color-primary-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-16);border-radius:var(--radius-base);font-size:var(--font-size-base);font-weight:500;line-height:1.5;cursor:pointer;transition:all var(--duration-normal) var(--ease-standard);border:none;text-decoration:none;position:relative}.btn:focus-visible{outline:0;box-shadow:var(--focus-ring)}.btn--primary{background:var(--color-primary);color:var(--color-btn-primary-text)}.btn--primary:hover{background:var(--color-primary-hover)}.btn--primary:active{background:var(--color-primary-active)}.btn--outline{background:0 0;border:1px solid var(--color-border);color:var(--color-text)}.btn--outline:hover{background:var(--color-secondary)}.btn--lg{padding:var(--space-10) var(--space-20);font-size:var(--font-size-lg);border-radius:var(--radius-md)}.btn:disabled{opacity:.5;cursor:not-allowed}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:var(--space-16);padding-left:var(--space-16)}@media (min-width:640px){.container{max-width:var(--container-sm)}}@media (min-width:768px){.container{max-width:var(--container-md)}}@media (min-width:1024px){.container{max-width:var(--container-lg)}}@media (min-width:1280px){.container{max-width:var(--container-xl)}}:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-active:#1e40af;--color-background:#ffffff;--color-surface:#f8fafc;--color-text:#1e293b;--color-text-secondary:#475569;--color-border:#e2e8f0;--color-card-border:#e2e8f0;--color-card-border-inner:#f1f5f9;--color-secondary:#f1f5f9;--color-btn-primary-text:#ffffff}.header{background-color:rgba(255,255,255,.95);box-shadow:0 2px 8px rgba(0,0,0,.08);position:sticky;top:0;z-index:1000;backdrop-filter:blur(10px)}.nav{padding:var(--space-12) 0}.nav-content{display:flex;align-items:center;justify-content:space-between}.nav-logo a{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary-active);text-decoration:none}.nav-menu{display:flex;list-style:none;margin:0;padding:0;gap:var(--space-32);align-items:center}.nav-link{color:var(--color-text-secondary);text-decoration:none;font-weight:var(--font-weight-medium);font-size:var(--font-size-base);transition:color .2s ease;padding:var(--space-8) 0;position:relative}.nav-link[data-nav=home]{display:none}.nav-link:hover{color:var(--color-primary)}.nav-toggle{display:none;flex-direction:column;background:0 0;border:none;cursor:pointer;padding:var(--space-4)}.nav-toggle-bar{width:24px;height:3px;background-color:var(--color-text);margin:3px 0;transition:all .3s ease}.main-content{min-height:calc(100vh - 200px)}.problem-list,.solution-list{list-style:none;padding:0;margin:0}.problem-list li,.solution-list li{padding:var(--space-12) 0;position:relative;padding-left:var(--space-32);color:var(--color-text);line-height:1.7;font-size:var(--font-size-base)}.problem-list li::before{content:"\2717";position:absolute;left:0;color:#dc2626;font-weight:var(--font-weight-bold)}.solution-list li::before{content:"\2713";position:absolute;left:0;color:#16a34a;font-weight:var(--font-weight-bold)}.contact{padding:5rem 0;background-color:var(--color-surface);margin-top:var(--space-64)}.contact h2{margin-bottom:var(--space-16);color:var(--color-text);font-size:var(--font-size-3xl)}.contact p{color:var(--color-text-secondary);margin-bottom:var(--space-32);font-size:var(--font-size-lg)}.contact-form{text-align:left;margin-bottom:var(--space-32)}.btn--primary{background:var(--color-primary);color:var(--color-btn-primary-text);border:none;box-shadow:0 1px 3px rgba(59,130,246,.3)}.btn--primary:hover{background:var(--color-primary-hover);box-shadow:0 4px 12px rgba(59,130,246,.4)}.btn--primary:active{background:var(--color-primary-active)}.btn--outline{background:0 0;border:2px solid var(--color-primary);color:var(--color-primary)}.btn--outline:hover{background:var(--color-primary);color:var(--color-btn-primary-text)}.footer{background-color:var(--color-background);padding:var(--space-24) 0;border-top:1px solid var(--color-card-border)}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-16)}.footer-info p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.footer-partners{text-align:right}.partners-title{margin:0 0 var(--space-4) 0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.partners-link{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:color var(--duration-fast) var(--ease-standard)}.partners-link:hover{color:var(--color-primary-hover);text-decoration:underline}.partners-logo{height:40px;width:auto;max-width:200px;opacity:.7;transition:opacity .2s ease}.partners-link:hover .partners-logo{opacity:1}@media (max-width:768px){body{overflow-x:hidden}.nav-toggle{display:flex}.nav-menu{position:fixed;top:70px;left:0;right:0;background-color:var(--color-background);flex-direction:column;padding:var(--space-20);box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-100%);opacity:0;transition:all .3s ease;z-index:999;gap:var(--space-16);pointer-events:none}}@media (max-width:768px){.contact{padding:3.5rem 0}.footer-content{flex-direction:column;text-align:center}.footer-partners{text-align:center}}.footer-partners--with-logo .partners-link--with-logo{display:inline-flex;align-items:center;gap:10px}.case-study-industry--trade{background:rgba(249,115,22,.1);color:#c2410c;border-color:rgba(249,115,22,.2)}.breadcrumb-section{padding:var(--space-32) 0;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.breadcrumb{display:flex;align-items:center;gap:var(--space-8);font-size:var(--font-size-sm);flex-wrap:wrap}.breadcrumb>*{min-width:0}.breadcrumb a{color:var(--color-text-secondary);text-decoration:none;transition:color .2s ease}.breadcrumb a:hover{color:var(--color-primary)}.breadcrumb-separator{color:var(--color-text-secondary)}.breadcrumb-current{color:var(--color-text);font-weight:var(--font-weight-medium);max-width:calc(100vw - 32px);overflow-wrap:anywhere}.case-study-quote--modern{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.03) 0,rgba(var(--color-teal-500-rgb),.02) 100%);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);padding:var(--space-48);border-radius:var(--radius-lg);margin:var(--space-48) 0;text-align:center;position:relative}.quote-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:rgba(var(--color-primary-rgb),.1);border-radius:50%;margin:0 auto var(--space-24);color:var(--color-primary)}.case-study-metrics--modern{margin:0;background:var(--color-surface);padding:var(--space-80);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.metrics-header{display:flex;align-items:center;justify-content:center;gap:var(--space-16);margin-bottom:var(--space-40)}.metrics-header svg{color:var(--color-primary);width:32px;height:32px;flex-shrink:0}.metrics-header h2,.metrics-header h3{font-size:var(--font-size-2xl);color:var(--color-text);margin:0;font-weight:var(--font-weight-bold)}.case-study-detail-section{padding:var(--space-96) 0;background:var(--color-background);overflow-x:hidden}.case-study-detail-section>.container>*+*{margin-top:var(--space-96)}.case-study-detail-header{text-align:center;max-width:900px;margin:0 auto;padding-bottom:var(--space-80);border-bottom:1px solid var(--color-border)}.case-study-detail-header .case-study-industry{margin:0 auto var(--space-32)}.case-study-detail-header h1{font-size:var(--font-size-4xl);color:var(--color-text);margin:0 0 var(--space-40);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);max-width:calc(100vw - 32px);margin-left:auto;margin-right:auto;overflow-wrap:anywhere}.detail-subtitle{font-size:var(--font-size-xl);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0 auto var(--space-48);max-width:min(700px,calc(100vw - 32px));overflow-wrap:anywhere}.detail-meta{display:flex;justify-content:center;gap:var(--space-64);flex-wrap:wrap;padding-top:var(--space-40);margin-top:var(--space-16);border-top:1px solid var(--color-border)}.meta-item{display:flex;align-items:center;gap:var(--space-12);color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);min-width:0}.meta-item span{min-width:0;max-width:calc(100vw - 72px);overflow-wrap:anywhere}.meta-item svg{color:var(--color-primary);width:20px;height:20px;flex-shrink:0;stroke-width:2.2}.detail-section{margin:0;padding:var(--space-48) 0}.detail-section h2{font-size:var(--font-size-2xl);color:var(--color-text);margin-bottom:var(--space-48);font-weight:var(--font-weight-bold);letter-spacing:-.5px;text-align:center}.detail-section p{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:800px;margin:0 auto;text-align:center}.detail-note{font-size:var(--font-size-sm)!important;color:var(--color-text-muted,var(--color-text-secondary))!important;font-style:italic;border-left:3px solid var(--color-border);padding-left:var(--space-12);margin-top:var(--space-24)!important;text-align:left!important;max-width:100%!important}.detail-challenges-solutions{margin:0;padding:var(--space-64) 0}.timeline{position:relative;padding-left:var(--space-40);margin-top:var(--space-40);max-width:800px;margin-left:auto;margin-right:auto}.timeline::before{content:'';position:absolute;left:12px;top:0;bottom:0;width:2px;background:var(--color-border)}.timeline-item{position:relative;padding-bottom:var(--space-32)}.timeline-marker{position:absolute;left:-40px;top:0;width:28px;height:28px;border-radius:50%;background:var(--color-primary);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);z-index:1}.timeline-content h3{font-size:var(--font-size-lg);color:var(--color-text);margin-bottom:var(--space-12);font-weight:var(--font-weight-bold);letter-spacing:-.3px}.timeline-content p{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.detail-cta{background:linear-gradient(135deg,rgba(var(--color-teal-500-rgb),.05) 0,rgba(var(--color-teal-500-rgb),.02) 100%);padding:var(--space-80);border-radius:var(--radius-lg);text-align:center;margin:0;border:1px solid rgba(var(--color-teal-500-rgb),.15);max-width:900px;margin-left:auto;margin-right:auto}.detail-cta h2{font-size:var(--font-size-3xl);color:var(--color-text);margin-bottom:var(--space-24);font-weight:var(--font-weight-bold);letter-spacing:-.5px}.detail-cta p{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--space-40);line-height:var(--line-height-relaxed);max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;justify-content:center;gap:var(--space-16);flex-wrap:wrap}.case-study-industry{display:inline-flex;align-items:center;gap:var(--space-8);padding:var(--space-10) var(--space-16);background:var(--color-bg-1);border-radius:var(--radius-md);color:var(--color-primary-active);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border:1px solid rgba(var(--color-teal-500-rgb),.2)}.case-study-industry svg{width:20px;height:20px}.case-study-industry--trade{background:rgba(249,115,22,.1);color:#c2410c;border-color:rgba(249,115,22,.2)}.case-study-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-40);margin-bottom:var(--space-48)}.case-study-section{position:relative}.case-study-section h2,.case-study-section h3{font-size:var(--font-size-xl);color:var(--color-text);margin-bottom:var(--space-20);font-weight:var(--font-weight-bold);display:flex;align-items:center;gap:var(--space-12)}.case-study-section p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-16)}.section-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);margin-bottom:var(--space-16)}.section-icon--problem{background:rgba(239,68,68,.1);color:#ef4444}.section-icon--solution{background:rgba(34,197,94,.1);color:#22c55e}.section-icon--technical{background:rgba(147,51,234,.1);color:#9333ea}.case-study-section--problem{background:rgba(239,68,68,.05);padding:var(--space-48);border-radius:var(--radius-lg);border:1px solid rgba(239,68,68,.2);border-left:4px solid #ef4444}.case-study-section--solution{background:rgba(34,197,94,.05);padding:var(--space-48);border-radius:var(--radius-lg);border:1px solid rgba(34,197,94,.2);border-left:4px solid #22c55e}.case-study-section--technical{background:rgba(147,51,234,.05);padding:var(--space-56);border-radius:var(--radius-lg);border:1px solid rgba(147,51,234,.2);margin:0}.case-study-section--technical .section-icon{margin:0 auto var(--space-24)}.case-study-section--technical h2,.case-study-section--technical h3{text-align:center;justify-content:center;margin-bottom:var(--space-40)}.case-study-section ul{list-style:none;padding:0;margin:0}.case-study-section ul li{padding-left:var(--space-32);margin-bottom:var(--space-16);position:relative;color:var(--color-text-secondary);line-height:var(--line-height-relaxed);font-size:var(--font-size-base)}.case-study-section ul li::before{content:"→";position:absolute;left:0;color:var(--color-primary);font-weight:var(--font-weight-bold)}.case-study-section ul li strong{color:var(--color-text);font-weight:var(--font-weight-bold)}.case-study-section h3{font-size:var(--font-size-xl);color:var(--color-text);margin-bottom:var(--space-32);font-weight:var(--font-weight-bold);display:flex;align-items:center;gap:var(--space-12)}.case-study-metrics--modern{background:linear-gradient(135deg,rgba(var(--color-teal-500-rgb),.05) 0,rgba(var(--color-teal-500-rgb),.02) 100%);padding:var(--space-40);border-radius:var(--radius-lg);border:1px solid rgba(var(--color-teal-500-rgb),.15);margin:var(--space-32) 0}.metrics-header{display:flex;align-items:center;justify-content:center;gap:var(--space-12);margin-bottom:var(--space-32);color:var(--color-primary)}.metrics-header h3{margin:0;font-size:var(--font-size-2xl)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-40);max-width:1000px;margin:0 auto}.metric-card--modern{text-align:center;padding:var(--space-40);border-radius:var(--radius-lg);background:var(--color-background);border:1px solid var(--color-border);transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:var(--space-20);position:relative;overflow:hidden}.metric-icon{width:48px;height:48px;border-radius:50%;background:rgba(var(--color-primary-rgb),.1);display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.metric-icon svg{width:24px;height:24px;stroke-width:2}.metric-card--modern::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-teal-400));transform:scaleX(0);transition:transform .3s ease}.metric-card--modern:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.08)}.metric-card--modern:hover::before{transform:scaleX(1)}.metric-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:rgba(var(--color-teal-500-rgb),.1);border-radius:var(--radius-md);color:var(--color-primary);margin-bottom:var(--space-16)}.metric-value{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--space-8);line-height:1}.metric-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal);font-weight:var(--font-weight-medium)}.technical-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-32);margin-top:var(--space-40);max-width:900px;margin-left:auto;margin-right:auto}.technical-item{display:flex;gap:var(--space-16);padding:var(--space-24);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:all .3s ease}.technical-item:hover{border-color:var(--color-primary);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.1)}.section-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-16);flex-shrink:0}.section-icon svg{width:24px;height:24px;stroke-width:2}.technical-icon svg{width:20px;height:20px;stroke-width:2}.technical-content{display:flex;flex-direction:column;gap:var(--space-4)}.technical-content strong{font-size:var(--font-size-base);color:var(--color-text);font-weight:var(--font-weight-bold)}.technical-content span{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.technical-content{display:flex;flex-direction:column;gap:var(--space-4)}.technical-content strong{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.technical-content span{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.case-study-quote--modern{background:linear-gradient(135deg,rgba(var(--color-teal-500-rgb),.05) 0,rgba(var(--color-teal-500-rgb),.02) 100%);padding:var(--space-40);border-radius:var(--radius-lg);border:1px solid rgba(var(--color-teal-500-rgb),.2);margin-top:var(--space-32);position:relative}.quote-icon{position:absolute;top:var(--space-24);right:var(--space-24);color:rgba(var(--color-teal-500-rgb),.15);transform:rotate(180deg)}.case-study-quote--modern blockquote{margin:0;padding:0;position:relative}.case-study-quote--modern p{font-size:var(--font-size-lg);font-style:italic;color:var(--color-text);line-height:var(--line-height-relaxed);margin-bottom:var(--space-32);font-weight:var(--font-weight-medium)}.case-study-quote--modern cite{display:block;font-style:normal;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.cite-name{display:block;color:var(--color-text);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4);font-size:var(--font-size-base)}.cite-role{display:block;font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}@media (max-width:768px){.case-study-grid{grid-template-columns:1fr;gap:var(--space-20)}.case-study-section--problem,.case-study-section--solution{padding:var(--space-32)}.case-study-detail-section{padding:var(--space-64) 0}.case-study-detail-header{padding-bottom:var(--space-48)}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-16)}.metric-card--modern{padding:var(--space-24)}.case-study-metrics--modern{padding:var(--space-48)}.metric-value{font-size:var(--font-size-3xl)}.metric-icon{width:40px;height:40px}.technical-grid{grid-template-columns:1fr;gap:var(--space-16)}.case-study-quote--modern{padding:var(--space-24)}.case-study-quote--modern p{font-size:var(--font-size-lg)}.quote-icon{width:24px;height:24px;top:var(--space-16);right:var(--space-16)}}@media (max-width:480px){.metrics-grid{grid-template-columns:1fr}.case-study-detail-header h1{font-size:var(--font-size-2xl)}.detail-subtitle{font-size:var(--font-size-lg)}.detail-meta{flex-direction:column;gap:var(--space-12);align-items:center}.timeline{padding-left:var(--space-32)}.timeline-marker{left:-32px}.detail-cta{padding:var(--space-40)}.case-study-section--problem,.case-study-section--solution{padding:var(--space-24)}.cta-buttons{flex-direction:column}}.comparison-header{display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(135deg,#0b1640 0,#1e3a8a 100%)}@media (max-width:768px){.comparison-header{grid-template-columns:1fr}}.cta-buttons{display:flex;gap:var(--space-16);justify-content:center;flex-wrap:wrap}.nav-item-dropdown{position:relative}.nav-dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:0 8px 24px rgba(0,0,0,.12);padding:var(--space-8) 0;min-width:200px;opacity:0;visibility:hidden;transition:opacity var(--duration-fast) var(--ease-standard),visibility var(--duration-fast) var(--ease-standard);z-index:1000}.nav-item-dropdown:focus-within .nav-dropdown,.nav-item-dropdown:hover .nav-dropdown{opacity:1;visibility:visible}.nav-dropdown a{display:block;padding:var(--space-12) var(--space-20);color:var(--color-text);text-decoration:none;font-size:var(--font-size-sm);transition:background var(--duration-fast) var(--ease-standard)}.nav-dropdown a:hover{background:rgba(var(--color-teal-500-rgb),.1);color:var(--color-primary)}.nav-link--dropdown{display:flex;align-items:center;gap:var(--space-4)}.nav-link--dropdown::after{content:'';width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid currentColor;transition:transform var(--duration-fast) var(--ease-standard)}.nav-item-dropdown:hover .nav-link--dropdown::after{transform:rotate(180deg)}.nav-item-dropdown:focus-within .nav-link--dropdown::after{transform:rotate(180deg)}@media (max-width:768px){.nav-dropdown{position:static;transform:none;box-shadow:none;background:0 0;padding:0;padding-left:var(--space-16);opacity:1;visibility:visible;min-width:auto}.nav-dropdown a{padding:var(--space-8) var(--space-12)}}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.comparison-item{background:var(--color-surface);border:1px solid var(--color-card-border);border-radius:12px;padding:1.5rem;transition:all .3s ease}.comparison-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.comparison-item--standard{border-left:4px solid var(--color-teal-500)}.comparison-item--custom{border-left:4px solid var(--color-orange-500)}.comparison-item--integrations{border-left:4px solid var(--color-purple-500)}.comparison-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-card-border-inner)}.comparison-header h3{margin:0;font-size:1.125rem;font-weight:600}.comparison-item ul{list-style:none;padding:0;margin:0}.comparison-item li{padding:.5rem 0;position:relative;padding-left:1.5rem;color:var(--color-slate-500)}.comparison-item--standard li::before{content:"✓";position:absolute;left:0;color:var(--color-teal-500);font-weight:600}.comparison-item--custom li::before{content:"⚙";position:absolute;left:0;color:var(--color-orange-500);font-weight:600}.comparison-item--integrations li::before{content:"🔌";position:absolute;left:0;color:var(--color-purple-500);font-weight:600}.limitations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.limitation-item{background:var(--color-surface);border:1px solid var(--color-gray-300);border-radius:12px;padding:1.5rem;display:flex;align-items:flex-start;gap:1rem;transition:all .3s ease}.limitation-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.limitation-icon{flex-shrink:0;width:40px;height:40px;background:var(--color-red-400);color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center}.limitation-content h3{margin:0 0 .5rem 0;color:var(--color-charcoal-700);font-size:1rem;font-weight:600}.limitation-content p{margin:0;color:var(--color-slate-500);font-size:.875rem;line-height:1.5}@media (max-width:768px){.comparison-grid,.limitations-grid{grid-template-columns:1fr;gap:1rem}.comparison-item,.limitation-item{padding:1rem}}.migration-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.migration-item{background:var(--color-surface);border:1px solid var(--color-gray-300);border-radius:12px;padding:1.5rem;transition:all .3s ease}.migration-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.migration-item h3{margin:0 0 1rem 0;color:var(--color-charcoal-700);font-size:1.125rem;display:flex;align-items:center;gap:.5rem}.migration-item p{margin:0;color:var(--color-slate-500);line-height:1.6}@media (max-width:768px){.migration-details{grid-template-columns:1fr;gap:1rem}.migration-item{padding:1rem}}