@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Source+Sans+Pro:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600&family=Source+Sans+Pro:wght@400;500&display=swap";
@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Source+Sans+Pro:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Source+Sans+Pro:wght@400;500&display=swap";
.home-about-section{background:#f8fafc;padding:90px 0}.home-about-inner{grid-template-columns:1fr 1fr;align-items:center;gap:72px;max-width:1200px;margin:0 auto;padding:0 48px;display:grid}.home-about-image-col{position:relative}.home-about-image-wrap{border-radius:18px;width:100%;height:520px;position:relative;overflow:hidden;box-shadow:0 20px 50px #0000001f}.home-about-img{object-fit:cover}.home-about-float-badge{background:#2a5898;border-radius:12px;flex-direction:column;gap:2px;padding:16px 24px;display:flex;position:absolute;bottom:28px;left:28px;box-shadow:0 8px 24px #2a589859}.home-about-float-num{color:#fff;font-family:Montserrat,sans-serif;font-size:36px;font-weight:700;line-height:1}.home-about-float-num sup{font-size:20px}.home-about-float-label{color:#ffffffd9;font-family:Source Sans Pro,sans-serif;font-size:13px;font-weight:500}.home-about-content-col{flex-direction:column;gap:0;display:flex}.home-about-badge{color:#2a5898;letter-spacing:.4px;background:#2a58981a;border-radius:50px;width:fit-content;margin-bottom:16px;padding:7px 20px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:500;display:inline-block}.home-about-title{color:#0f172a;margin-bottom:20px;font-family:Montserrat,sans-serif;font-size:36px;font-weight:700;line-height:1.2}.home-about-accent{color:#2a5898}.home-about-desc{color:#1e293b;margin-bottom:14px;font-family:Source Sans Pro,sans-serif;font-size:16px;line-height:1.75}.home-about-stats{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:0;margin:28px 0 32px;padding:28px 32px;display:flex;box-shadow:0 2px 12px #0000000a}.home-stat-card{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.home-stat-number{color:#2a5898;font-family:Montserrat,sans-serif;font-size:38px;font-weight:700;line-height:1}.home-stat-plus{color:#2a5898;font-size:24px}.home-stat-label{color:#1e293b;font-family:Source Sans Pro,sans-serif;font-size:14px;font-weight:500}.home-stat-divider{background:#e2e8f0;flex-shrink:0;width:1px;height:50px}@media (max-width:1024px){.home-about-inner{gap:48px;padding:0 32px}.home-about-title{font-size:30px}}@media (max-width:768px){.home-about-section{padding:60px 0}.home-about-inner{grid-template-columns:1fr;gap:40px;padding:0 20px}.home-about-image-wrap{height:340px}.home-about-title{font-size:26px}.home-about-stats{padding:20px 16px}.home-stat-number{font-size:28px}}
.product-section{background:#f3f5f7}.product-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}.product-left{color:#fff;background:#0e7a53;height:100%;padding:40px 32px}.product-left-2{color:#fff;background:#1447e6;height:100%;padding:40px 32px}.product-heading{align-items:center;gap:14px;margin-bottom:20px;display:flex}.product-title{margin:0;font-family:Montserrat,sans-serif;font-size:17px;font-weight:600}.product-purity{opacity:.85;margin:0;font-size:14px}.product-desc{opacity:.95;color:#fff;margin-bottom:25px;font-family:Source Sans Pro,sans-serif;font-size:12px;line-height:1.7}.product-grade-box{color:#fff;background:#ffffff1a;border-radius:12px;max-width:260px;padding:18px;font-family:Source Sans Pro,sans-serif}.grade-label{opacity:.9;font-size:12px}.grade-title{margin:6px 0;font-size:20px;font-weight:600}.grade-desc{opacity:.9;font-size:13px}.product-right{background:#fff;height:100%;padding:35px 32px}.info-title{color:#0f172a;margin-bottom:16px;font-family:Source Sans Pro,sans-serif;font-size:16px;font-weight:600}.info-card{background:#eef2f4;border-radius:10px;margin-bottom:12px;padding:14px;font-family:Source Sans Pro,sans-serif}.info-head{color:#374151;margin:0;font-size:13px;font-weight:600}.info-sub{color:#111827;margin:2px 0;font-size:13px}.info-foot{color:#6a7282;font-family:Source Sans Pro,sans-serif;font-size:12px}.app-list{color:#000;margin:0;padding:0;font-family:Source Sans Pro,sans-serif;font-size:14px;font-weight:600;list-style:none}.app-list li{color:#111827;margin-bottom:12px;padding-left:18px;font-size:14px;position:relative}.app-list li:before{content:"";background:#0e7a53;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:0}.app-list span{color:#6b7280;font-size:12px;display:block}.production-box{background:#eaf4f0;border:1px solid #007a55;border-radius:12px;margin-top:15px;padding:16px}.packing-badge{color:#4f6b95;background:#dbe7f5;border-radius:20px;padding:8px 18px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:500;display:inline-block}.product-section .packing-badge{width:fit-content;margin:0 auto 24px;display:block}.production-tags{flex-wrap:wrap;gap:10px;display:flex}.production-tags span{color:#374151;background:#fff;border-radius:8px;padding:8px 12px;font-family:Source Sans Pro,sans-serif;font-size:12px}
.hero-fullwidth{width:100%;height:90vh;min-height:600px;position:relative;overflow:hidden}.hero-slider{width:100%;height:100%;position:relative}.hero-slide{opacity:0;transition:opacity .8s;position:absolute;inset:0}.hero-slide-active{opacity:1}.hero-slide-img{object-fit:cover}.hero-overlay{background:linear-gradient(105deg,#0a1428cc 0%,#0a142899 40%,#0a14284d 100%);position:absolute;inset:0}.hero-content-overlay{z-index:10;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.hero-inner{max-width:1200px;margin:0 auto;padding:0 48px}.hero-badge{color:#fff;letter-spacing:.5px;background:#ffffff26;border:1px solid #ffffff59;border-radius:50px;margin-bottom:20px;padding:7px 20px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:500;display:inline-block}.hero-title{color:#fff;max-width:680px;margin-bottom:16px;font-family:Montserrat,sans-serif;font-size:56px;font-weight:700;line-height:1.12}.hero-accent{color:#60a5fa}.hero-subtitle{color:#ffffffeb;max-width:580px;margin-bottom:12px;font-family:Source Sans Pro,sans-serif;font-size:20px;font-weight:600}.hero-desc{color:#ffffffb8;max-width:540px;margin-bottom:36px;font-family:Source Sans Pro,sans-serif;font-size:16px;line-height:1.75}.hero-btns{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.hero-outline-btn{color:#fff;cursor:pointer;letter-spacing:.3px;background:0 0;border:2px solid #ffffffb3;border-radius:6px;padding:12px 28px;font-family:Montserrat,sans-serif;font-size:15px;font-weight:600;transition:all .25s}.hero-outline-btn:hover{background:#ffffff1f;border-color:#fff}.hero-slide-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-text-fade{opacity:0;transition:opacity .4s,transform .4s;transform:translateY(12px)}.hero-text-visible{opacity:1;transform:translateY(0)}.hero-arrow{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;z-index:10;background:#ffffff26;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:14px;transition:background .2s;display:flex;position:absolute;bottom:36px}.hero-arrow:hover{background:#ffffff47}.hero-arrow-left{left:48px}.hero-arrow-right{left:108px}.hero-dots{z-index:10;gap:8px;display:flex;position:absolute;bottom:52px;right:48px}.hero-dot{cursor:pointer;background:#ffffff73;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .3s}.hero-dot-active{background:#fff;border-radius:4px;width:28px}.hero-features-bar{background-color:#2a5898;padding:20px 0}.hero-features-inner{grid-template-columns:repeat(4,1fr);gap:16px;max-width:1200px;margin:0 auto;padding:0 48px;display:grid}.hero-feature-item{flex-direction:column;align-items:center;gap:8px;display:flex}.hero-feature-icon{color:#fff;width:28px;height:28px;font-size:28px}.hero-feature-label{color:#fff;letter-spacing:.4px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:600}@media (max-width:1024px){.hero-title{font-size:42px}.hero-inner,.hero-features-inner{padding:0 32px}}@media (max-width:768px){.hero-fullwidth{height:75vh;min-height:500px}.hero-title{font-size:30px}.hero-subtitle{font-size:16px}.hero-desc{margin-bottom:24px;font-size:14px}.hero-inner{padding:0 20px}.hero-features-inner{grid-template-columns:repeat(2,1fr);gap:20px;padding:0 20px}.hero-arrow-left{left:20px}.hero-arrow-right{left:80px}.hero-dots{bottom:44px;right:20px}}@media (max-width:480px){.hero-title{font-size:26px}.hero-badge{padding:5px 14px;font-size:11px}}
.industries-section{background:#f8fafc;padding:90px 0}.industries-inner{max-width:1200px;margin:0 auto;padding:0 24px}.industries-header{margin-bottom:50px}.industries-title{color:#0f172a;margin-top:0;margin-bottom:12px;font-family:Montserrat,sans-serif;font-size:36px;font-weight:700}.industries-subtitle{color:#475569;max-width:520px;margin:0 auto;font-family:Source Sans Pro,sans-serif;font-size:16px;line-height:1.65}.industries-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.industry-tile{cursor:pointer;border-radius:12px;height:220px;position:relative;overflow:hidden;box-shadow:0 2px 12px #00000014}.industry-tile-img{object-fit:cover;transition:transform .4s}.industry-tile:hover .industry-tile-img{transform:scale(1.08)}.industry-tile-overlay{background:#0f172a80;justify-content:center;align-items:center;padding:16px;transition:background .3s;display:flex;position:absolute;inset:0}.industry-tile:hover .industry-tile-overlay{background:#2563ebbf}.industry-tile-overlay h3{color:#fff;text-align:center;text-shadow:0 1px 4px #0000004d;margin:0;font-family:Montserrat,sans-serif;font-size:18px;font-weight:600}@media (max-width:1024px){.industries-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.industries-section{padding:60px 0}.industries-title{font-size:28px}.industries-grid{grid-template-columns:repeat(2,1fr);gap:16px}.industry-tile{height:180px}}@media (max-width:480px){.industries-grid{grid-template-columns:repeat(2,1fr)}.industry-tile{height:160px}.industry-tile-overlay h3{font-size:15px}}