:root{
          --brand-primary:#0b2340;
          --brand-accent:#00a9e0;
          --text-main:#0f1724;
          --text-muted:#7b8794;
          --border-soft:#e6edf6;
          --bg-light:#fbfdff;
          --max-width:1200px;
          --radius:16px;
        }
        
        *{box-sizing:border-box;margin:0;padding:0}
        html,body{height:100%}
        
        body{
          font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;
          color:var(--text-main);
          background:#ffffff;
          -webkit-font-smoothing:antialiased;
          line-height:1.45;
        }
        
        a{color:inherit;text-decoration:none}
        .container{max-width:var(--max-width);margin:0 auto;padding:0 20px}
        
        /* HEADER */
        header{
          width:100%;
          background:#fff;
          border-bottom:1px solid rgba(11,35,64,0.06);
          position:sticky;
          top:0;
          z-index:999;   /* ← REQUIRED FOR STICKY */
        }

        
        .header-inner{
          max-width:var(--max-width);
          margin:0 auto;
          display:flex;
          align-items:center;
          justify-content:space-between;
          padding:18px 20px;
        }
        
        .logo-wrap{display:flex;align-items:center;gap:12px}
        .logo-img{height:64px;width:auto;display:block}
        
        .right-header{display:flex;gap:18px;align-items:center}
        .header-email{color:var(--text-muted);font-weight:700;font-size:0.98rem}
        
        .btn-primary{
          padding:10px 18px;
          border-radius:999px;
          border:none;
          background:linear-gradient(90deg,var(--brand-primary),var(--brand-accent));
          color:#fff;
          font-weight:700;
          cursor:pointer;
          box-shadow:0 8px 22px rgba(11,35,64,0.12);
        }
        
        main{padding-bottom:48px}
        
        /* HERO */
        .hero-minimal{
          width:100vw;
          margin-left:calc(50% - 50vw);
          margin-right:calc(50% - 50vw);
          position:relative;
          overflow:hidden;
          background:linear-gradient(180deg,#071226 0%, #021824 60%, #00161f 100%);
          color:#eef9ff;
          padding:48px 0;
        }
        
        .hero-minimal .hero-inner{
          max-width:1200px;
          margin:0 auto;
          padding:40px 24px 32px;
          min-height:auto;      /* we let the image define the height now */
          display:flex;
          align-items:center;
          justify-content:center;
          text-align:center;
          flex-direction:column;
        }
        
        /* image block inside hero */
        .hero-image-wrap{
          margin-top:24px;
          max-width:1200px;
          width:100%;
          border-radius:18px;
          overflow:hidden;
          box-shadow:0 24px 60px rgba(0,0,0,0.35);
          background:#000;
        }
        
        .hero-image-wrap img{
          width:100%;
          height:auto;          /* ✅ FULL image, no crop */
          display:block;
        }

        
        .hero-minimal .hero-inner{
          max-width:1200px;
          margin:0 auto;
          padding:56px 24px;
          min-height:clamp(320px,42vh,560px);
          display:flex;
          align-items:center;
          justify-content:center;
          text-align:center;
        }
        
        
        
        .hero-title{
          font-weight:800;
          letter-spacing:-0.02em;
          margin:0 0 12px;
          color:#ffffff;
          font-size:clamp(24px,3.6vw,44px);
          text-shadow:0 10px 30px rgba(2,8,20,0.5);
        }
        
        /* Blink only "Think BIM Think BIMGS" */
            .blink-text {
              display: inline-block;
              animation: bimBlink 2s ease-in-out infinite;
            }
            
            /* soft fade blink (not harsh flashing) */
            @keyframes bimBlink {
              0%   { opacity: 1; }
              45%  { opacity: 1; }
              60%  { opacity: 0.25; }
              75%  { opacity: 1; }
              100% { opacity: 1; }
            }

        
        .hero-sub{
          margin:0 0 22px;
          color:rgba(234,246,255,0.88);
          font-size:clamp(14px,1.2vw,18px);
          max-width:840px;
          line-height:1.45;
          margin-inline:auto;
        }
        
        .hero-cta{
          display:inline-flex;
          gap:12px;
          align-items:center;
          justify-content:center;
          margin-top:6px;
        }
        
        .btn-ghost{
          background:transparent;
          color:#e6f8ff;
          border:1px solid rgba(230,248,255,0.12);
          padding:12px 18px;
          border-radius:10px;
          font-weight:700;
          cursor:pointer;
        }
        
        .btn-primary-cta{
          background:linear-gradient(90deg,#00a9e0,#007ab6);
          color:#fff;
          border:none;
          padding:12px 20px;
          border-radius:10px;
          font-weight:800;
          cursor:pointer;
          box-shadow:0 12px 30px rgba(0,122,180,0.18);
        }
        
        /* FLIPBOOK SECTION */
        .flipbook-section{
          padding:28px 0 10px;
          text-align:center;
        }
        
        .flipbook-layout{
          max-width:1120px;
          margin:0 auto;
        }
        
        .flipbook-text{
          font-size:1.02rem;
          color:var(--text-muted);
          margin-bottom:14px;
        }
        
        /* === TRUE 16:9 FLIPBOOK — FINAL FIX === */
        #flipbook{
          width:100%;
          max-width:1000px;
          aspect-ratio:16/9;
          height:auto !important;
          border-radius:14px;
          overflow:hidden;
          background:#000;
          position:relative;
          box-shadow:0 40px 80px rgba(7,12,30,0.35);
          margin-inline:auto;
        }
        
        #flipbook .page{
          width:100% !important;
          height:100% !important;
          aspect-ratio:16/9;
          background:#111;
          display:flex;
          justify-content:center;
          align-items:center;
        }
        
        #flipbook .page img{
          width:100%;
          height:100%;
          object-fit:cover;
          display:block;
        }
        
        /* Flipbook Controls */
        .flipbook-controls{
          margin-top:12px;
          display:flex;
          justify-content:center;
          gap:14px;
          align-items:center;
        }
        
        .flipbook-btn{
          padding:10px 14px;
          border-radius:10px;
          border:1px solid rgba(11,35,64,0.06);
          background:#fff;
          cursor:pointer;
          font-weight:600;
        }
        
        .flipbook-btn:disabled{
          opacity:.45;
          cursor:default;
        }
        
        .flipbook-page-indicator{
          font-size:0.98rem;
          min-width:140px;
          text-align:center;
          color:var(--text-muted);
        }
        
        /* VIDEO SECTION */
        .video-section{
          padding:34px 0;
          background:linear-gradient(180deg,#fafbff,#f6faff);
          text-align:center;
        }
        
        .video-wrap{
          max-width:1120px;
          width:100%;
          margin:14px auto 0;
          border-radius:14px;
          overflow:hidden;
          border:1px solid rgba(11,35,64,0.04);
          background:#000;
          aspect-ratio:16/9;
          position:relative;
          box-shadow:0 22px 60px rgba(7,12,30,0.08);
        }
        
        .video-wrap iframe{
          position:absolute;
          inset:0;
          width:100%;
          height:100%;
          border:0;
        }
        
        /* CLIENTS */
        .clients-section{
          padding:22px 0;
          text-align:center;
        }
        
        .clients-strip-wrap{
          margin-top:12px;
          border-radius:999px;
          border:1px solid rgba(11,35,64,0.04);
          padding:10px 8px;
          overflow:hidden;
          background:#fff;
          box-shadow:0 8px 30px rgba(7,12,30,0.04);
        }
        
        .clients-strip{
          display:flex;
          gap:20px;
          align-items:center;
          white-space:nowrap;
          padding-left:20px;
          animation:scroll-logos 5s linear infinite;
        }
        
        .client-logo{
          height:120px;        /* increased from 56px → 80px */
          width:auto;
          flex-shrink:0;
          object-fit:contain;
          filter:grayscale(30%);
          opacity:0.98;
          transition:transform .18s,filter .18s,opacity .18s;
        }

        }
        
        .client-logo:hover{
          filter:none;
          transform:translateY(-3px);
          opacity:1;
        }
        
        @keyframes scroll-logos{
          0%{transform:translateX(0)}
          100%{transform:translateX(-50%)} 
        }
        
        /* FOOTER */
        .footer-tile{
          margin-top:40px;
          background:linear-gradient(180deg,#031123,#002f4d 50%,#003f61);
          color:#eef9ff;
          padding:50px 0 20px;
        }
        
        .footer-inner{
          max-width:var(--max-width);
          margin:0 auto;
          padding:0 20px;
          display:flex;
          justify-content:space-between;
          gap:40px;
          flex-wrap:wrap;
        }
        
        .footer-col{
          flex:1;
          min-width:240px;
        }
        
        .footer-logo{
          max-width:200px;
          width:100%;
          height:auto;
          background:white;
          padding:10px;
          border-radius:10px;
          box-shadow:0 8px 24px rgba(0,0,0,0.15);
        }
        
        .footer-tagline{
          font-size:1.1rem;
          font-weight:700;
          margin-top:12px;
        }
        
        .footer-desc{
          margin-top:8px;
          color:rgba(255,255,255,0.75);
          line-height:1.5;
        }
        
        .footer-heading{
          font-size:1.1rem;
          font-weight:700;
          margin-bottom:12px;
          color:white;
        }
        
        .footer-col a{
          display:block;
          color:#d6eaff;
          margin-bottom:8px;
          font-size:0.95rem;
        }
        
        .footer-col a:hover{
          color:white;
        }
        
        .footer-social a{
          display:inline-block;
          margin-top:10px;
          padding:8px 14px;
          background:rgba(255,255,255,0.12);
          color:white;
          border-radius:8px;
        }
        
        .footer-bottom{
          text-align:center;
          padding-top:20px;
          margin-top:20px;
          border-top:1px solid rgba(255,255,255,0.15);
          font-size:0.9rem;
          color:rgba(255,255,255,0.75);
        }

        
        /* TITLES */
        .section-title{
          font-size:1.35rem;
          font-weight:600;
          margin-bottom:0.5rem;
          text-align:center;
        }
        
        .section-sub{
          font-size:1rem;
          color:var(--text-muted);
          margin-bottom:1.4rem;
          text-align:center;
        }
        
        /* RESPONSIVE */
        @media (max-width:1100px){
          .logo-img{height:56px}
          .logo-large{max-width:220px}
        }
        
        @media (max-width:880px){
          .logo-img{height:48px}
          .logo-large{max-width:190px}
        }
        
        @media (max-width:640px){
          .logo-img{height:44px}
          .logo-large{max-width:160px}
          .footer-inner{text-align:center;flex-direction:column;align-items:center}
          .footer-right{text-align:center;align-items:center}
        }