:root{--font-family: "Vazirmatn", system-ui, sans-serif;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--transition: .3s cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 8px 30px rgba(0, 0, 0, .12);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .2);--header-height: 72px}[data-theme=caterpillar]{--color-accent: #FFCD11;--color-accent-hover: #E6B800;--color-accent-rgb: 255, 205, 17;--color-accent-text: #1a1a1a;--color-dark-bg: #0d0d0d;--color-dark-surface: #1a1a1a;--color-dark-border: #2a2a2a;--color-dark-text: #f5f5f5;--color-dark-muted: #a0a0a0;--color-light-bg: #f8f8f6;--color-light-surface: #ffffff;--color-light-border: #e8e8e4;--color-light-text: #1a1a1a;--color-light-muted: #666666}[data-theme=emerald]{--color-accent: #10B981;--color-accent-hover: #059669;--color-accent-rgb: 16, 185, 129;--color-accent-text: #ffffff;--color-dark-bg: #0a1a14;--color-dark-surface: #0f2920;--color-dark-border: #1a3d30;--color-dark-text: #ecfdf5;--color-dark-muted: #86efac;--color-light-bg: #f0fdf4;--color-light-surface: #ffffff;--color-light-border: #d1fae5;--color-light-text: #064e3b;--color-light-muted: #047857}[data-theme=crimson]{--color-accent: #8B1538;--color-accent-hover: #6B0F2A;--color-accent-rgb: 139, 21, 56;--color-accent-text: #ffffff;--color-dark-bg: #0f0a0c;--color-dark-surface: #1a0f14;--color-dark-border: #2d1520;--color-dark-text: #fce7f3;--color-dark-muted: #d4a0b0;--color-light-bg: #fdf2f4;--color-light-surface: #ffffff;--color-light-border: #f5d0d8;--color-light-text: #4a0e1f;--color-light-muted: #8B1538}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + var(--topbar-height, 0px))}body{font-family:var(--font-family);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.text-accent{color:var(--color-accent)}.theme-switcher{position:fixed;left:20px;top:50%;transform:translateY(-50%);z-index:1001;display:flex;flex-direction:column;gap:8px;background:var(--color-dark-surface);padding:10px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-dark-border)}.theme-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition);border:2px solid transparent}.theme-btn:hover{transform:scale(1.1)}.theme-btn.active{border-color:var(--color-accent);box-shadow:0 0 12px rgba(var(--color-accent-rgb),.4)}.theme-dot{width:20px;height:20px;border-radius:50%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:var(--radius-sm);font-weight:600;font-size:.95rem;transition:var(--transition);white-space:nowrap}.btn-primary{background:var(--color-accent);color:var(--color-accent-text)}.btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--color-accent-rgb),.35)}.btn-outline{border:2px solid var(--color-accent);color:var(--color-accent);background:transparent}.btn-outline:hover{background:var(--color-accent);color:var(--color-accent-text)}.btn-sm{padding:8px 20px;font-size:.85rem}.btn-lg{padding:14px 36px;font-size:1rem}.btn-block{width:100%}section{padding:100px 0}.section-dark{background:var(--color-dark-bg);color:var(--color-dark-text)}.section-light{background:var(--color-light-bg);color:var(--color-light-text)}.section-header{margin-bottom:60px}.section-header.center{text-align:center}.section-tag{display:inline-block;font-size:.85rem;font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;position:relative;padding-right:40px}.section-tag:after{content:"";position:absolute;right:0;top:50%;width:30px;height:2px;background:var(--color-accent)}.section-header.center .section-tag{padding-right:0;padding-bottom:12px}.section-header.center .section-tag:after{right:50%;top:auto;bottom:0;transform:translate(50%);width:40px}.section-title{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;line-height:1.3;margin-bottom:16px}.section-desc{font-size:1.1rem;opacity:.7;max-width:600px}.section-header.center .section-desc{margin:0 auto}.header{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--header-height);transition:var(--transition);background:transparent}.header.scrolled{background:#0d0d0df2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 2px 20px #0000004d;border-bottom:1px solid var(--color-dark-border)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%}.logo{display:flex;align-items:center;gap:12px;color:#fff}.logo-icon{width:40px;height:40px;color:var(--color-accent)}.logo-text{display:flex;flex-direction:column;line-height:1.2}.logo-text strong{font-size:1.1rem;font-weight:800}.logo-text small{font-size:.7rem;opacity:.6;font-weight:400}.nav{display:flex;gap:8px}.nav-link{padding:8px 16px;color:#fffc;font-size:.9rem;font-weight:500;border-radius:var(--radius-sm);transition:var(--transition)}.nav-link:hover,.nav-link.active{color:var(--color-accent)}.header-actions{display:flex;align-items:center;gap:16px}.menu-toggle{display:none;flex-direction:column;gap:5px;width:28px;padding:4px 0}.menu-toggle span{display:block;height:2px;background:#fff;border-radius:2px;transition:var(--transition)}.menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.hero{min-height:100vh;display:flex;align-items:center;position:relative;padding-top:var(--header-height)}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.hero-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 50%,rgba(var(--color-accent-rgb),.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(var(--color-accent-rgb),.05) 0%,transparent 40%)}.hero-gradient{position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(to top,var(--color-dark-bg),transparent)}.hero-content{position:relative;z-index:1;max-width:800px}.hero-badge{display:inline-block;padding:8px 20px;background:rgba(var(--color-accent-rgb),.15);border:1px solid rgba(var(--color-accent-rgb),.3);border-radius:50px;font-size:.85rem;font-weight:500;color:var(--color-accent);margin-bottom:24px}.hero-title{font-size:clamp(2.2rem,5vw,3.8rem);font-weight:800;line-height:1.2;margin-bottom:24px}.hero-subtitle{font-size:1.15rem;color:var(--color-dark-muted);margin-bottom:40px;max-width:650px;line-height:1.8}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:60px}.hero-stats{display:flex;gap:48px;padding-top:40px;border-top:1px solid var(--color-dark-border)}.stat-number{display:block;font-size:2.5rem;font-weight:800;color:var(--color-accent);line-height:1}.stat-label{font-size:.85rem;color:var(--color-dark-muted);margin-top:4px}.hero-scroll{position:absolute;bottom:40px;left:50%;transform:translate(-50%);animation:bounce 2s infinite}.hero-scroll a{color:var(--color-accent);opacity:.6}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(10px)}}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px}.service-card{background:var(--color-light-surface);border:1px solid var(--color-light-border);border-radius:var(--radius-md);padding:36px 28px;transition:var(--transition);position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;right:0;width:4px;height:0;background:var(--color-accent);transition:var(--transition)}.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}.service-card:hover:before{height:100%}.service-card.featured{border-color:var(--color-accent);box-shadow:0 0 30px rgba(var(--color-accent-rgb),.1)}.service-icon{width:56px;height:56px;background:rgba(var(--color-accent-rgb),.1);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--color-accent)}.service-icon svg{width:28px;height:28px}.service-card h3{font-size:1.15rem;font-weight:700;margin-bottom:12px;line-height:1.4}.service-card p{font-size:.9rem;color:var(--color-light-muted);margin-bottom:16px;line-height:1.7}.service-link{font-size:.85rem;font-weight:600;color:var(--color-accent);transition:var(--transition)}.service-link:hover{opacity:.8}.services-extra{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.extra-card{background:var(--color-light-surface);border:1px solid var(--color-light-border);border-radius:var(--radius-md);padding:24px 20px;text-align:center;transition:var(--transition)}.extra-card:hover{border-color:var(--color-accent);transform:translateY(-3px)}.extra-icon{font-size:2rem;margin-bottom:12px}.extra-card h4{font-size:.9rem;font-weight:600}.process-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}.process-timeline:before{content:"";position:absolute;top:40px;right:12.5%;left:12.5%;height:2px;background:linear-gradient(to left,var(--color-accent),rgba(var(--color-accent-rgb),.2))}.process-step{text-align:center;position:relative}.step-number{width:80px;height:80px;border-radius:50%;background:var(--color-dark-surface);border:2px solid var(--color-accent);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;color:var(--color-accent);margin:0 auto 24px;position:relative;z-index:1;transition:var(--transition)}.process-step:hover .step-number{background:var(--color-accent);color:var(--color-accent-text);transform:scale(1.1)}.step-content h3{font-size:1.05rem;font-weight:700;margin-bottom:12px}.step-content p{font-size:.85rem;color:var(--color-dark-muted);line-height:1.7}.portfolio-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:40px;justify-content:center}.filter-btn{padding:8px 20px;border-radius:50px;font-size:.85rem;font-weight:500;color:var(--color-light-muted);border:1px solid var(--color-light-border);background:var(--color-light-surface);transition:var(--transition)}.filter-btn:hover,.filter-btn.active{background:var(--color-accent);color:var(--color-accent-text);border-color:var(--color-accent)}.portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.portfolio-item{border-radius:var(--radius-md);overflow:hidden;background:var(--color-light-surface);border:1px solid var(--color-light-border);transition:var(--transition);cursor:pointer}.portfolio-item:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}.portfolio-item.hidden{display:none}.portfolio-image{height:180px;display:flex;align-items:center;justify-content:center;position:relative}.portfolio-overlay-icon{font-size:3rem;opacity:.8}.portfolio-info{padding:20px}.portfolio-cat{font-size:.75rem;font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:1px}.portfolio-info h3{font-size:.95rem;font-weight:600;margin-top:6px;line-height:1.4}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.feature-card{background:var(--color-dark-surface);border:1px solid var(--color-dark-border);border-radius:var(--radius-md);padding:28px 24px;transition:var(--transition)}.feature-card:hover{border-color:rgba(var(--color-accent-rgb),.4);transform:translateY(-4px)}.feature-icon{font-size:2rem;margin-bottom:16px}.feature-card h3{font-size:1rem;font-weight:700;margin-bottom:8px}.feature-card p{font-size:.85rem;color:var(--color-dark-muted);line-height:1.6}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.value-item{padding:40px 32px;background:var(--color-light-surface);border-radius:var(--radius-md);border:1px solid var(--color-light-border);position:relative;transition:var(--transition)}.value-item:hover{box-shadow:var(--shadow-md);border-color:var(--color-accent)}.value-number{font-size:3rem;font-weight:800;color:rgba(var(--color-accent-rgb),.15);line-height:1;margin-bottom:16px}.value-item h3{font-size:1.1rem;font-weight:700;margin-bottom:12px}.value-item p{font-size:.9rem;color:var(--color-light-muted);line-height:1.7}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.blog-card{display:flex;gap:24px;background:var(--color-dark-surface);border:1px solid var(--color-dark-border);border-radius:var(--radius-md);padding:28px;transition:var(--transition)}.blog-card.has-image{flex-direction:column;padding:0;overflow:hidden}.blog-card.has-image .blog-content{padding:24px;display:flex;flex-direction:column;gap:8px}.blog-card.has-image .blog-card-image{width:100%;height:180px}.blog-card.has-image .blog-date{display:flex;gap:8px;align-items:baseline;background:none;padding:0;width:auto}.blog-card.has-image .blog-date .day{font-size:1.2rem}.blog-card.has-image h3{font-size:1.05rem;line-height:1.5}.blog-card.has-image h3 a:hover{color:var(--color-accent)}.blog-card:hover{border-color:rgba(var(--color-accent-rgb),.4);transform:translateY(-4px)}.blog-date{flex-shrink:0;width:70px;text-align:center;background:rgba(var(--color-accent-rgb),.1);border-radius:var(--radius-sm);padding:12px 8px}.blog-date .day{display:block;font-size:1.8rem;font-weight:800;color:var(--color-accent);line-height:1}.blog-date .month{font-size:.8rem;color:var(--color-dark-muted)}.blog-content h3{font-size:1.1rem;font-weight:700;margin-bottom:8px}.blog-content p{font-size:.9rem;color:var(--color-dark-muted);margin-bottom:12px}.blog-link{font-size:.85rem;font-weight:600;color:var(--color-accent)}.contact-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.contact-details{margin-top:32px;display:flex;flex-direction:column;gap:24px}.contact-detail{display:flex;gap:16px;align-items:flex-start}.detail-icon{font-size:1.5rem;flex-shrink:0;width:48px;height:48px;background:rgba(var(--color-accent-rgb),.1);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.contact-detail strong{display:block;font-size:.9rem;margin-bottom:4px}.contact-detail p{font-size:.9rem;color:var(--color-light-muted)}.contact-form{background:var(--color-light-surface);border:1px solid var(--color-light-border);border-radius:var(--radius-md);padding:36px;box-shadow:var(--shadow-sm)}.contact-form h3{font-size:1.2rem;font-weight:700;margin-bottom:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.85rem;font-weight:600;margin-bottom:6px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;border:1px solid var(--color-light-border);border-radius:var(--radius-sm);font-size:.9rem;background:var(--color-light-bg);color:var(--color-light-text);transition:var(--transition)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(var(--color-accent-rgb),.15)}.clearance-hub{padding:100px 0}.clearance-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.clearance-card{display:block;border-radius:var(--radius-md);overflow:hidden;background:var(--color-light-surface);border:1px solid var(--color-light-border);transition:var(--transition);color:inherit}.clearance-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.clearance-card.featured{border-color:var(--color-accent);box-shadow:0 0 30px rgba(var(--color-accent-rgb),.12)}.clearance-card-img{height:200px;background-size:cover;background-position:center}.clearance-card-body{padding:24px}.clearance-card-body h3{font-size:1.15rem;font-weight:700;margin-bottom:10px}.clearance-card-body p{font-size:.9rem;color:var(--color-light-muted);line-height:1.7;margin-bottom:12px}.clearance-link{font-size:.85rem;font-weight:600;color:var(--color-accent)}@media(max-width:1024px){.clearance-cards{grid-template-columns:1fr}}.footer{padding:60px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid var(--color-dark-border)}.footer-brand p{margin-top:16px;font-size:.9rem;color:var(--color-dark-muted);max-width:300px;line-height:1.7}.footer-links h4,.footer-contact h4{font-size:.95rem;font-weight:700;margin-bottom:16px;color:var(--color-accent)}.footer-links{display:flex;flex-direction:column;gap:10px}.footer-links a{font-size:.9rem;color:var(--color-dark-muted);transition:var(--transition)}.footer-links a:hover{color:var(--color-accent)}.footer-contact p{font-size:.9rem;color:var(--color-dark-muted);margin-bottom:6px}.footer-bottom{padding:24px 0;text-align:center}.footer-bottom p{font-size:.85rem;color:var(--color-dark-muted)}@media(max-width:1024px){.services-grid{grid-template-columns:1fr}.services-extra,.process-timeline{grid-template-columns:repeat(2,1fr)}.process-timeline:before{display:none}.portfolio-grid,.features-grid,.footer-grid,.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){section{padding:70px 0}.nav{position:fixed;top:var(--header-height);right:0;left:0;background:var(--color-dark-surface);flex-direction:column;padding:20px;gap:4px;transform:translateY(-120%);transition:var(--transition);border-bottom:1px solid var(--color-dark-border)}.nav.open{transform:translateY(0)}.nav-link{padding:12px 16px}.menu-toggle{display:flex}.header-actions .btn{display:none}.hero-stats{gap:24px}.stat-number{font-size:2rem}.value-grid,.blog-grid,.form-row{grid-template-columns:1fr}.theme-switcher{left:auto;right:12px;top:auto;bottom:20px;transform:none;flex-direction:row}.footer-grid{grid-template-columns:1fr}}@media(max-width:480px){.process-timeline,.portfolio-grid,.features-grid,.services-extra{grid-template-columns:1fr}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}}.reading-progress{position:fixed;top:var(--header-height);left:0;right:0;height:3px;background:var(--color-dark-border);z-index:999}.reading-progress-bar{height:100%;width:0;background:var(--color-accent);transition:width .1s linear}.page-hero{position:relative;min-height:55vh;display:flex;align-items:flex-end;padding:calc(var(--header-height) + 60px) 0 60px;background-size:cover;background-position:center;color:#fff}.page-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000eb,#00000080,#0000004d)}.page-hero .container{position:relative;z-index:1}.page-hero .breadcrumb{display:flex;gap:8px;font-size:.85rem;margin-bottom:20px;opacity:.8}.page-hero .breadcrumb a:hover{color:var(--color-accent)}.page-hero h1{font-size:clamp(1.8rem,4vw,3rem);font-weight:800;line-height:1.35;max-width:800px;margin-bottom:20px}.page-hero-meta{display:flex;gap:24px;flex-wrap:wrap;font-size:.9rem;opacity:.85}.page-hero-meta span{display:flex;align-items:center;gap:6px}.article-page{background:var(--color-light-bg)}.article-body{max-width:780px;padding:60px 24px 80px;color:var(--color-light-text)}.article-lead{font-size:1.2rem;font-weight:500;line-height:1.9;color:var(--color-light-muted);border-right:4px solid var(--color-accent);padding-right:20px;margin-bottom:40px}.article-body h2{font-size:1.6rem;font-weight:800;margin:48px 0 20px;color:var(--color-light-text);line-height:1.4}.article-body h3{font-size:1.2rem;font-weight:700;margin:32px 0 14px}.article-body p{font-size:1.05rem;line-height:2;margin-bottom:20px;color:var(--color-light-muted)}.article-body ul,.article-body ol{margin:0 0 24px;padding-right:24px}.article-body li{font-size:1.05rem;line-height:1.9;margin-bottom:10px;color:var(--color-light-muted)}.article-body strong{color:var(--color-light-text)}.article-image{margin:40px 0;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md)}.article-image img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover}.article-image figcaption{padding:14px 20px;font-size:.85rem;background:var(--color-light-surface);color:var(--color-light-muted);border-top:1px solid var(--color-light-border)}.article-highlight{background:rgba(var(--color-accent-rgb),.08);border:1px solid rgba(var(--color-accent-rgb),.25);border-radius:var(--radius-md);padding:28px 32px;margin:36px 0}.article-highlight h3{color:var(--color-accent);margin-top:0;font-size:1.1rem}.article-highlight p{margin-bottom:0}.article-quote{font-size:1.3rem;font-weight:600;font-style:italic;text-align:center;padding:32px;margin:40px 0;border-top:2px solid var(--color-accent);border-bottom:2px solid var(--color-accent);color:var(--color-light-text);line-height:1.8}.article-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:48px;padding-top:32px;border-top:1px solid var(--color-light-border)}.article-tag{padding:6px 14px;background:rgba(var(--color-accent-rgb),.1);color:var(--color-accent);border-radius:50px;font-size:.8rem;font-weight:600}.article-cta{background:var(--color-dark-bg);color:var(--color-dark-text);padding:60px 0;text-align:center}.article-cta h2{font-size:1.8rem;font-weight:800;margin-bottom:16px}.article-cta p{font-size:1.05rem;color:var(--color-dark-muted);max-width:600px;margin:0 auto 28px;line-height:1.8}.related-articles{padding:80px 0;background:var(--color-light-surface)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.related-card{border-radius:var(--radius-md);overflow:hidden;background:var(--color-light-bg);border:1px solid var(--color-light-border);transition:var(--transition)}.related-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:var(--color-accent)}.related-card-image{height:180px;background-size:cover;background-position:center}.related-card-body{padding:20px}.related-card-body h3{font-size:1rem;font-weight:700;margin-bottom:8px;line-height:1.5}.related-card-body p{font-size:.85rem;color:var(--color-light-muted);margin-bottom:12px;line-height:1.6}.related-card-body a{font-size:.85rem;font-weight:600;color:var(--color-accent)}.blog-page-hero{padding:calc(var(--header-height) + 80px) 0 60px;background:var(--color-dark-bg);color:var(--color-dark-text);text-align:center}.blog-page-hero h1{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:16px}.blog-page-hero p{font-size:1.1rem;color:var(--color-dark-muted);max-width:600px;margin:0 auto}.blog-listing{padding:80px 0;background:var(--color-light-bg)}.blog-list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.blog-list-card{border-radius:var(--radius-md);overflow:hidden;background:var(--color-light-surface);border:1px solid var(--color-light-border);transition:var(--transition)}.blog-list-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.blog-list-card-image{height:220px;background-size:cover;background-position:center;position:relative}.blog-list-card-image .read-time{position:absolute;bottom:12px;right:12px;background:#000000b3;color:#fff;padding:4px 12px;border-radius:50px;font-size:.75rem}.blog-list-card-body{padding:24px}.blog-list-card-cat{font-size:.75rem;font-weight:700;color:var(--color-accent);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.blog-list-card-body h2{font-size:1.15rem;font-weight:700;margin-bottom:10px;line-height:1.5}.blog-list-card a{display:block;color:inherit}.blog-list-card h2{color:var(--color-light-text);transition:var(--transition)}.blog-list-card:hover h2{color:var(--color-accent)}.blog-section-title{font-size:1.3rem;font-weight:800;margin-bottom:28px;padding-bottom:12px;border-bottom:2px solid var(--color-light-border)}.blog-list-card-body p{font-size:.9rem;color:var(--color-light-muted);line-height:1.7;margin-bottom:16px}.blog-list-card-meta{display:flex;justify-content:space-between;font-size:.8rem;color:var(--color-light-muted)}.holding-section{padding:100px 0}.holding-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:60px}.holding-intro-image{border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-lg)}.holding-intro-image img{width:100%;aspect-ratio:4/3;object-fit:cover}.holding-brands{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.brand-card{background:var(--color-dark-surface);border:1px solid var(--color-dark-border);border-radius:var(--radius-md);padding:28px 24px;transition:var(--transition);position:relative;overflow:hidden}.brand-card:before{content:"";position:absolute;top:0;right:0;width:100%;height:3px;background:var(--color-accent);transform:scaleX(0);transform-origin:right;transition:var(--transition)}.brand-card:hover{border-color:rgba(var(--color-accent-rgb),.4);transform:translateY(-4px)}.brand-card:hover:before{transform:scaleX(1)}.brand-icon{width:48px;height:48px;background:rgba(var(--color-accent-rgb),.12);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:16px}.brand-card h3{font-size:1.05rem;font-weight:700;margin-bottom:8px}.brand-card p{font-size:.85rem;color:var(--color-dark-muted);line-height:1.7}.brand-card .brand-tag{display:inline-block;margin-top:12px;font-size:.75rem;font-weight:600;color:var(--color-accent)}.seo-content{padding:80px 0}.seo-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.seo-block{padding:32px;border-radius:var(--radius-md);border:1px solid var(--color-light-border);background:var(--color-light-surface)}.seo-block h3{font-size:1.15rem;font-weight:700;margin-bottom:12px;color:var(--color-accent)}.seo-block p{font-size:.95rem;line-height:1.8;color:var(--color-light-muted)}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.blog-card-image{width:120px;height:120px;border-radius:var(--radius-sm);background-size:cover;background-position:center;flex-shrink:0}.blog-card.has-image{padding:20px}.blog-card.has-image .blog-content{flex:1}@media(max-width:1024px){.related-grid,.blog-list-grid,.holding-brands{grid-template-columns:repeat(2,1fr)}.holding-intro,.seo-content-grid{grid-template-columns:1fr}}@media(max-width:768px){.related-grid,.blog-list-grid,.holding-brands{grid-template-columns:1fr}.page-hero{min-height:45vh}.article-body{padding:40px 20px 60px}}