*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#0b2440;background:#f5f9fd;font-family:Prompt,Inter,sans-serif;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.container{width:min(1400px,calc(100% - 80px));margin:auto}.scroll-progress{position:fixed;z-index:9999;top:0;left:0;height:3px;width:0;background:#0877d1}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(12,57,96,.08);transition:.3s}.site-header.scrolled{background:rgba(255,255,255,.94);box-shadow:0 8px 30px rgba(10,54,92,.08)}.nav-wrap{height:86px;width:min(1400px,calc(100% - 80px));margin:auto;display:flex;align-items:center;gap:30px}.brand{width:190px;display:flex;align-items:center}.brand img{max-width:145px;max-height:70px;object-fit:contain}.brand-fallback{display:none;color:#0c5ea8;font-size:30px;line-height:.7}.brand-fallback small{display:block;font-size:11px;color:#777}.main-nav{display:flex;align-items:center;justify-content:center;gap:27px;flex:1;font-size:15px;font-weight:500}.main-nav a{position:relative;padding:33px 0 28px;white-space:nowrap}.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:22px;height:2px;background:#0866b3;transition:.25s}.main-nav a:hover:after,.main-nav a.active:after{right:0}.nav-actions{display:flex;align-items:center;gap:12px}.phone-pill{background:#064b91;color:white;border-radius:28px;padding:11px 20px;font-weight:600;white-space:nowrap;box-shadow:0 10px 25px rgba(3,74,145,.18)}.lang{border:0;background:#eaf3fb;color:#173f62;border-radius:10px;padding:12px 14px}.menu-toggle{display:none;border:0;background:none;font-size:28px}

.hero{position:relative;min-height:650px;padding-top:86px;overflow:hidden;background:#e9f4fd}.hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(238,247,253,.98) 0%,rgba(238,247,253,.88) 28%,rgba(238,247,253,.15) 58%,rgba(221,241,255,.08) 100%),url("hero-glass.jpg");background-size:cover;background-position:center right}.hero-shape{position:absolute;inset:0;background:linear-gradient(125deg,transparent 0 52%,rgba(255,255,255,.35) 52.2%,transparent 52.6%),linear-gradient(35deg,transparent 0 66%,rgba(255,255,255,.2) 66.2%,transparent 66.6%);pointer-events:none}.hero-inner{position:relative;z-index:2;min-height:565px;display:flex;align-items:center}.hero-copy{max-width:700px;padding:50px 0 120px}.eyebrow{color:#1267ac;font-size:13px;font-weight:600;letter-spacing:.04em;display:flex;gap:10px;align-items:center}.eyebrow:before{content:"";width:34px;height:1px;background:#4e9bd0}.hero h1{font-size:clamp(43px,4.2vw,68px);line-height:1.16;letter-spacing:-1.5px;margin:18px 0;color:#112d49}.hero h1 span{color:#075aa3}.hero-copy p{font-size:18px;line-height:1.75;color:#57728b;margin:0 0 28px}.hero-buttons{display:flex;gap:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:12px;padding:14px 25px;border:1px solid #075aa3;cursor:pointer;font-weight:600}.btn.primary{background:#075aa3;color:#fff;box-shadow:0 12px 25px rgba(5,83,151,.2)}.btn.primary:hover{background:#064b87;transform:translateY(-2px)}.btn.outline{background:rgba(255,255,255,.6);color:#075aa3}.btn.small{padding:12px 21px}.hero-dots{display:flex;align-items:center;gap:12px;margin-top:30px;color:#4b657e;font-size:14px}.hero-dots i{height:2px;width:70px;background:linear-gradient(90deg,#126cc0 55%,#c5d5e3 55%)}.hero-dots button{width:42px;height:42px;border-radius:50%;border:1px solid #cbd9e6;background:#fff;color:#155c9b;font-size:25px;margin-left:3px}.hero-dots button:first-of-type{margin-left:45px}.hero-benefits{position:absolute;z-index:4;left:0;right:0;bottom:0;transform:translateY(35%)}.benefits-grid{background:linear-gradient(110deg,#123f70,#064b91);border-radius:15px;display:grid;grid-template-columns:repeat(4,1fr);padding:20px 30px;box-shadow:0 22px 45px rgba(10,55,93,.23)}.benefit{display:flex;gap:16px;align-items:center;padding:12px 28px;border-right:1px solid rgba(255,255,255,.2);color:#fff}.benefit:last-child{border-right:0}.benefit-icon{font-size:30px;color:#fff}.benefit b{display:block;font-size:15px}.benefit small{display:block;color:#c5dbed;font-size:13px;margin-top:2px}.quick-actions{position:absolute;z-index:5;right:22px;top:145px;background:#fff;border-radius:16px;box-shadow:0 15px 35px rgba(22,67,104,.15);overflow:hidden}.quick-actions a{width:74px;min-height:75px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;border-bottom:1px solid #e5edf3;color:#153b5e;font-size:11px}.quick-actions a:last-child{border:0}.quick-actions span{font-size:25px;color:#075aa3}.showcase{padding:120px 0 65px}.section-light{background:#f6fafd}.section-title-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.section-title-row h2,.section-title-center h2{font-size:35px;margin:8px 0;color:#0b3f71}.more-link{color:#075aa3;font-weight:500}.product-tabs{display:flex;gap:8px;margin-bottom:18px}.tab{border:0;background:transparent;color:#56718a;padding:10px 18px;border-radius:20px;cursor:pointer}.tab.active,.tab:hover{background:#fff;border:1px solid #aad0ed;color:#075aa3}.product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.product-card{background:#fff;border:1px solid #e0eaf1;border-radius:13px;overflow:hidden;box-shadow:0 10px 25px rgba(20,65,100,.05);transition:.3s}.product-card:hover{transform:translateY(-7px);box-shadow:0 18px 35px rgba(20,65,100,.13)}.product-image{height:190px;background-size:cover;background-position:center}.image-1{background-image:linear-gradient(130deg,#bdefff,#2d8fd2)}.image-2{background-image:linear-gradient(130deg,#d7f4ff,#0a568d)}.image-3{background-image:linear-gradient(130deg,#c6e9ff,#07518e)}.image-4{background-image:linear-gradient(130deg,#f5e9d8,#6e7f8e)}.image-5{background-image:linear-gradient(130deg,#dce9f2,#6f8ea6)}.product-body{padding:14px}.product-body span{font-size:10px;color:#4f91c6;letter-spacing:.08em}.product-body h3{font-size:16px;margin:5px 0 2px}.product-body p{font-size:12px;color:#7b8d9c;margin:0}.about-card-section{padding:25px 0 80px;background:#f6fafd}.about-card{min-height:320px;background:linear-gradient(120deg,#fff,#eaf5ff);border:1px solid #e1edf5;border-radius:18px;overflow:hidden;display:grid;grid-template-columns:1fr 1.15fr;box-shadow:0 12px 30px rgba(20,65,100,.06)}.about-copy{padding:45px}.about-copy h2{font-size:31px;color:#0b4e8c;margin:10px 0 16px}.about-copy p{color:#5f7488;line-height:1.8;max-width:550px}.factory-visual{background:linear-gradient(100deg,rgba(234,246,255,.35),rgba(234,246,255,0)),url("hero-glass.jpg") center/cover;position:relative}.factory-label{position:absolute;right:30px;bottom:25px;color:#0b5da1;font-size:20px;font-weight:700;text-align:right}.factory-label small{font-size:9px;letter-spacing:.12em;color:#7890a3}.section-blue{padding:90px 0;background:linear-gradient(120deg,#073c70,#0b69ac);color:#fff}.section-title-center{text-align:center;max-width:760px;margin:0 auto 45px}.section-title-center .eyebrow{justify-content:center;color:#a7d9f7}.section-title-center .eyebrow:before{background:#a7d9f7}.section-title-center h2{color:#fff}.section-title-center p{color:#c8e1f3;line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{padding:32px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(255,255,255,.06)}.feature b{color:#91d7ff;font-size:13px}.feature h3{margin:20px 0 8px;font-size:20px}.feature p{color:#c7deef;line-height:1.7}.timeline-section,.projects{padding:90px 0;background:#fff}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:35px}.timeline div{border-top:2px solid #cde1f0;padding:20px 20px 0;position:relative}.timeline div:before{content:"";width:10px;height:10px;background:#0a67ad;border-radius:50%;position:absolute;top:-6px;left:20px}.timeline b{display:block;color:#0a67ad;font-size:21px;margin-bottom:8px}.timeline span{color:#61798d;line-height:1.7;font-size:14px}.section-dark{padding:90px 0;background:#0a2945;color:#fff}.standard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.standard-card{padding:32px;border-radius:18px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06)}.standard-card strong{font-size:46px;color:#86d4ff}.standard-card h3{font-size:20px;margin:8px 0}.standard-card p{color:#c0d6e7;line-height:1.7}.project-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px}.project{min-height:350px;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;justify-content:end;padding:28px;color:#fff;background-size:cover;background-position:center;position:relative}.project:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(5,28,47,.78))}.project>*{position:relative}.p1{background-image:linear-gradient(120deg,#7ebfe4,#0b4b7d)}.p2{background-image:linear-gradient(120deg,#a5dff5,#295b83)}.p3{background-image:linear-gradient(120deg,#b5cbd7,#31546b)}.project span{font-size:11px;letter-spacing:.12em}.project h3{font-size:24px;margin:5px 0}.news{padding:85px 0}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.news-grid article{background:#fff;border:1px solid #e0eaf1;border-radius:16px;padding:28px;min-height:190px}.news-date{font-size:11px;color:#0870b8;letter-spacing:.1em}.news h3{font-size:19px;margin:15px 0 8px}.news p{color:#6a8092;line-height:1.6;font-size:14px}.contact{padding:90px 0;background:linear-gradient(120deg,#eaf5ff,#fff)}.contact-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center}.contact h2{font-size:46px;line-height:1.2;color:#0b3558;margin:12px 0}.contact h2 span{color:#0869b4}.contact p{color:#637a8d;line-height:1.7}.contact-cards{display:grid;gap:14px}.contact-cards a{background:#fff;border:1px solid #dbe8f1;border-radius:15px;padding:22px;display:flex;align-items:center;gap:15px;box-shadow:0 12px 28px rgba(20,65,100,.06)}.contact-cards small{color:#6c8193}.contact-cards strong{font-size:20px;color:#0a5c9e;margin-right:auto}.contact-cards span{color:#0a67ad;font-size:13px}.stats{background:#073d70;color:#fff;padding:24px 0}.stats-grid{display:grid;grid-template-columns:repeat(6,1fr)}.stats-grid div{padding:12px 20px;border-right:1px solid rgba(255,255,255,.18)}.stats-grid div:last-child{border:0}.stats b{display:block;font-size:24px}.stats span{display:block;color:#b9d4e8;font-size:11px;margin-top:4px}footer{background:#061f36;color:#a7bac9;padding:30px 0}.footer-row{display:flex;justify-content:space-between}.modal{display:none;position:fixed;z-index:500;inset:0;background:rgba(4,22,37,.6);backdrop-filter:blur(6px);align-items:center;justify-content:center;padding:20px}.modal.show{display:flex}.modal-box{width:min(520px,100%);background:#fff;border-radius:20px;padding:35px;position:relative;box-shadow:0 30px 70px rgba(0,0,0,.2)}.modal-box h2{font-size:30px;margin:8px 0}.modal-box p{color:#718597}.modal-close{position:absolute;right:18px;top:12px;border:0;background:none;font-size:32px;color:#657a8c;cursor:pointer}.modal form{display:grid;gap:12px;margin-top:20px}.modal input,.modal select,.modal textarea{width:100%;border:1px solid #d8e5ee;border-radius:10px;padding:12px 14px;outline:none}.modal input:focus,.modal textarea:focus,.modal select:focus{border-color:#1682ca}.modal .btn{border:0;width:100%}

@media(max-width:1180px){.main-nav{gap:15px;font-size:13px}.brand{width:150px}.product-grid{grid-template-columns:repeat(3,1fr)}.stats-grid{grid-template-columns:repeat(3,1fr)}.stats-grid div:nth-child(3){border-right:0}.quick-actions{display:none}}
@media(max-width:900px){.container,.nav-wrap{width:min(100% - 40px,700px)}.menu-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;top:78px;left:20px;right:20px;background:#fff;border-radius:15px;padding:15px;box-shadow:0 20px 40px rgba(0,0,0,.12);flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.main-nav a{padding:12px}.main-nav a:after{bottom:5px}.nav-actions{display:none}.hero{min-height:720px}.hero-bg{background-position:62% center}.hero-inner{align-items:flex-start}.hero-copy{padding-top:80px;max-width:620px}.hero h1{font-size:45px}.benefits-grid{grid-template-columns:repeat(2,1fr)}.benefit:nth-child(2){border-right:0}.benefit:nth-child(3){border-top:1px solid rgba(255,255,255,.2)}.about-card{grid-template-columns:1fr}.factory-visual{min-height:250px}.timeline{grid-template-columns:1fr 1fr}.project-grid{grid-template-columns:1fr 1fr}.project.p1{grid-row:span 2}.contact-inner{grid-template-columns:1fr}.feature-grid,.news-grid{grid-template-columns:1fr}.standard-grid{grid-template-columns:1fr}}
@media(max-width:600px){.container,.nav-wrap{width:calc(100% - 30px)}.site-header{background:rgba(255,255,255,.93)}.brand img{max-width:120px}.hero{min-height:790px}.hero-bg{background-position:68% center}.hero-inner{min-height:650px}.hero-copy{padding-top:45px}.hero h1{font-size:36px}.hero-copy p{font-size:15px}.hero-buttons{flex-direction:column;align-items:stretch}.hero-dots{display:none}.hero-benefits{transform:none;bottom:0}.benefits-grid{border-radius:0;grid-template-columns:1fr 1fr;padding:8px}.benefit{padding:12px 10px;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.15)}.benefit-icon{font-size:23px}.benefit b{font-size:11px}.benefit small{font-size:9px}.showcase{padding-top:60px}.product-grid{grid-template-columns:1fr 1fr}.product-image{height:145px}.section-title-row{align-items:flex-start;gap:10px}.section-title-row h2,.section-title-center h2{font-size:27px}.product-tabs{overflow:auto;white-space:nowrap}.timeline{grid-template-columns:1fr}.timeline div{margin-bottom:10px}.project-grid{grid-template-columns:1fr}.project.p1{grid-row:auto}.project{min-height:240px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-grid div:nth-child(3){border-right:1px solid rgba(255,255,255,.18)}.stats-grid div:nth-child(even){border-right:0}.contact h2{font-size:36px}.contact-cards strong{font-size:16px}.footer-row{flex-direction:column;gap:8px}.modal-box{padding:25px}}


/* ===== Smooth scroll reveal / entrance effects ===== */
.hero-bg{
  will-change:transform;
  transition:transform .12s linear;
}
.reveal{
  opacity:0;
  transform:translateY(28px) scale(.985);
  filter:blur(5px);
  transition:
    opacity .72s cubic-bezier(.22,1,.36,1),
    transform .72s cubic-bezier(.22,1,.36,1),
    filter .72s cubic-bezier(.22,1,.36,1);
}
.reveal-delay-1{transition-delay:.08s}
.reveal-delay-2{transition-delay:.18s}
.reveal-delay-3{transition-delay:.28s}
.reveal-delay-4{transition-delay:.38s}
.reveal-delay-5{transition-delay:.48s}
.reveal-delay-6{transition-delay:.58s}
.reveal-delay-7{transition-delay:.68s}
.hero.loaded .reveal{
  opacity:1;
  transform:none;
  filter:none;
}
.scroll-reveal{
  opacity:0;
  transform:translateY(38px);
  transition:
    opacity .78s cubic-bezier(.22,1,.36,1),
    transform .78s cubic-bezier(.22,1,.36,1);
  transition-delay:var(--reveal-delay,0ms);
}
.scroll-reveal.is-visible{
  opacity:1;
  transform:none;
}
.reveal-section > .container{
  opacity:0;
  transform:translateY(25px);
  transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1);
}
.reveal-section.is-visible > .container{
  opacity:1;
  transform:none;
}
.product-card,.feature,.standard-card,.project,.news-grid article,.contact-cards a{
  transition:
    opacity .75s cubic-bezier(.22,1,.36,1),
    transform .75s cubic-bezier(.22,1,.36,1),
    box-shadow .3s ease;
}
@keyframes softFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-5px)}
}
.hero-benefits.is-visible{
  animation:softFloat 5s ease-in-out 1.2s infinite;
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation:none!important;
    transition:none!important;
  }
  .reveal,.scroll-reveal,.reveal-section > .container{
    opacity:1!important;
    transform:none!important;
    filter:none!important;
  }
}