.hero-banner{background:#0d0d0d image-set("/images/bg.webp" 1x type("image/webp"),"/images/bg.jpg" 1x type("image/jpeg")) 100% 100%/cover no-repeat;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-inner{justify-content:space-around;align-items:center;width:100%;max-width:1600px;height:100%;margin:0 auto;padding:0 40px;display:flex}.hero-text{flex:1}.hero-image{text-align:center;flex:1}.hero-image img{max-width:100%;height:auto;display:block}.hero-brand{color:#fff;margin-bottom:1rem;font-size:1.52rem}.hero-logo-img{margin-top:1rem}.hero-logo-img img{max-width:100%;height:auto}.hero-title{color:#fff;margin-top:9rem;margin-bottom:3rem;font-size:2rem}.hero-btn{margin-top:1rem}.hero-btn a{text-align:center;color:#fff;border:1px solid #fff;width:177px;height:45px;line-height:45px;text-decoration:none;transition:all .3s;display:block}.hero-btn a:hover{color:#121212;background:#fff}.products-section{background:#0d0d0d;padding:80px 0 30px}.products-section .section-title--left,.products-section .section-subtitle--left{text-align:left}.products-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.product-card{color:inherit;background:#151515;border:1px solid #ffffff0f;border-radius:16px;text-decoration:none;transition:all .35s;display:block;overflow:hidden}.product-card:hover{border-color:#d4af374d;transform:translateY(-6px);box-shadow:0 12px 40px #00000080}.product-img-wrap{aspect-ratio:1;background:#1a1a1a;justify-content:center;align-items:center;width:100%;padding:30px;display:flex;overflow:hidden}.product-img-wrap img{object-fit:contain;width:100%;height:100%;transition:transform .5s}.product-card:hover .product-img-wrap img{transform:scale(1.08)}.product-info{padding:24px}.product-info h3{color:#d4af37;letter-spacing:2px;margin-bottom:10px;font-size:1.15rem}.product-info p{color:#999;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:16px;font-size:1rem;line-height:1.6;display:-webkit-box;overflow:hidden}.product-link{color:#da5300;letter-spacing:1px;font-size:1rem;font-weight:600}.features-section{min-height:400px;position:relative;overflow:hidden}.features-bg{background:#0d0d0d image-set("/images/bg_features.webp" 1x type("image/webp"),"/images/bg_features.jpg" 1x type("image/jpeg")) 0/cover no-repeat;width:100%;position:absolute;top:0;bottom:0;left:0}.features-layout{min-height:80vh}.features-left{display:none}.features-left img{width:100%;height:auto;display:block}.features-right{z-index:2;flex-direction:column;gap:14px;max-width:340px;display:flex;position:absolute;top:60px;right:10%}.features-headline{color:#d4af37;letter-spacing:4px;text-shadow:0 1px 6px #000000e6;margin-bottom:10px;font-size:1.5rem;font-weight:700}.features-title{color:#d4af37;letter-spacing:3px;margin-bottom:6px;font-size:1.3rem;font-weight:700}.features-subtitle{color:#fff;letter-spacing:2px;margin-bottom:8px;font-size:1rem}.features-desc{color:#ddd;letter-spacing:1px;text-shadow:0 1px 4px #000c;font-size:.9rem;line-height:1.6}.faq-section{background:#111;padding:30px 0 80px}.faq-list{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1400px;margin:0 auto;display:grid}.faq-item{background:#ffffff05;border:1px solid #ffffff1a;border-radius:10px;transition:all .3s;overflow:hidden}.faq-item:hover{background:#d4af370d;border-color:#d4af374d}.faq-question{color:#fff;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;min-height:56px;padding:18px 22px;font-family:inherit;font-size:1rem;transition:color .3s;display:flex}.faq-question:hover{color:#d4af37}.faq-q-icon{color:#d4af37;background:#d4af3726;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.95rem;font-weight:700;display:flex}.faq-q-text{flex:1;font-size:1rem;font-weight:600;line-height:1.3}.faq-toggle{color:#d4af37;flex-shrink:0;font-size:1.4rem;transition:transform .3s}.faq-answer{max-height:0;transition:max-height .4s,padding .3s;overflow:hidden}.faq-item.active .faq-answer{max-height:300px;padding:0 16px 14px}.faq-answer p{color:#bbb;font-size:.95rem;line-height:1.7}.faq-cta{text-align:center;margin-top:40px}.academy-section{background:#0d0d0d;padding:30px 0 80px}.articles-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.article-card{color:inherit;background:#151515;border:1px solid #ffffff0f;border-radius:16px;text-decoration:none;transition:all .35s;display:block;overflow:hidden}.article-card:hover{border-color:#da53004d;transform:translateY(-6px);box-shadow:0 12px 40px #00000080}.article-img-wrap{aspect-ratio:16/10;background:#1a1a1a;width:100%;overflow:hidden}.article-img-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.article-card:hover .article-img-wrap img{transform:scale(1.06)}.article-info{padding:24px}.article-category{color:#da5300;letter-spacing:1px;background:#da530026;border-radius:20px;margin-bottom:12px;padding:4px 14px;font-size:.8rem;display:inline-block}.article-info h3{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;font-size:1.05rem;line-height:1.4;display:-webkit-box;overflow:hidden}.article-info p{color:#999;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:14px;font-size:1rem;line-height:1.6;display:-webkit-box;overflow:hidden}.article-link{color:#da5300;letter-spacing:1px;font-size:1rem;font-weight:600}.academy-cta{text-align:center;margin-top:50px}@media (width<=1024px){.hero-inner{text-align:center;flex-direction:column;padding:120px 20px 0}.hero-title{margin-top:3rem;font-size:1.6rem}.hero-brand{font-size:1.4rem}.hero-btn a{width:140px;height:40px;font-size:1rem;line-height:40px}.hero-image{margin-top:2rem}.hero-image img{max-width:80%}.faq-list{grid-template-columns:repeat(2,1fr)}.section-title{font-size:1.3rem}.article-info,.product-info{padding:16px}.products-grid{grid-template-columns:repeat(2,1fr)}.features-section{flex-direction:column;min-height:auto;display:flex}.features-bg{display:none}.features-layout{min-height:auto}.features-left{width:100%;display:block}.features-right{max-width:100%;padding:30px 20px;position:relative;top:auto;right:auto}.features-title{font-size:1.1rem}}@media (width<=640px){.faq-list,.products-grid{grid-template-columns:1fr}.features-right{padding:20px}.features-title{font-size:1rem}.articles-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:16px;padding-bottom:8px;display:flex;overflow-x:auto}.articles-grid .article-card{scroll-snap-align:start;flex:0 0 75%}.articles-grid::-webkit-scrollbar{height:4px}.articles-grid::-webkit-scrollbar-thumb{background:#333;border-radius:2px}}
