*{box-sizing:border-box;margin:0;padding:0}
:root{--blue:#1478bd;--deep:#123b5e;--sky:#eaf7ff;--green:#58a93d;--greenbg:#eef8e9;--yellow:#f8b820;--orange:#f28a1d;--red:#ef4b2f;--text:#1d2c3a;--muted:#63748a;--line:#dfeaf3}
body{font-family:Inter,Arial,sans-serif;background:#e8f2f9;color:var(--text);line-height:1.35}
a{text-decoration:none;color:inherit}
img{display:block}



.fixtop{position:fixed;top:0;z-index:999;width:750px;max-width:100%;left:50%;transform:translateX(-50%)}
.phone{width:750px;max-width:100%;margin:0 auto;background:#fff;min-height:100vh;overflow:hidden;position:relative;box-shadow:0 18px 60px rgba(18,59,94,0.18)}
.fixed{position:fixed;left:50%;transform:translateX(-50%);width:750px;max-width:100%;bottom:0;z-index:70;background:#fff;border-top:1px solid var(--line);padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px;box-shadow:0 -8px 24px rgba(18,59,94,0.1)}
@media (max-width:1024px){
    .fixtop{width:750px;left:0;transform:none}
    .phone{width:750px;margin:0;border-radius:0}
    .fixed{width:750px;left:0;transform:none}
}
@media (max-width:480px){
    .fixed{padding:8px 12px;gap:6px}
}




.topline{height:32px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;gap:8px}
.topline a{color:#fff2bf;font-weight:900}
.nav{height:58px;background:#fff;position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--line)}
.logo-wrap{display:flex;align-items:center;gap:7px}
.logo-wrap img{width:36px;height:30px;object-fit:contain;background:#fff;border-radius:6px}
.logo{font-size:13px;font-weight:900;color:var(--deep);white-space:nowrap}
.logo span{color:var(--blue)}
.nav-btn{background:var(--yellow);color:#3a2900;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:900}
.lang-dropdown{position:relative;display:inline-flex;align-items:center;justify-content:center;background:var(--yellow);color:#3a2900;border-radius:999px;padding:9px 14px;font-size:12px;font-weight:900;cursor:pointer;user-select:none;min-width:90px;line-height:1}
.lang-current{display:flex;align-items:center;gap:6px;white-space:nowrap;flex-direction: row-reverse;}
.lang-current img{width:14px;height:14px;object-fit:contain;vertical-align:middle}
.lang-list{display:none;position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);margin:0;padding:8px 0;list-style:none;background:var(--yellow);border-radius:12px;min-width:100%;width:100%;box-shadow:0 2px 8px rgba(0,0,0,0.15);z-index:99;text-align:center}
.lang-list li{padding:6px 12px;text-align:center;white-space:nowrap}
.lang-list li a{color:#3a2900;text-decoration:none;font-size:12px;font-weight:700}
.lang-list li:hover{background:rgba(0,0,0,0.1)}
.lang-dropdown.active .lang-list{display:block}


.hero{padding:12px 12px 20px;background:linear-gradient(180deg,#e9f7ff,#fff);margin-top: 90px;}
.hero-photo{height:590px;border-radius:28px;overflow:hidden;position:relative;box-shadow:0 18px 38px rgba(18,59,94,.2)}
.hero-photo img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;object-position: center right;}
.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,44,74,.08) 0%,rgba(6,38,65,.18) 38%,rgba(5,31,54,.80) 100%)}
.badge,.hot{position:absolute;top:13px;z-index:2;border-radius:999px;padding:8px 10px;font-size:10px;font-weight:900;box-shadow:0 8px 20px rgba(0,0,0,.14)}
.badge{left:13px;background:#fff;color:var(--blue)}
.hot{right:13px;background:var(--red);color:#fff}
.hero-text{position:absolute;left:16px;right:16px;bottom:18px;z-index:2;color:#fff}
.hero-text h1{font-size:32px;line-height:.98;letter-spacing:-1.2px;font-weight:900;text-shadow:0 2px 12px rgba(0,0,0,.45)}
.hero-text p{font-size:13px;color:#f1fbff;margin-top:8px;font-weight:900;max-width:290px;text-shadow:0 2px 10px rgba(0,0,0,.4)}
.statbar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}
.stat{background:#fff;border:1px solid var(--line);border-radius:15px;padding:10px 6px;text-align:center;box-shadow:0 8px 20px rgba(18,59,94,.07)}
.stat b{display:block;color:var(--blue);font-size:17px}
.stat span{font-size:10px;color:var(--muted);font-weight:800}
.cta-row{display:grid;grid-template-columns:1.15fr .85fr;gap:9px;margin-bottom:14px}
.btn{height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px}
.primary{background:linear-gradient(135deg,var(--yellow),var(--orange));color:#3a2600;box-shadow:0 7px 0 #c8790a}
.secondary{background:#eaf7ff;color:var(--blue);border:1px solid #cde8f8}
.quick-form,.quote-card{background:#fff;border:1px solid var(--line);border-radius:23px;padding:14px;box-shadow:0 12px 32px rgba(18,59,94,.12)}
.quick-form h3,.quote-card h3{font-size:17px;color:var(--deep);font-weight:900;margin-bottom:8px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.field,.input{width:100%;height:43px;background:#f7fbfe;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;padding:0 10px;font-size:11px;color:#7d8b9b;outline:none;font-family:inherit}
.wide{grid-column:1/3}
.submit,.send{grid-column:1/3;width:100%;border:0;height:45px;background:var(--blue);color:#fff;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;font-family:inherit}
.hint{text-align:center;color:#8a98a8;font-size:10px;margin-top:8px}
section{padding:30px 15px}
.label{text-align:center;color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.8px;text-transform:uppercase;margin-bottom:8px}
.title{text-align:center;color:var(--deep);font-size:24px;line-height:1.12;font-weight:900;letter-spacing:-.5px;margin-bottom:9px}
.desc{text-align:center;color:var(--muted);font-size:13px;margin:0 auto 18px;}
.pain{background:#fff}
.pain-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;margin-bottom:12px;box-shadow:0 10px 24px rgba(18,59,94,.08)}
.pain-card img{width:100%;object-fit:cover}
.pain-card div{padding:13px}
.pain-card h4{font-size:17px;color:var(--deep);margin-bottom:5px}
.pain-card p{font-size:12px;color:var(--muted)}
.systems{background:var(--sky)}
.machine-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.machine{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 10px 24px rgba(18,59,94,.1);position:relative}
.machine img{width:100%;height:200px;object-fit:cover}
.machine .tag{position:absolute;top:8px;left:8px;background:var(--yellow);color:#382700;font-size:9px;font-weight:900;padding:5px 7px;border-radius:999px}
.machine div{padding:11px}
.machine h4{font-size:13px;color:var(--deep);line-height:1.15}
.machine p{font-size:10px;color:var(--muted);margin-top:4px}
.flow{background:#fff}
.visual-flow{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 12px 30px rgba(18,59,94,.1)}
.flow-img{height:205px;background:url('http://www.grainsilofactory.com/static/img/ab_our_service.jpg') center/cover no-repeat;position:relative}
.flow-img:after{content:"EPC Turnkey Service";position:absolute;left:12px;right:12px;bottom:12px;background:rgba(255,255,255,.93);color:var(--deep);font-size:15px;font-weight:900;text-align:center;padding:11px;border-radius:14px}
.flow-steps{display:grid;grid-template-columns:1fr;padding:12px;gap:8px}
.flow-step{background:#f7fbfe;border-radius:15px;padding:10px;border:1px solid var(--line);display:flex;align-items:center;gap:10px}
.flow-step b{width:32px;height:32px;border-radius:50%;background:var(--blue);color:#fff;font-size:13px;display:flex;align-items:center;justify-content:center;flex:none}
.flow-step:nth-child(2) b,.flow-step:nth-child(5) b{background:var(--green)}
.flow-step:nth-child(3) b{background:var(--yellow);color:#4a3200}
.flow-step span{font-size:12px;color:var(--deep);font-weight:900}
.flow-step small{display:block;font-size:10px;color:var(--muted);font-weight:600;margin-top:2px}
.materials{background:var(--greenbg)}
.material-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.mat{height:140px;border-radius:16px;overflow:hidden;position:relative;background:#ddd}
.mat img{width:100%;height:100%;object-fit:cover}
.mat:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.45))}
.mat b{position:absolute;left:7px;right:7px;bottom:7px;color:#fff;z-index:2;}
.service{background:#fff}
.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.svc{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 8px 20px rgba(18,59,94,.07)}
.svc img{width:100%;object-fit:cover}
.svc div{padding:10px}
.svc b{color:var(--deep)}
.svc p{font-size:13px;color:var(--muted);margin-top:4px}
.projects{background:var(--greenbg)}
.project-hero{border-radius:26px;box-shadow:0 16px 34px rgba(18,59,94,.15);position:relative;overflow:hidden;margin-bottom:12px}
.project-hero img{width: 100%;border-radius: 26px;}
.project-hero:after{content:"Global Grain Silo Project Cases";position:absolute;left:16px;right:16px;bottom:16px;color:#fff;font-size:23px;line-height:1.05;font-weight:900;text-shadow:0 2px 12px rgba(0,0,0,.55)}
.about{background:#fff}
.about-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 12px 30px rgba(18,59,94,.1)}
.about-card>img{width:100%;object-fit:cover}
.about-card p{font-size:12px;color:var(--muted);padding:14px 14px 10px}
.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 14px 14px}
.about-stats span{background:#f7fbfe;border:1px solid var(--line);border-radius:14px;padding:9px;font-size:13px;color:var(--muted);font-weight:800;display: flex;flex-wrap: wrap;align-items: center;}
.about-stats b{display:block;color:var(--blue);font-size:20px;width: 100%;}
.certs{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px;align-items: center;}
.certs img{width:100%;object-fit:cover;border-radius:16px;border:1px solid var(--line)}
.workshop{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.workshop img{width:100%;object-fit:cover;border-radius:16px;border:1px solid var(--line)}
.final{background:linear-gradient(180deg,#fff,#eaf7ff);padding-bottom:92px}
.quote-card p{font-size:12px;color:var(--muted);margin-bottom:12px}
.quote-card .input{margin-bottom:9px;height:46px}
.quote-card .send{background:linear-gradient(135deg,var(--yellow),var(--orange));color:#3a2600;box-shadow:0 7px 0 #c7780b}
.submit-note{display:block;text-align:center;color:var(--blue);font-size:11px;font-weight:900;margin-top:12px}
.urgency{margin-top:12px;background:#fff7df;border:1px solid #ffe1a1;border-radius:18px;padding:11px;text-align:center;color:#6d4300;font-size:12px;font-weight:900}
.mini-cta{margin-top:14px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--yellow),var(--orange));display:flex;align-items:center;justify-content:center;color:#3a2600;font-size:13px;font-weight:900;box-shadow:0 7px 0 #c7780b}
.hot-package{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 12px 30px rgba(18,59,94,.1);margin-bottom:14px}
.hot-package.video iframe{width: 100%;height: 26rem;margin-top: 12px;border-radius: 1rem;}
@media(max-width:767px){
    .hot-package.video iframe{height: 15rem;}
}

.hot-package.video h4{text-align: center;}
.hot-package.video{background: initial;box-shadow: initial;border: initial;}
.hot-package img{width:100%;object-fit:cover}
.hot-package div{padding:14px}
.hot-package h4{font-size:19px;color:var(--deep);line-height:1.12;margin-bottom:6px}
.hot-package p{font-size:12px;color:var(--muted);margin-bottom:10px}
.check-list{display:grid;gap:8px;margin-top:10px}
.check{background:#f7fbfe;border:1px solid var(--line);border-radius:14px;padding:10px;font-size:12px;font-weight:800;color:var(--deep)}
.check:before{content:'?';color:var(--green);font-weight:900;margin-right:7px}
.benefit-strip{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0}
.benefit-strip span{background:#fff;border:1px solid var(--line);border-radius:15px;padding:10px;text-align:center;font-size:11px;font-weight:900;color:var(--deep);box-shadow:0 8px 18px rgba(18,59,94,.06)}
.hero-points{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.hero-points span{background:rgba(255,255,255,.94);color:#123b5e;border-radius:999px;padding:6px 8px;font-size:10px;font-weight:900}
.hero-cta{display:grid;grid-template-columns:1.1fr .9fr;gap:9px;margin-top:13px}
.hero-cta a{height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900}
.hero-cta .quote{background:linear-gradient(135deg,#f8b820,#f28a1d);color:#332100;box-shadow:0 7px 0 #c7780b}
.hero-cta .whats{background:#25d366;color:#063b18}
.micro-form-toggle{height:46px;border-radius:14px;background:#eaf7ff;color:#1478bd;border:1px solid #cde8f8;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;margin-top:9px}
.hero-form{margin-top:14px;position:relative;z-index:5;background:#fff;border:1px solid #dfeaf3;border-radius:24px;padding:14px;box-shadow:0 12px 28px rgba(18,59,94,.12)}
.hero-form-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;position:relative}
.hero-form-title h3{font-size:17px;line-height:1.05;color:#123b5e;font-weight:900;width:70%}
.hero-form-title b{background:#ef4b2f;color:#fff;border-radius:999px;padding:6px 8px;font-size:10px;position:absolute;top:50%;right:0;transform:translateY(-50%)}
.hero-inputs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hero-inputs .input{height:44px;background:#f7fbfe;color:#1d2c3a}
.hero-inputs .full{grid-column:1/3}
.hero-send{grid-column:1/3;height:48px;border:0;border-radius:14px;background:linear-gradient(135deg,#f8b820,#f28a1d);box-shadow:0 7px 0 #c7780b;color:#332100;font-family:inherit;font-size:14px;font-weight:900}
.hero-wa{grid-column:1/3;height:42px;border-radius:13px;background:#25d366;color:#063b18;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900}
.trust-row{display:flex;gap:7px;overflow:hidden;margin-top:11px}
.trust-row span{flex:1;background:#eef8e9;color:#27661f;border-radius:13px;padding:8px 5px;text-align:center;font-size:10px;font-weight:900}
.middle-inquiry{background:linear-gradient(180deg,#fff,#eaf7ff);padding-top:22px}
.middle-inquiry .hero-form{margin-top:0}
.middle-inquiry .hero-form-title h3:after{content:' after checking the system';display:block;font-size:10px;color:#63748a;margin-top:4px;font-weight:800}
.hero-mini-note{text-align:center;color:#63748a;font-size:10px;margin-top:9px;font-weight:700}
.modal{position:fixed;inset:0;background:rgba(10,26,40,.48);z-index:120;display:flex;align-items:center;justify-content:center;padding:18px;opacity:0;pointer-events:none;transition:.25s}
.modal:target{opacity:1;pointer-events:auto}
.modal-card{width:100%;max-width:350px;background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 22px 60px rgba(0,0,0,.28)}
.modal-img{height:135px;background:url('http://www.grainsilofactory.com/static/img/storage_system.jpg') center/cover no-repeat;position:relative}
.modal-img:after{content:"Get Free Silo Quotation";position:absolute;left:14px;right:14px;bottom:12px;color:#fff;font-size:22px;font-weight:900;text-shadow:0 2px 12px rgba(0,0,0,.55)}
.modal-body{padding:16px}
.modal-body p{font-size:12px;color:var(--muted);margin-bottom:12px}
.close{position:absolute;right:calc(50% - 165px);top:calc(50% - 220px);width:34px;height:34px;background:#fff;color:var(--deep);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;z-index:130}
.modal .input{margin-bottom:8px}
.float-wa{position:fixed;right:calc(50% - 185px);bottom:74px;width:50px;height:50px;background:#25d366;border-radius:50%;z-index:80;display:flex;align-items:center;justify-content:center;color:#063b18;font-weight:900;box-shadow:0 8px 24px rgba(0,0,0,.22);animation:pulse 1.8s infinite}
.float-wa img{width: 60%;}
.float-pop{position:fixed;right:calc(50% - 181px);bottom:128px;z-index:79;background:#fff;color:var(--deep);font-size:11px;font-weight:900;padding:8px 10px;border-radius:999px;box-shadow:0 6px 18px rgba(0,0,0,.13)}
@keyframes pulse{0%,100%{transform:scale(1)}
50%{transform:scale(1.08)}
}
.fixed a{height:45px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900}
.wa{background:#25d366;color:#063b18}
.q{background:var(--blue);color:#fff}
@media(max-width:390px){
    .phone{width:100%}
    .float-wa{right:10px}
    .float-pop{right:14px}
    .hero-photo{height:560px}
    .hero-text h1{font-size:25px}
    .close{right:24px;top:60px}
}