/* ===============================
       Jain Group Site v2.2
       Theme: White / Blue / Gold
       4K Optimized + Animations
       =============================== */

    * { margin:0; padding:0; box-sizing:border-box; font-family:"Poppins",sans-serif; }
    body { background:#ffffff; color:#0a1d3d; overflow-x:hidden; scroll-behavior:smooth; }
    .wrap { max-width:1600px; margin:0 auto; }

    /* Scroll reveal base */
    [data-animate="fade-up"]{opacity:0; transform:translateY(30px); transition:all .8s cubic-bezier(.16,.84,.44,1)}
    [data-animate="zoom-in"]{opacity:0; transform:scale(.9); transition:all .8s cubic-bezier(.16,.84,.44,1)}
    .animated-in{opacity:1!important; transform:translateY(0) scale(1)!important}

    /* Header */
    header{position:sticky; top:0; z-index:999; background:rgba(255,255,255,.9); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
      box-shadow:0 8px 24px rgba(0,0,0,.08); border-bottom:1px solid rgba(10,29,61,.08); padding:12px 2%;
      display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; row-gap:12px;}
    header .left-head{display:flex; align-items:center; gap:12px;}
    header img{height:56px; width:auto; background:#fff; padding:4px 6px; border-radius:8px; object-fit:contain; transition:transform .3s;
      box-shadow:0 6px 16px rgba(0,0,0,.15); border:1px solid rgba(10,29,61,.08);}
    header img:hover{transform:scale(1.05) rotate(-1deg);}
    .brand-text{display:flex; flex-direction:column; line-height:1.2;}
    .brand-text .name{color:#0a1d3d; font-size:clamp(.9rem,.5vw,1rem); font-weight:600; letter-spacing:.02em;}
    .brand-text .tag{color:#f1c40f; font-size:clamp(.6rem,.4vw,.75rem); font-weight:500;}
    nav{display:flex; flex-wrap:wrap; justify-content:center; max-width:100%;}
    nav a{color:#0a1d3d; text-decoration:none; margin:0 10px; font-weight:500; font-size:clamp(.7rem,.4vw,.8rem);
      position:relative; transition:color .3s ease; cursor:pointer; white-space:nowrap;}
    nav a:hover{color:#f1c40f;}
    nav a::after{content:""; position:absolute; width:0; height:2px; left:0; bottom:-4px; background:#f1c40f; transition:.3s;
      box-shadow:0 4px 8px rgba(241,196,15,.5);}
    nav a:hover::after{width:100%;}

    /* ===== Deluxe HERO makeover ===== */
    .hero {
      position: relative; min-height: 86vh; display: grid; place-items: center; text-align: center; color:#fff; overflow:hidden;
      border-bottom:2px solid rgba(241,196,15,.25);
      background:
        radial-gradient(1200px 600px at 15% 20%, rgba(241,196,15,.20), transparent 60%),
        radial-gradient(900px 500px at 85% 10%, rgba(255,255,255,.30), transparent 60%),
        linear-gradient(180deg, #0a1d3d 0%, #0f2d58 45%, #123865 100%);
      box-shadow: 0 40px 80px rgba(0,0,0,.35) inset; isolation:isolate;
    }
    .hero::before{content:""; position:absolute; inset:-2%; pointer-events:none;
      background: radial-gradient(120% 120% at 50% -10%, transparent 30%, rgba(0,0,0,.25) 85%); z-index:0;}
    .hero::after{content:""; position:absolute; inset:0; opacity:.08; mix-blend-mode:overlay; z-index:0;
      background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/><feComponentTransfer><feFuncA type='table' tableValues='0 0.35'/></feComponentTransfer></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
      background-size:220px 220px;}
    .hero-inner{position:relative; z-index:1; padding:48px 24px; max-width:1100px;}
    .hero-title{
      margin:0 auto 14px; font-size:clamp(2.2rem,3.6vw,3.6rem); font-weight:800; letter-spacing:.06em; text-transform:uppercase; line-height:1.15;
      color:transparent; background:linear-gradient(180deg,#ffd84d 0%,#f1c40f 45%,#b18209 80%); -webkit-background-clip:text; background-clip:text;
      filter:drop-shadow(0 6px 22px rgba(0,0,0,.45)); position:relative;
    }
    .hero-title::after{
      content:""; position:absolute; inset:0; background:linear-gradient(100deg, transparent 0%, rgba(255,255,255,.9) 15%, transparent 32%);
      transform:translateX(-120%) skewX(-12deg); animation:titleShine 5s ease-in-out 1.2s infinite; mix-blend-mode:screen;
    }
    @keyframes titleShine{0%{transform:translateX(-120%) skewX(-12deg);opacity:0}15%{opacity:.7}55%{transform:translateX(120%) skewX(-12deg);opacity:0}100%{transform:translateX(120%) skewX(-12deg);opacity:0}}
    .hero-accent{width:120px;height:6px;margin:10px auto 20px;border-radius:6px;background:radial-gradient(circle at 25% 50%,#ffd84d 0%,#f1c40f 45%,#a07000 90%);box-shadow:0 8px 20px rgba(241,196,15,.45)}
    .hero-sub{font-size:clamp(1rem,1.1vw,1.25rem); color:#eef3ff; opacity:.95; text-shadow:0 10px 28px rgba(0,0,0,.55)}
    .cta-tray{margin-top:32px; display:inline-flex; gap:14px; padding:18px; border-radius:18px;
      background:radial-gradient(110% 110% at 20% 10%, rgba(241,196,15,.14), rgba(255,255,255,.08)), rgba(255,255,255,.10);
      border:1px solid rgba(255,255,255,.25); backdrop-filter:blur(10px);
      box-shadow:0 18px 50px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.08);}
    .btn-hero{border:0; cursor:pointer; padding:14px 22px; border-radius:12px; font-weight:700; font-size:clamp(.95rem,.9vw,1.05rem);
      letter-spacing:.01em; transition:transform .18s ease, box-shadow .25s ease, background .25s ease, color .25s ease;}
    .btn-hero.gold{background:linear-gradient(180deg,#ffe070 0%,#f1c40f 55%,#b18209 100%); color:#0a1d3d; box-shadow:0 14px 28px rgba(241,196,15,.35)}
    .btn-hero.gold:hover{transform:translateY(-2px); box-shadow:0 22px 44px rgba(241,196,15,.55)}
    .btn-hero.light{background:#ffffff; color:#0a1d3d; box-shadow:0 12px 24px rgba(0,0,0,.16)}
    .btn-hero.light:hover{background:#f1c40f; color:#0a1d3d; transform:translateY(-2px); box-shadow:0 22px 44px rgba(241,196,15,.45)}

    /* Counters */
    .counters-wrapper{background:#ffffff; padding:4rem 2rem; border-top:1px solid rgba(10,29,61,.08); border-bottom:1px solid rgba(10,29,61,.08);
      display:flex; flex-wrap:wrap; justify-content:center; gap:1.5rem;}
    .counter-block{text-align:center; border:2px solid #0a1d3d; background:#ffffff; color:#0a1d3d; border-radius:14px; padding:1.4rem 1.2rem;
      width:180px; max-width:46%; transition:all .3s ease; box-shadow:0 16px 32px rgba(0,0,0,.07)}
    .counter-block:hover{transform:translateY(-4px) scale(1.03); box-shadow:0 24px 44px rgba(0,0,0,.12);
      background:radial-gradient(circle at 50% 20%, rgba(241,196,15,.12) 0%, rgba(255,255,255,0) 70%), #ffffff;}
    .counter-num{font-size:clamp(2rem,.5vw,2.2rem); font-weight:700; color:#0a1d3d}
    .counter-block:hover .counter-num{color:#f1c40f}
    .counter-label{font-size:.8rem; margin-top:6px; color:#4a4a4a}

    /* Sections */
    section.page-section{padding:80px 4%; background:#ffffff; color:#0a1d3d; border-bottom:1px solid rgba(10,29,61,.06)}
    section.page-section.alt{background:#f7f9fc; border-bottom:1px solid rgba(10,29,61,.06)}
    h2.sec-title{font-size:clamp(1.6rem,.6vw,2rem); font-weight:600; line-height:1.3; color:#0a1d3d; margin-bottom:24px; letter-spacing:.02em}
    p.sec-desc{font-size:clamp(1rem,.4vw,1.05rem); line-height:1.7; margin-bottom:15px; color:#4a4a4a; max-width:1100px}
    .underline-anim{position:relative; display:inline-block}
    .underline-anim::after{content:""; position:absolute; bottom:-8px; left:0; width:80px; height:4px;
      background:radial-gradient(circle at 10% 10%, #f1c40f 0%, #a07000 70%); border-radius:4px; transform-origin:left; animation:underlineIn .8s ease forwards}
    @keyframes underlineIn{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}

    .cards-grid{display:grid; grid-template-columns:repeat(auto-fit, minmax(260px,1fr)); gap:28px; margin-top:30px; max-width:1600px}
    .card-box{background:#ffffff; border:1px solid rgba(10,29,61,.1); border-top:3px solid #f1c40f; border-radius:16px; padding:20px 22px;
      box-shadow:0 16px 32px rgba(0,0,0,.07); position:relative; overflow:hidden; transition:all .3s ease; will-change:transform,box-shadow; color:#0a1d3d}
    .card-box::before{content:""; position:absolute; left:-50%; top:-50%; width:80%; height:80%;
      background:radial-gradient(circle, rgba(241,196,15,.25) 0%, rgba(241,196,15,0) 70%); opacity:0; transition:opacity .3s ease; filter:blur(40px); pointer-events:none}
    .card-box:hover{transform:translateY(-6px) scale(1.03) rotateX(2deg) rotateY(-2deg); box-shadow:0 30px 60px rgba(0,0,0,.15)}
    .card-box:hover::before{opacity:1}
    .card-box h3{font-size:1rem; font-weight:600; color:#0a1d3d; margin-bottom:10px}
    .card-box p, .card-box li{font-size:.9rem; line-height:1.5; color:#4a4a4a}
    .info-list{list-style:none; padding-left:0; margin-top:10px; color:#4a4a4a}
    .info-list li{position:relative; padding-left:1.4rem; line-height:1.6; margin-bottom:8px; font-size:.95rem; color:#4a4a4a}
    .info-list li::before{content:"•"; position:absolute; left:0; top:0; color:#f1c40f; font-weight:600}
    .info-list.numeric{counter-reset:num}
    .info-list.numeric li{padding-left:1.6rem}
    .info-list.numeric li::before{counter-increment:num; content:counter(num) "."; color:#f1c40f}

    .table-wrapper{overflow-x:auto; margin-top:20px; border:1px solid rgba(10,29,61,.1); border-radius:12px; box-shadow:0 16px 32px rgba(0,0,0,.07); background:#ffffff}
    table.spec-table{border-collapse:collapse; min-width:360px; width:100%}
    table.spec-table th{background:#0a1d3d; color:#fff; text-align:left; padding:12px 16px; font-size:.9rem; white-space:nowrap}
    table.spec-table td{border-top:1px solid #e5e8ef; color:#0a1d3d; padding:12px 16px; font-size:.9rem; vertical-align:top}
    table.spec-table tr:nth-child(even) td{background:#f7f9fc}

    .contact-section{display:grid; grid-template-columns:repeat(auto-fit, minmax(260px,1fr)); gap:28px; margin-top:25px; max-width:1600px}
    .contact-card{background:#ffffff; border:1px solid rgba(10,29,61,.1); border-left:4px solid #f1c40f; border-radius:14px; padding:20px; font-size:.9rem; line-height:1.6; color:#4a4a4a; box-shadow:0 16px 32px rgba(0,0,0,.07); transition:all .3s ease}
    .contact-card:hover{transform:translateY(-4px) scale(1.03); box-shadow:0 30px 60px rgba(0,0,0,.15); background:radial-gradient(circle at 50% 20%, rgba(241,196,15,.12) 0%, rgba(255,255,255,0) 70%), #ffffff}
    form.contact-form{display:flex; flex-direction:column; gap:15px; margin-top:20px; max-width:1000px}
    .form-row{display:flex; flex-wrap:wrap; gap:20px}
    .contact-form input, .contact-form textarea{flex:1; padding:12px; border:1px solid rgba(10,29,61,.25); border-radius:8px; font-size:.9rem; outline:none; background:#ffffff; color:#0a1d3d; box-shadow:0 8px 16px rgba(0,0,0,.05) inset; transition:border .3s ease, box-shadow .3s ease}
    .contact-form input:focus, .contact-form textarea:focus{border-color:#f1c40f; box-shadow:0 0 10px rgba(241,196,15,.4), 0 0 30px rgba(241,196,15,.2)}
    .form-note{font-size:.8rem; color:#666; margin-top:8px}
    .map-frame{width:100%; height:400px; border:0; border-radius:12px; box-shadow:0 16px 32px rgba(0,0,0,.15); border:1px solid rgba(10,29,61,.1)}

    /* Enquiry floating & popup */
    .enquiry-btn{position:fixed; bottom:30px; right:30px; background:radial-gradient(circle at 50% 20%, #f1c40f 0%, #a07000 70%); color:#0a1d3d; font-weight:600; border:2px solid rgba(0,0,0,.05); border-radius:50px; padding:1rem 2rem; cursor:pointer; box-shadow:0 16px 32px rgba(0,0,0,.15), 0 0 40px rgba(241,196,15,.5); transition:transform .3s, background .3s; z-index:1002; animation:pulseRing 2.5s infinite}
    @keyframes pulseRing{0%{box-shadow:0 0 0 0 rgba(241,196,15,.4)}70%{box-shadow:0 0 0 18px rgba(241,196,15,0)}100%{box-shadow:0 0 0 0 rgba(241,196,15,0)}}
    .enquiry-btn:hover{background:radial-gradient(circle at 50% 20%, #fff 0%, #f1c40f 60%); color:#0a1d3d; transform:translateY(-4px) scale(1.07); box-shadow:0 24px 44px rgba(0,0,0,.2), 0 0 60px rgba(241,196,15,.8)}
    .form-popup{display:none; position:fixed; bottom:100px; right:30px; background:#ffffff; border-radius:16px; box-shadow:0 30px 60px rgba(0,0,0,.2); border:1px solid rgba(10,29,61,.15); width:320px; padding:1.5rem; z-index:1003; transform-origin:bottom right; animation:popupIn .4s cubic-bezier(.16,.84,.44,1) forwards; color:#0a1d3d}
    @keyframes popupIn{0%{opacity:0; transform:scale(.8) translateY(20px)}100%{opacity:1; transform:scale(1) translateY(0)}}
    .form-popup input, .form-popup textarea{width:100%; margin-bottom:1rem; padding:.6rem; border:1px solid rgba(10,29,61,.25); border-radius:8px; font-family:'Poppins',sans-serif; font-size:.9rem; background:#ffffff; color:#0a1d3d; box-shadow:0 8px 16px rgba(0,0,0,.05) inset; transition:.3s}
    .form-popup input:focus, .form-popup textarea:focus{border-color:#f1c40f; box-shadow:0 0 10px rgba(241,196,15,.4), 0 0 30px rgba(241,196,15,.2)}
    .form-popup-header{display:flex; justify-content:space-between; align-items:center; margin-bottom:10px}
    .form-popup-header h3{color:#0a1d3d; margin:0; font-size:1rem; font-weight:600}
    .close-popup-btn{background:none; border:none; font-size:16px; cursor:pointer; color:#0a1d3d; line-height:1; transition:color .2s ease}
    .close-popup-btn:hover{color:#f1c40f}

    /* Scroll to top */
    #toTopBtn{position:fixed; bottom:30px; left:30px; background:#ffffff; color:#0a1d3d; border:1px solid rgba(10,29,61,.25); border-radius:50px; padding:.7rem 1.2rem; cursor:pointer; font-size:.8rem; font-weight:500; box-shadow:0 16px 32px rgba(0,0,0,.1); display:none; z-index:1001; transition:all .3s}
    #toTopBtn:hover{background:#f1c40f; color:#0a1d3d; box-shadow:0 24px 44px rgba(0,0,0,.2), 0 0 40px rgba(241,196,15,.5); transform:translateY(-3px) scale(1.05)}

    /* Footer */
    footer{text-align:center; background:#0a1d3d; color:#fff; padding:24px; font-size:.8rem; border-top:2px solid #f1c40f; box-shadow:0 -24px 48px rgba(0,0,0,.2); letter-spacing:.03em}
    footer p{color:#fff}

    /* Preloader */
    #preloader{position:fixed; inset:0; background: radial-gradient(circle at 20% 20%, rgba(241,196,15,.15) 0%, rgba(0,0,0,0) 60%), linear-gradient(#0a1d3d 0%, #113b6e 60%); display:flex; flex-direction:column; justify-content:center; align-items:center; z-index:9999; transition:opacity .6s ease; color:white}
    #preloader img{width:90px; height:90px; object-fit:contain; background:#fff; border-radius:10px; padding:8px; box-shadow:0 16px 32px rgba(0,0,0,.4)}
    #preloader .progress{width:180px; height:6px; margin-top:24px; background:rgba(255,255,255,.25); border-radius:10px; overflow:hidden; box-shadow:0 8px 16px rgba(0,0,0,.3); border:1px solid rgba(255,255,255,.4)}
    #preloader .progress-bar{height:100%; width:0%; background:radial-gradient(circle at 50% 20%, #f1c40f 0%, #a07000 70%); box-shadow:0 0 10px rgba(241,196,15,.7), 0 0 30px rgba(241,196,15,.4); transition:width .25s ease}

    /* Slider */
    .jg-slider{position:relative; background:#ffffff; border:1px solid rgba(10,29,61,.1); border-radius:16px; box-shadow:0 16px 32px rgba(0,0,0,.07); overflow:hidden; padding:10px 0 46px}
    .jg-track{display:flex; transition:transform .5s cubic-bezier(.16,.84,.44,1); will-change:transform}
    .jg-slide{min-width:100%; user-select:none; pointer-events:none}
    .jg-slide img{width:100%; height:540px; object-fit:cover; display:block; pointer-events:none; background:#f7f9fc}
    .jg-nav{position:absolute; top:50%; transform:translateY(-50%); z-index:3; width:44px; height:44px; border-radius:50%; border:1px solid rgba(10,29,61,.25); background:#ffffff; color:#0a1d3d; box-shadow:0 8px 16px rgba(0,0,0,.15); cursor:pointer; font-size:24px; line-height:42px; text-align:center; transition:all .25s ease}
    .jg-nav:hover{background:#f1c40f; color:#0a1d3d; box-shadow:0 18px 40px rgba(241,196,15,.4); transform:translateY(-50%) scale(1.05)}
    .jg-prev{left:16px} .jg-next{right:16px}
    .jg-dots{position:absolute; left:0; right:0; bottom:10px; display:flex; gap:8px; justify-content:center; align-items:center; z-index:2}
    .jg-dots button{width:10px; height:10px; border-radius:50%; border:1px solid rgba(10,29,61,.35); background:#ffffff; cursor:pointer; padding:0; transition:all .2s ease}
    .jg-dots button[aria-current="true"]{background:#f1c40f; border-color:#a07000; box-shadow:0 0 10px rgba(241,196,15,.4)}
    .jg-caption{position:absolute; left:14px; bottom:10px; background:rgba(255,255,255,.9); border:1px solid rgba(10,29,61,.1); color:#0a1d3d; padding:6px 10px; border-radius:8px; font-size:.85rem; box-shadow:0 8px 16px rgba(0,0,0,.12)}

    /* Closing note centering helper */
    .closing-note p{max-width:1000px; margin:20px auto 0; text-align:center}

    /* Responsive */
    @media (max-width:992px){ .jg-slide img{height:380px} }
    @media (max-width:768px){
      header img{height:48px}
      nav a{margin:0 6px}
      .hero-title{filter:drop-shadow(0 8px 24px rgba(0,0,0,.9))}
      .cta-tray{width:100%}
      .counter-block{width:160px; max-width:47%}
      #toTopBtn{font-size:.7rem}
      table.spec-table th, table.spec-table td{white-space:nowrap}
      .jg-slide img{height:280px}
      .jg-nav{width:38px; height:38px; font-size:20px; line-height:36px}
    }
  

/* Multipage additions */
.page-hero{min-height:42vh;display:grid;place-items:center;text-align:center;color:#fff;padding:90px 4%;background:radial-gradient(900px 400px at 15% 10%,rgba(241,196,15,.20),transparent 60%),linear-gradient(180deg,#0a1d3d 0%,#123865 100%);border-bottom:2px solid rgba(241,196,15,.25)}
.page-hero h1{font-size:clamp(2rem,4vw,3.5rem);font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:transparent;background:linear-gradient(180deg,#ffd84d 0%,#f1c40f 45%,#b18209 80%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 6px 22px rgba(0,0,0,.45))}
.page-hero p{max-width:900px;margin:16px auto 0;color:#eef3ff;line-height:1.7}
.active-nav{color:#f1c40f!important}
.active-nav::after{width:100%!important}
.pdf-btn{margin-top:18px}
header nav a{display:inline-block}
@media(max-width:768px){.page-hero{min-height:34vh;padding:70px 5%}.form-row{flex-direction:column}.cta-tray{flex-direction:column}}


/* PDF requested changes */
.mobile-menu-btn{display:none;background:#0a1d3d;border:0;border-radius:10px;padding:10px;cursor:pointer;z-index:1005}.mobile-menu-btn span{display:block;width:24px;height:2px;background:#f1c40f;margin:5px 0;border-radius:5px}.nav-quote{background:#f1c40f;color:#0a1d3d!important;border-radius:999px;padding:10px 16px!important;margin-left:10px!important}.trusted-strip{padding:46px 4%;background:#fff;border-bottom:1px solid rgba(10,29,61,.08)}.mini-title{text-transform:uppercase;color:#0a1d3d;font-size:1.1rem;margin-bottom:20px}.client-logos,.industry-grid,.cert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.client-logos span,.industry-grid span,.cert-grid span{background:#fff;border:1px solid rgba(10,29,61,.12);border-radius:12px;padding:16px;text-align:center;font-weight:700;color:#0a1d3d;box-shadow:0 10px 24px rgba(0,0,0,.06)}.client-logos span{background:linear-gradient(135deg,#fff7d1,#d2a848);font-size:.78rem;text-transform:uppercase}.product-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;margin-top:30px}.product-image-card{background:#fff;border-radius:16px;overflow:hidden;border:1px solid rgba(10,29,61,.10);box-shadow:0 16px 32px rgba(0,0,0,.08);transition:.3s}.product-image-card:hover{transform:translateY(-6px);box-shadow:0 28px 55px rgba(0,0,0,.16)}.product-image-card img{width:100%;height:210px;object-fit:cover;display:block}.product-image-card div{padding:20px}.product-image-card h3,.blog-grid h3{color:#0a1d3d;margin-bottom:10px}.product-image-card p,.blog-grid p{color:#4a4a4a;line-height:1.6;font-size:.92rem}.product-image-card a,.blog-grid a{display:inline-block;margin-top:12px;color:#a07000;font-weight:700;text-decoration:none}.why-grid{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:35px;align-items:center}.why-panel{background:#111;padding:28px;border-radius:18px;color:#fff;display:grid;gap:20px}.why-panel div{border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:18px}.why-panel strong{display:block;color:#fff;margin-bottom:8px}.why-panel span{font-size:.84rem;color:#d7d7d7}.cert-grid span{font-size:1.3rem;background:#f7f9fc}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:28px}.blog-grid article{background:#fff;border:1px solid rgba(10,29,61,.10);border-radius:16px;padding:24px;box-shadow:0 16px 32px rgba(0,0,0,.07)}.cta-section{padding:70px 4%;text-align:center;background:linear-gradient(135deg,#0a1d3d,#123865);color:#fff}.cta-section h2{font-size:clamp(1.8rem,3vw,3rem);color:#fff}.cta-section p{max-width:760px;margin:12px auto 24px;color:#eef3ff}.site-footer{background:linear-gradient(rgba(5,13,30,.88),rgba(5,13,30,.92)),url('../images/ingots-1.jpg') center/cover;color:#fff;text-align:left;padding:0;border-top:3px solid #f1c40f}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:30px;max-width:1300px;margin:auto;padding:48px 4%}.footer-logo{height:62px;background:#fff;border-radius:10px;padding:8px;margin-bottom:12px}.site-footer h4{color:#f1c40f;margin-bottom:14px}.site-footer a{display:block;color:#fff;text-decoration:none;margin:8px 0;font-size:.88rem}.site-footer p{color:#e9eef7;line-height:1.7}.footer-bottom{text-align:center;border-top:1px solid rgba(255,255,255,.12);padding:16px}.product-detail-grid{display:grid;grid-template-columns:minmax(300px,520px) 1fr;gap:34px;align-items:start}.detail-image{width:100%;border-radius:18px;box-shadow:0 18px 40px rgba(0,0,0,.16);object-fit:cover;max-height:440px}@media(max-width:900px){header{align-items:center}.mobile-menu-btn{display:block}header nav{position:fixed;top:0;right:-310px;width:290px;max-width:86vw;height:100vh;background:#fff;box-shadow:-20px 0 55px rgba(0,0,0,.22);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:92px 24px 24px;transition:right .32s ease;z-index:1004}header nav a{margin:7px 0;font-size:.95rem}.nav-quote{margin-left:0!important}.nav-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1003}body.nav-open header nav{right:0}body.nav-open .nav-backdrop{display:block}.why-grid,.product-detail-grid,.footer-grid{grid-template-columns:1fr}.enquiry-btn{right:18px;bottom:18px;padding:.8rem 1.2rem}.form-popup{right:18px;width:calc(100% - 36px)}.jg-slider{display:none}}