.blog-hero{position:relative;height:350px;background:linear-gradient(315deg,var(--primary-color) 0%,var(--primary-dark) 100%);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;overflow:hidden}.blog-hero .hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.planning-freight-hero{background:url(/assets/imgs/planning-freight-shipments.png);background-size:cover;background-position:center}.tracking-visibility-hero{background:url(/assets/imgs/long-haul-freight-tracking.jpeg);background-size:cover;background-position:center}.blog-article{padding:4rem 0;background:#fff;position:relative;z-index:1}.article-container{max-width:900px;margin:0 auto;padding:0 2rem;position:relative}.article-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid #e9ecef;position:relative;display:block;background:#fff}.article-header h1{font-size:2.5rem;font-weight:700;color:#1e3a5f;line-height:1.3;margin-bottom:0;margin-top:0;position:relative;z-index:2;background:#fff}.article-intro{margin-bottom:3rem;margin-top:0;position:relative;z-index:1;background:#fff}.article-intro p{font-size:1.15rem;line-height:1.8;color:#495057;margin-bottom:1.25rem}.article-intro p:first-child{font-size:1.25rem;color:#2c3e50;font-weight:500}.article-section{margin-bottom:3rem}.article-section h2{font-size:1.75rem;font-weight:600;color:#1e3a5f;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:3px solid var(--primary-color);display:inline-block}.article-section h3{font-size:1.35rem;font-weight:600;color:#2c3e50;margin-bottom:1rem;margin-top:2rem}.article-section p{font-size:1.05rem;line-height:1.8;color:#495057;margin-bottom:1.25rem}.article-section a{color:var(--primary-color);text-decoration:none;font-weight:500;transition:color 0.3s ease}.article-section a:hover{color:var(--primary-color);text-decoration:underline}.article-list{list-style:none;padding:0;margin:1.5rem 0}.article-list li{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 0;font-size:1.05rem;line-height:1.7;color:#495057;border-bottom:1px solid #f1f3f5}.article-list li:last-child{border-bottom:none}.article-list li i{color:#28a745;font-size:1rem;margin-top:.3rem;flex-shrink:0}.article-list.compact{margin:1rem 0}.article-list.compact li{padding:.5rem 0;font-size:1rem}.step-card{background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%);border-radius:12px;padding:2rem;margin:2rem 0;border:1px solid #e9ecef;box-shadow:0 4px 12px rgb(0 0 0 / .05);transition:transform 0.3s ease,box-shadow 0.3s ease}.step-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgb(0 0 0 / .1)}.step-card h3{display:flex;align-items:center;gap:.75rem;font-size:1.35rem;font-weight:600;color:#1e3a5f;margin-bottom:1rem;margin-top:0}.step-card h3 i{color:var(--primary-color);font-size:1.25rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgb(30 144 255 / .1);border-radius:8px}.step-card p{font-size:1rem;line-height:1.7;color:#495057;margin-bottom:1rem}.step-card .article-list{margin-left:0}.benefit-card{display:flex;gap:1.5rem;background:#fff;border-radius:12px;padding:2rem;margin:1.5rem 0;border:1px solid #e9ecef;box-shadow:0 2px 8px rgb(0 0 0 / .04);transition:box-shadow 0.3s ease}.benefit-card:hover{box-shadow:0 6px 20px rgb(0 0 0 / .08)}.benefit-icon{flex-shrink:0;width:60px;height:60px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center}.benefit-icon i{color:#fff;font-size:1.5rem}.benefit-content h3{font-size:1.25rem;font-weight:600;color:#1e3a5f;margin-bottom:.75rem;margin-top:0}.benefit-content p{font-size:1rem;line-height:1.7;color:#495057;margin-bottom:.75rem}.highlight-section{border-radius:16px;padding:3rem;margin:3rem -1rem;border-left:4px solid var(--primary-color)}.highlight-section h2{border-bottom-color:var(--primary-color)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin:2rem 0}.feature-item{background:#fff;padding:1.5rem;border-radius:10px;text-align:center;box-shadow:0 2px 8px rgb(0 0 0 / .06);transition:transform 0.3s ease}.feature-item:hover{transform:translateY(-3px)}.feature-item i{font-size:2rem;color:var(--primary-color);margin-bottom:1rem}.feature-item h4{font-size:1.1rem;font-weight:600;color:#1e3a5f;margin-bottom:.5rem}.feature-item p{font-size:.9rem;color:#6c757d;line-height:1.6}.value-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1.5rem 0}.value-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 6px rgb(0 0 0 / .04)}.value-item i{color:var(--primary-color);font-size:1.25rem;width:35px;flex-shrink:0}.value-item span{font-size:.95rem;color:#495057;font-weight:500}.highlight-text{font-size:1.2rem!important;font-weight:600;color:#1e3a5f!important;text-align:center;padding:1.5rem;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:8px;border-left:4px solid var(--primary-color);margin:2rem 0}.info-box{background:#f8f9fa;border-radius:10px;padding:1.5rem 2rem;margin:1.5rem 0;border:1px solid #e9ecef}.info-box h4{font-size:1.1rem;font-weight:600;color:#1e3a5f;margin-bottom:1rem}.info-box .article-list{margin:0}.blog-cta{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);padding:4rem 2rem;text-align:center}.blog-cta .container{max-width:800px;margin:0 auto}.blog-cta .cta-content h2{font-size:2rem;font-weight:700;color:#fff;margin-bottom:1rem}.blog-cta .cta-content p{font-size:1.15rem;color:rgb(255 255 255 / .9);line-height:1.7;margin-bottom:2rem}.blog-cta .cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.blog-cta .btn{display:inline-block;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;border-radius:8px;transition:all 0.3s ease}.blog-cta .btn-primary{background:var(--primary-dark);color:#fff}.blog-cta .btn-primary:hover{background:var(--primary-color);transform:translateY(-2px)}.blog-cta .btn-outline{background:#fff0;color:#fff;border:2px solid rgb(255 255 255 / .6)}.blog-cta .btn-outline:hover{background:rgb(255 255 255 / .1);border-color:#fff}.blog-faq{padding:4rem 0;background:#f8f9fa}.blog-faq .faq-container{max-width:900px;margin:0 auto;padding:0 2rem}.blog-faq h2{font-size:2rem;font-weight:700;color:#1e3a5f;text-align:center;margin-bottom:2.5rem}.blog-faq .accordion{background:#fff;border-radius:10px;margin-bottom:1rem;box-shadow:0 2px 8px rgb(0 0 0 / .06);overflow:hidden}.blog-faq .accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:none;border:none;cursor:pointer;text-align:left;font-size:1.05rem;font-weight:600;color:#2c3e50;transition:background-color 0.3s ease}.blog-faq .accordion-header:hover{background:#f8f9fa}.blog-faq .accordion-header span{flex:1;padding-right:1rem}.blog-faq .accordion-icon{color:var(--primary-color);transition:transform 0.3s ease}.blog-faq .accordion-content{display:block!important;max-height:0;overflow:hidden;transition:max-height 0.3s ease,visibility 0s 0.3s;padding:0;visibility:hidden}.blog-faq .accordion.active .accordion-content{visibility:visible;transition:max-height 0.3s ease,visibility 0s 0s;opacity:1}.blog-faq .accordion-body{padding:0 1.5rem 1.5rem}.blog-faq .accordion-body p{font-size:1rem;line-height:1.7;color:#495057;margin-bottom:1rem}.blog-faq .accordion-body p:last-child{margin-bottom:0}.blog-faq .accordion.active .accordion-header{border-bottom:1px solid #e9ecef}@media (max-width:768px){.blog-hero{height:300px}.article-container{padding:0 1.25rem}.article-header h1{font-size:1.85rem}.article-intro p:first-child{font-size:1.1rem}.article-section h2{font-size:1.5rem}.step-card{padding:1.5rem;margin:1.5rem 0}.step-card h3{font-size:1.15rem}.step-card h3 i{width:35px;height:35px;font-size:1rem}.benefit-card{flex-direction:column;padding:1.5rem}.benefit-icon{width:50px;height:50px}.benefit-icon i{font-size:1.25rem}.highlight-section{padding:2rem 1.5rem;margin:2rem -.5rem}.feature-grid{grid-template-columns:1fr}.value-grid{grid-template-columns:1fr}.blog-cta .cta-content h2{font-size:1.5rem}.blog-cta .cta-actions{flex-direction:column}.blog-cta .btn{width:100%}.blog-faq .accordion-header{font-size:.95rem;padding:1rem 1.25rem}}@media (max-width:480px){.blog-hero{height:250px}.article-header h1{font-size:1.5rem}.article-section p,.article-list li{font-size:.95rem}.step-card h3{flex-direction:column;align-items:flex-start;gap:.5rem}}